@burdenoff/microfe-files 2026.625.2 → 2026.625.4

package/dist/files/components/EmptyState.js

@@ -1,54 +1,51 @@
 import { tWithFallback as e } from "../utils/i18n.js";
-import { Clock as t, FolderOpen as n, Star as r, Trash2 as i } from "lucide-react";
-import { jsx as a } from "react/jsx-runtime";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as s, EmptyState as c } from "@burdenoff/fe-libs/ui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as i, IllustratedEmptyState as a } from "@burdenoff/fe-libs/ui";
 //#region src/files/components/EmptyState.tsx
-function l({ type: l, onUpload: u, onNewFolder: d }) {
-	let { t: f } = o(), p = {
+function o({ type: o, onUpload: s, onNewFolder: c }) {
+	let { t: l } = r(), u = {
 		all: {
-			icon: /* @__PURE__ */ a(n, { className: "size-12 text-text-tertiary" }),
-			title: e(f, "files.empty.all.title", "No files or folders yet"),
-			description: e(f, "files.empty.all.description", "Upload files or create folders to get started"),
+			title: e(l, "files.empty.all.title", "No files or folders yet"),
+			description: e(l, "files.empty.all.description", "Upload files or create folders to get started"),
 			showActions: !0
 		},
 		recent: {
-			icon: /* @__PURE__ */ a(t, { className: "size-12 text-text-tertiary" }),
-			title: e(f, "files.empty.recent.title", "No recent files"),
-			description: e(f, "files.empty.recent.description", "Files you recently opened will appear here"),
+			title: e(l, "files.empty.recent.title", "No recent files"),
+			description: e(l, "files.empty.recent.description", "Files you recently opened will appear here"),
 			showActions: !1
 		},
 		starred: {
-			icon: /* @__PURE__ */ a(r, { className: "size-12 text-text-tertiary" }),
-			title: e(f, "files.empty.starred.title", "No starred items"),
-			description: e(f, "files.empty.starred.description", "Star files and folders to find them easily"),
+			title: e(l, "files.empty.starred.title", "No starred items"),
+			description: e(l, "files.empty.starred.description", "Star files and folders to find them easily"),
 			showActions: !1
 		},
 		bin: {
-			icon: /* @__PURE__ */ a(i, { className: "size-12 text-text-tertiary" }),
-			title: e(f, "files.empty.bin.title", "Bin is empty"),
-			description: e(f, "files.empty.bin.description", "Deleted files and folders will appear here"),
+			title: e(l, "files.empty.bin.title", "Bin is empty"),
+			description: e(l, "files.empty.bin.description", "Deleted files and folders will appear here"),
 			showActions: !1
 		}
-	}[l], m = p.showActions && u ? /* @__PURE__ */ a(s, {
-		type: "button",
-		onClick: u,
-		children: e(f, "files.empty.uploadFiles", "Upload Files")
-	}) : void 0, h = p.showActions && d ? /* @__PURE__ */ a(s, {
-		type: "button",
-		variant: "outline",
-		onClick: d,
-		children: e(f, "files.empty.newFolder", "New Folder")
+	}[o], d = u.showActions && s ? /* @__PURE__ */ n("div", {
+		className: "flex flex-wrap items-center justify-center gap-2",
+		children: [/* @__PURE__ */ t(i, {
+			type: "button",
+			onClick: s,
+			children: e(l, "files.empty.uploadFiles", "Upload Files")
+		}), c && /* @__PURE__ */ t(i, {
+			type: "button",
+			variant: "outline",
+			onClick: c,
+			children: e(l, "files.empty.newFolder", "New Folder")
+		})]
 	}) : void 0;
-	return /* @__PURE__ */ a(c, {
-		icon: p.icon,
-		title: p.title,
-		description: p.description,
-		action: m,
-		secondaryAction: h
+	return /* @__PURE__ */ t(a, {
+		illustration: "empty-files",
+		title: u.title,
+		description: u.description,
+		action: d
 	});
 }
 //#endregion
-export { l as EmptyState };
+export { o as EmptyState };
 
 //# sourceMappingURL=EmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/files/components/EmptyState.tsx"],"sourcesContent":["import { FolderOpen, Star, Trash2, Clock } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  EmptyState as CanonicalEmptyState,\n  Button,\n} from \"@burdenoff/fe-libs/ui\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface EmptyStateProps {\n  type: \"all\" | \"recent\" | \"starred\" | \"bin\";\n  onUpload?: () => void;\n  onNewFolder?: () => void;\n}\n\n/**\n * Local wrapper that delegates to the canonical `<EmptyState>` from\n * `@burdenoff/fe-libs/ui`. Keeps the microfe-files-specific `type`-keyed\n * config (icon + i18n keys + per-type action visibility) at the call site.\n */\nexport function EmptyState({ type, onUpload, onNewFolder }: EmptyStateProps) {\n  const { t } = useI18n();\n  const configs = {\n    all: {\n      icon: <FolderOpen className=\"size-12 text-text-tertiary\" />,\n      title: tWithFallback(\n        t,\n        \"files.empty.all.title\",\n        \"No files or folders yet\",\n      ),\n      description: tWithFallback(\n        t,\n        \"files.empty.all.description\",\n        \"Upload files or create folders to get started\",\n      ),\n      showActions: true,\n    },\n    recent: {\n      icon: <Clock className=\"size-12 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.recent.title\", \"No recent files\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.recent.description\",\n        \"Files you recently opened will appear here\",\n      ),\n      showActions: false,\n    },\n    starred: {\n      icon: <Star className=\"size-12 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.starred.title\", \"No starred items\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.starred.description\",\n        \"Star files and folders to find them easily\",\n      ),\n      showActions: false,\n    },\n    bin: {\n      icon: <Trash2 className=\"size-12 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.bin.title\", \"Bin is empty\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.bin.description\",\n        \"Deleted files and folders will appear here\",\n      ),\n      showActions: false,\n    },\n  };\n\n  const config = configs[type];\n\n  const action =\n    config.showActions && onUpload ? (\n      <Button type=\"button\" onClick={onUpload}>\n        {tWithFallback(t, \"files.empty.uploadFiles\", \"Upload Files\")}\n      </Button>\n    ) : undefined;\n\n  const secondaryAction =\n    config.showActions && onNewFolder ? (\n      <Button type=\"button\" variant=\"outline\" onClick={onNewFolder}>\n        {tWithFallback(t, \"files.empty.newFolder\", \"New Folder\")}\n      </Button>\n    ) : undefined;\n\n  return (\n    <CanonicalEmptyState\n      icon={config.icon}\n      title={config.title}\n      description={config.description}\n      action={action}\n      secondaryAction={secondaryAction}\n    />\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,EAAW,EAAE,SAAM,aAAU,kBAAgC;CAC3E,IAAM,EAAE,SAAM,GAAS,EAgDjB,IA/CU;EACd,KAAK;GACH,MAAM,kBAAC,GAAD,EAAY,WAAU,8BAA+B,CAAA;GAC3D,OAAO,EACL,GACA,yBACA,0BACD;GACD,aAAa,EACX,GACA,+BACA,gDACD;GACD,aAAa;GACd;EACD,QAAQ;GACN,MAAM,kBAAC,GAAD,EAAO,WAAU,8BAA+B,CAAA;GACtD,OAAO,EAAc,GAAG,4BAA4B,kBAAkB;GACtE,aAAa,EACX,GACA,kCACA,6CACD;GACD,aAAa;GACd;EACD,SAAS;GACP,MAAM,kBAAC,GAAD,EAAM,WAAU,8BAA+B,CAAA;GACrD,OAAO,EAAc,GAAG,6BAA6B,mBAAmB;GACxE,aAAa,EACX,GACA,mCACA,6CACD;GACD,aAAa;GACd;EACD,KAAK;GACH,MAAM,kBAAC,GAAD,EAAQ,WAAU,8BAA+B,CAAA;GACvD,OAAO,EAAc,GAAG,yBAAyB,eAAe;GAChE,aAAa,EACX,GACA,+BACA,6CACD;GACD,aAAa;GACd;EACF,CAEsB,IAEjB,IACJ,EAAO,eAAe,IACpB,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAS;YAC5B,EAAc,GAAG,2BAA2B,eAAe;EACrD,CAAA,GACP,KAAA,GAEA,IACJ,EAAO,eAAe,IACpB,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAU,SAAS;YAC9C,EAAc,GAAG,yBAAyB,aAAa;EACjD,CAAA,GACP,KAAA;AAEN,QACE,kBAAC,GAAD;EACE,MAAM,EAAO;EACb,OAAO,EAAO;EACd,aAAa,EAAO;EACZ;EACS;EACjB,CAAA"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/files/components/EmptyState.tsx"],"sourcesContent":["import { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { IllustratedEmptyState, Button } from \"@burdenoff/fe-libs/ui\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface EmptyStateProps {\n  type: \"all\" | \"recent\" | \"starred\" | \"bin\";\n  onUpload?: () => void;\n  onNewFolder?: () => void;\n}\n\n/**\n * Local wrapper that delegates to the on-brand `<IllustratedEmptyState>` from\n * `@burdenoff/fe-libs/ui`. Keeps the microfe-files-specific `type`-keyed config\n * (illustration + i18n keys + per-type action visibility) at the call site. The\n * `empty-files` illustration is served by the host shell at\n * `/illustrations/empty-files.webp`.\n */\nexport function EmptyState({ type, onUpload, onNewFolder }: EmptyStateProps) {\n  const { t } = useI18n();\n  const configs = {\n    all: {\n      title: tWithFallback(\n        t,\n        \"files.empty.all.title\",\n        \"No files or folders yet\",\n      ),\n      description: tWithFallback(\n        t,\n        \"files.empty.all.description\",\n        \"Upload files or create folders to get started\",\n      ),\n      showActions: true,\n    },\n    recent: {\n      title: tWithFallback(t, \"files.empty.recent.title\", \"No recent files\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.recent.description\",\n        \"Files you recently opened will appear here\",\n      ),\n      showActions: false,\n    },\n    starred: {\n      title: tWithFallback(t, \"files.empty.starred.title\", \"No starred items\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.starred.description\",\n        \"Star files and folders to find them easily\",\n      ),\n      showActions: false,\n    },\n    bin: {\n      title: tWithFallback(t, \"files.empty.bin.title\", \"Bin is empty\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.bin.description\",\n        \"Deleted files and folders will appear here\",\n      ),\n      showActions: false,\n    },\n  };\n\n  const config = configs[type];\n\n  const action =\n    config.showActions && onUpload ? (\n      <div className=\"flex flex-wrap items-center justify-center gap-2\">\n        <Button type=\"button\" onClick={onUpload}>\n          {tWithFallback(t, \"files.empty.uploadFiles\", \"Upload Files\")}\n        </Button>\n        {onNewFolder && (\n          <Button type=\"button\" variant=\"outline\" onClick={onNewFolder}>\n            {tWithFallback(t, \"files.empty.newFolder\", \"New Folder\")}\n          </Button>\n        )}\n      </div>\n    ) : undefined;\n\n  return (\n    <IllustratedEmptyState\n      illustration=\"empty-files\"\n      title={config.title}\n      description={config.description}\n      action={action}\n    />\n  );\n}\n"],"mappings":";;;;;AAiBA,SAAgB,EAAW,EAAE,SAAM,aAAU,kBAAgC;CAC3E,IAAM,EAAE,SAAM,GAAS,EA4CjB,IA3CU;EACd,KAAK;GACH,OAAO,EACL,GACA,yBACA,0BACD;GACD,aAAa,EACX,GACA,+BACA,gDACD;GACD,aAAa;GACd;EACD,QAAQ;GACN,OAAO,EAAc,GAAG,4BAA4B,kBAAkB;GACtE,aAAa,EACX,GACA,kCACA,6CACD;GACD,aAAa;GACd;EACD,SAAS;GACP,OAAO,EAAc,GAAG,6BAA6B,mBAAmB;GACxE,aAAa,EACX,GACA,mCACA,6CACD;GACD,aAAa;GACd;EACD,KAAK;GACH,OAAO,EAAc,GAAG,yBAAyB,eAAe;GAChE,aAAa,EACX,GACA,+BACA,6CACD;GACD,aAAa;GACd;EACF,CAEsB,IAEjB,IACJ,EAAO,eAAe,IACpB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAS;aAC5B,EAAc,GAAG,2BAA2B,eAAe;GACrD,CAAA,EACR,KACC,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAU,SAAS;aAC9C,EAAc,GAAG,yBAAyB,aAAa;GACjD,CAAA,CAEP;MACJ,KAAA;AAEN,QACE,kBAAC,GAAD;EACE,cAAa;EACb,OAAO,EAAO;EACd,aAAa,EAAO;EACZ;EACR,CAAA"}

package/dist/files/components/FileBrowser.js

@@ -9,21 +9,21 @@ import { FolderCard as ie } from "./FolderCard.js";
 import { ContextMenu as r } from "./ContextMenu.js";
 import { createFileMenuItems as ae, createFolderMenuItems as i } from "./contextMenuItems.js";
 import { useState as a } from "react";
-import { Folder as oe, Loader2 as se, Star as ce } from "lucide-react";
-import { Fragment as le, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Folder as oe, Star as se } from "lucide-react";
+import { Fragment as ce, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/files/components/FileBrowser.tsx
-var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSortOrder: fe = !1, onFilePreview: pe, onFileShare: d, onFileDelete: f, onFileRestore: p, onFileFavorite: m, onFileRename: h, onFileDownload: g, onFileCopy: _, onFileMove: v, onFileInfo: y, onFileActivity: b, onFolderOpen: x, onFolderShare: S, onFolderDelete: C, onFolderRestore: w, onFolderRename: T, onFolderFavorite: E, onFolderCopy: me, onFolderMove: D, onFolderInfo: O, onFolderActivity: he, onMoveFile: ge, onCopyFile: _e, onMoveFolder: ve, onCopyFolder: ye }) => {
-	let { t: k } = ue(), { viewMode: A, sortBy: j, sortDirection: be, selectedFiles: M, selectedFolders: N } = e(), [xe, Se] = a(null), [P, F] = a({
+var c = ({ files: c, folders: l, loading: ue = !1, error: u = null, preserveSortOrder: de = !1, onFilePreview: fe, onFileShare: d, onFileDelete: f, onFileRestore: p, onFileFavorite: m, onFileRename: h, onFileDownload: g, onFileCopy: _, onFileMove: v, onFileInfo: y, onFileActivity: b, onFolderOpen: x, onFolderShare: S, onFolderDelete: C, onFolderRestore: w, onFolderRename: T, onFolderFavorite: E, onFolderCopy: pe, onFolderMove: D, onFolderInfo: O, onFolderActivity: me, onMoveFile: he, onCopyFile: ge, onMoveFolder: _e, onCopyFolder: ve }) => {
+	let { t: k } = le(), { viewMode: A, sortBy: j, sortDirection: ye, selectedFiles: M, selectedFolders: N } = e(), [be, xe] = a(null), [P, F] = a({
 		draggedItem: null,
 		dropTargetFolderId: null
-	}), [I, L] = a(null), { draggedItem: R, startDrag: Ce, endDrag: we, handleDrop: Te } = te({
-		onMoveFile: ge,
-		onCopyFile: _e,
-		onMoveFolder: ve,
-		onCopyFolder: ye
-	}), Ee = (e, t) => {
-		Ce({
+	}), [I, L] = a(null), { draggedItem: R, startDrag: Se, endDrag: Ce, handleDrop: we } = te({
+		onMoveFile: he,
+		onCopyFile: ge,
+		onMoveFolder: _e,
+		onCopyFolder: ve
+	}), Te = (e, t) => {
+		Se({
 			type: "file",
 			item: e,
 			operation: t
@@ -35,8 +35,8 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 			},
 			dropTargetFolderId: null
 		});
-	}, De = (e, t) => {
-		Ce({
+	}, Ee = (e, t) => {
+		Se({
 			type: "folder",
 			item: e,
 			operation: t
@@ -49,21 +49,21 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 			dropTargetFolderId: null
 		});
 	}, z = () => {
-		we(), F({
+		Ce(), F({
 			draggedItem: null,
 			dropTargetFolderId: null
 		});
-	}, Oe = async (e) => {
-		R && (await Te(e.id), F({
+	}, De = async (e) => {
+		R && (await we(e.id), F({
 			draggedItem: null,
 			dropTargetFolderId: null
 		}));
-	}, ke = (e) => {
+	}, Oe = (e) => {
 		F((t) => ({
 			...t,
 			dropTargetFolderId: e
 		}));
-	}, Ae = () => {
+	}, ke = () => {
 		F((e) => ({
 			...e,
 			dropTargetFolderId: null
@@ -114,15 +114,21 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 				isStarred: e.starred
 			}, k);
 		}
-	}, Q = fe ? c : t(c, j, be), $ = fe ? l : t(l, j, be);
-	return de ? /* @__PURE__ */ o("div", {
-		className: "flex items-center justify-center min-h-[500px]",
-		children: /* @__PURE__ */ s("div", {
-			className: "flex flex-col items-center gap-4",
-			children: [/* @__PURE__ */ o(se, { className: "size-10 animate-spin text-action-primary-bg" }), /* @__PURE__ */ o("span", {
-				className: "text-sm text-text-secondary",
-				children: n(k, "files.browser.loading", "Loading files…")
-			})]
+	}, Q = de ? c : t(c, j, ye), $ = de ? l : t(l, j, ye);
+	return ue ? /* @__PURE__ */ o("div", {
+		className: "@container p-page-padding",
+		role: "status",
+		"aria-busy": "true",
+		"aria-label": n(k, "files.browser.loading", "Loading files…"),
+		children: /* @__PURE__ */ o("div", {
+			className: "grid grid-cols-2 gap-4 @md:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5",
+			children: Array.from({ length: 10 }).map((e, t) => /* @__PURE__ */ s("div", {
+				className: "overflow-hidden rounded-card border border-border-seam bg-bg-surface",
+				children: [/* @__PURE__ */ o("div", { className: "aspect-[4/3] w-full animate-vc-shimmer bg-bg-sunken" }), /* @__PURE__ */ s("div", {
+					className: "space-y-2 p-3",
+					children: [/* @__PURE__ */ o("div", { className: "h-3 w-3/4 animate-vc-shimmer rounded bg-bg-sunken" }), /* @__PURE__ */ o("div", { className: "h-3 w-1/2 animate-vc-shimmer rounded bg-bg-sunken" })]
+				})]
+			}, t))
 		})
 	}) : u ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center min-h-[500px]",
@@ -145,7 +151,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 				})
 			]
 		})
-	}) : c.length === 0 && l.length === 0 ? /* @__PURE__ */ o(le, { children: I && /* @__PURE__ */ o(r, {
+	}) : c.length === 0 && l.length === 0 ? /* @__PURE__ */ o(ce, { children: I && /* @__PURE__ */ o(r, {
 		x: I.x,
 		y: I.y,
 		onClose: H,
@@ -188,11 +194,11 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), q(t) && x?.(t));
 					},
 					onDragOver: (e) => {
-						R && R.item.id !== t.id && J(t) && (e.preventDefault(), ke(t.id));
+						R && R.item.id !== t.id && J(t) && (e.preventDefault(), Oe(t.id));
 					},
-					onDragLeave: Ae,
+					onDragLeave: ke,
 					onDrop: async (e) => {
-						e.preventDefault(), R && R.item.id !== t.id && J(t) && await Oe(t);
+						e.preventDefault(), R && R.item.id !== t.id && J(t) && await De(t);
 					},
 					onContextMenu: (e) => {
 						e.preventDefault(), V(t, e.clientX, e.clientY);
@@ -221,7 +227,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 								children: [/* @__PURE__ */ o("span", {
 									className: "font-text-md font-weight-medium text-text-primary truncate",
 									children: t.name
-								}), t.starred && /* @__PURE__ */ o(ce, { className: "size-3 flex-shrink-0 fill-yellow-400 text-yellow-400" })]
+								}), t.starred && /* @__PURE__ */ o(se, { className: "size-3 flex-shrink-0 fill-yellow-400 text-yellow-400" })]
 							})
 						}),
 						/* @__PURE__ */ o("div", {
@@ -335,8 +341,8 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 											onDelete: X(t) && C ? () => C(t) : void 0,
 											isStarred: t.starred
 										}, k),
-										isOpen: xe === t.id,
-										onToggle: (e) => Se(e ? t.id : null)
+										isOpen: be === t.id,
+										onToggle: (e) => xe(e ? t.id : null)
 									})
 								})
 							]
@@ -346,7 +352,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 					file: e,
 					isSelected: M.has(e.id),
 					isDragging: R?.item.id === e.id,
-					onPreview: U(e) ? pe : void 0,
+					onPreview: U(e) ? fe : void 0,
 					onShare: G(e) ? d : void 0,
 					onDelete: K(e) ? f : void 0,
 					onRestore: W(e) ? p : void 0,
@@ -357,7 +363,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 					onMove: W(e) ? v : void 0,
 					onInfo: y,
 					onActivity: b,
-					onDragStart: W(e) ? Ee : void 0,
+					onDragStart: W(e) ? Te : void 0,
 					onDragEnd: z,
 					onContextMenu: B
 				}, e.id))]
@@ -391,13 +397,13 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 						onRestore: J(e) ? w : void 0,
 						onRename: J(e) ? T : void 0,
 						onFavorite: J(e) ? E : void 0,
-						onCopy: me,
+						onCopy: pe,
 						onMove: J(e) ? D : void 0,
 						onInfo: O,
-						onActivity: he,
-						onDragStart: J(e) ? De : void 0,
+						onActivity: me,
+						onDragStart: J(e) ? Ee : void 0,
 						onDragEnd: z,
-						onDrop: J(e) ? Oe : void 0,
+						onDrop: J(e) ? De : void 0,
 						onContextMenu: V
 					}, e.id))
 				})]
@@ -411,7 +417,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 					file: e,
 					isSelected: M.has(e.id),
 					isDragging: R?.item.id === e.id,
-					onPreview: U(e) ? pe : void 0,
+					onPreview: U(e) ? fe : void 0,
 					onShare: G(e) ? d : void 0,
 					onDelete: K(e) ? f : void 0,
 					onRestore: W(e) ? p : void 0,
@@ -422,7 +428,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 					onMove: W(e) ? v : void 0,
 					onInfo: y,
 					onActivity: b,
-					onDragStart: W(e) ? Ee : void 0,
+					onDragStart: W(e) ? Te : void 0,
 					onDragEnd: z,
 					onContextMenu: B
 				}, e.id))

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

@@ -1 +1 @@
-{"version":3,"file":"FileBrowser.js","names":[],"sources":["../../../src/files/components/FileBrowser.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Loader2, Star } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { FileCard } from \"./FileCard\";\nimport { FileListItem } from \"./FileListItem\";\nimport { FolderCard } from \"./FolderCard\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { createFileMenuItems, createFolderMenuItems } from \"./contextMenuItems\";\nimport { sortFiles } from \"../utils\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport {\n  useDragDrop,\n  type DragData,\n  type DragOperation,\n} from \"../hooks/useDragDrop\";\n\ninterface FileBrowserProps {\n  files: FileItem[];\n  folders: FolderItem[];\n  loading?: boolean;\n  error?: Error | null;\n  preserveSortOrder?: boolean;\n  onFilePreview?: (file: FileItem) => void;\n  onFileShare?: (file: FileItem) => void;\n  onFileDelete?: (file: FileItem) => void;\n  onFileRestore?: (file: FileItem) => void;\n  onFileFavorite?: (file: FileItem) => void;\n  onFileRename?: (file: FileItem) => void;\n  onFileDownload?: (file: FileItem) => void;\n  onFileCopy?: (file: FileItem) => void;\n  onFileMove?: (file: FileItem) => void;\n  onFileInfo?: (file: FileItem) => void;\n  onFileActivity?: (file: FileItem) => void;\n  onFolderOpen?: (folder: FolderItem) => void;\n  onFolderShare?: (folder: FolderItem) => void;\n  onFolderDelete?: (folder: FolderItem) => void;\n  onFolderRestore?: (folder: FolderItem) => void;\n  onFolderRename?: (folder: FolderItem) => void;\n  onFolderFavorite?: (folder: FolderItem) => void;\n  onFolderCopy?: (folder: FolderItem) => void;\n  onFolderMove?: (folder: FolderItem) => void;\n  onFolderInfo?: (folder: FolderItem) => void;\n  onFolderActivity?: (folder: FolderItem) => void;\n  onMoveFile?: (fileId: string, targetFolderId: string) => Promise<void>;\n  onCopyFile?: (fileId: string, targetFolderId: string) => Promise<void>;\n  onMoveFolder?: (folderId: string, targetFolderId: string) => Promise<void>;\n  onCopyFolder?: (folderId: string, targetFolderId: string) => Promise<void>;\n}\n\nexport const FileBrowser: FC<FileBrowserProps> = ({\n  files,\n  folders,\n  loading = false,\n  error = null,\n  preserveSortOrder = false,\n  onFilePreview,\n  onFileShare,\n  onFileDelete,\n  onFileRestore,\n  onFileFavorite,\n  onFileRename,\n  onFileDownload,\n  onFileCopy,\n  onFileMove,\n  onFileInfo,\n  onFileActivity,\n  onFolderOpen,\n  onFolderShare,\n  onFolderDelete,\n  onFolderRestore,\n  onFolderRename,\n  onFolderFavorite,\n  onFolderCopy,\n  onFolderMove,\n  onFolderInfo,\n  onFolderActivity,\n  onMoveFile,\n  onCopyFile,\n  onMoveFolder,\n  onCopyFolder,\n}) => {\n  const { t } = useI18n();\n  const { viewMode, sortBy, sortDirection, selectedFiles, selectedFolders } =\n    useFilesStore();\n\n  const [openMenuId, setOpenMenuId] = useState<string | null>(null);\n  const [dragState, setDragState] = useState<{\n    draggedItem: DragData | null;\n    dropTargetFolderId: string | null;\n  }>({ draggedItem: null, dropTargetFolderId: null });\n  const [contextMenu, setContextMenu] = useState<{\n    item: FileItem | FolderItem;\n    type: \"file\" | \"folder\";\n    x: number;\n    y: number;\n  } | null>(null);\n\n  const { draggedItem, startDrag, endDrag, handleDrop } = useDragDrop({\n    onMoveFile,\n    onCopyFile,\n    onMoveFolder,\n    onCopyFolder,\n  });\n\n  const handleFileDragStart = (file: FileItem, operation: DragOperation) => {\n    startDrag({ type: \"file\", item: file, operation });\n    setDragState({\n      draggedItem: { type: \"file\", item: file, operation },\n      dropTargetFolderId: null,\n    });\n  };\n\n  const handleFolderDragStart = (\n    folder: FolderItem,\n    operation: DragOperation,\n  ) => {\n    startDrag({ type: \"folder\", item: folder, operation });\n    setDragState({\n      draggedItem: { type: \"folder\", item: folder, operation },\n      dropTargetFolderId: null,\n    });\n  };\n\n  const handleDragEnd = () => {\n    endDrag();\n    setDragState({ draggedItem: null, dropTargetFolderId: null });\n  };\n\n  const handleFolderDrop = async (folder: FolderItem) => {\n    if (draggedItem) {\n      await handleDrop(folder.id);\n      setDragState({ draggedItem: null, dropTargetFolderId: null });\n    }\n  };\n\n  const handleFolderDragOver = (folderId: string) => {\n    setDragState((prev) => ({ ...prev, dropTargetFolderId: folderId }));\n  };\n\n  const handleFolderDragLeave = () => {\n    setDragState((prev) => ({ ...prev, dropTargetFolderId: null }));\n  };\n\n  const handleFileContextMenu = (file: FileItem, x: number, y: number) => {\n    setContextMenu({ item: file, type: \"file\", x, y });\n  };\n\n  const handleFolderContextMenu = (\n    folder: FolderItem,\n    x: number,\n    y: number,\n  ) => {\n    setContextMenu({ item: folder, type: \"folder\", x, y });\n  };\n\n  const closeContextMenu = () => {\n    setContextMenu(null);\n  };\n\n  const fileCanRead = (file: FileItem) =>\n    file.canRead === true || file.canUpdate === true || file.canWrite === true;\n  const fileCanUpdate = (file: FileItem) =>\n    file.canUpdate === true || file.canWrite === true;\n  const fileCanShare = (file: FileItem) =>\n    file.canShare === true || fileCanUpdate(file);\n  const fileCanDelete = (file: FileItem) => file.canDelete === true;\n\n  const folderCanRead = (folder: FolderItem) =>\n    folder.canRead === true || folder.permissions?.canRead === true;\n  const folderCanUpdate = (folder: FolderItem) =>\n    folder.canUpdate === true || folder.permissions?.canWrite === true;\n  const folderCanShare = (folder: FolderItem) =>\n    folder.permissions?.canShare === true || folderCanUpdate(folder);\n  const folderCanDelete = (folder: FolderItem) =>\n    folder.canDelete === true || folder.permissions?.canDelete === true;\n\n  const getContextMenuItems = () => {\n    if (!contextMenu) return [];\n    if (contextMenu.type === \"file\") {\n      const file = contextMenu.item as FileItem;\n      return createFileMenuItems(\n        {\n          onShare:\n            onFileShare && fileCanShare(file)\n              ? () => onFileShare(file)\n              : undefined,\n          onDownload:\n            onFileDownload && fileCanRead(file)\n              ? () => onFileDownload(file)\n              : undefined,\n          onCopy:\n            onFileCopy && fileCanRead(file)\n              ? () => onFileCopy(file)\n              : undefined,\n          onRename:\n            onFileRename && fileCanUpdate(file)\n              ? () => onFileRename(file)\n              : undefined,\n          onStar:\n            onFileFavorite && fileCanUpdate(file)\n              ? () => onFileFavorite(file)\n              : undefined,\n          onMove:\n            onFileMove && fileCanUpdate(file)\n              ? () => onFileMove(file)\n              : undefined,\n          onInfo: onFileInfo ? () => onFileInfo(file) : undefined,\n          onActivity: onFileActivity ? () => onFileActivity(file) : undefined,\n          onDelete:\n            onFileDelete && fileCanDelete(file)\n              ? () => onFileDelete(file)\n              : undefined,\n          onRestore:\n            onFileRestore && fileCanUpdate(file)\n              ? () => onFileRestore(file)\n              : undefined,\n          isStarred: file.starred,\n        },\n        t,\n      );\n    } else {\n      const folder = contextMenu.item as FolderItem;\n      return createFolderMenuItems(\n        {\n          onShare:\n            onFolderShare && folderCanShare(folder)\n              ? () => onFolderShare(folder)\n              : undefined,\n          onRename:\n            onFolderRename && folderCanUpdate(folder)\n              ? () => onFolderRename(folder)\n              : undefined,\n          onStar:\n            onFolderFavorite && folderCanUpdate(folder)\n              ? () => onFolderFavorite(folder)\n              : undefined,\n          onMove:\n            onFolderMove && folderCanUpdate(folder)\n              ? () => onFolderMove(folder)\n              : undefined,\n          onInfo: onFolderInfo ? () => onFolderInfo(folder) : undefined,\n          onDelete:\n            onFolderDelete && folderCanDelete(folder)\n              ? () => onFolderDelete(folder)\n              : undefined,\n          onRestore:\n            onFolderRestore && folderCanUpdate(folder)\n              ? () => onFolderRestore(folder)\n              : undefined,\n          isStarred: folder.starred,\n        },\n        t,\n      );\n    }\n  };\n\n  const sortedFiles = preserveSortOrder\n    ? files\n    : sortFiles(files, sortBy, sortDirection);\n  const sortedFolders = preserveSortOrder\n    ? folders\n    : sortFiles(folders, sortBy, sortDirection);\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[500px]\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <Loader2 className=\"size-10 animate-spin text-action-primary-bg\" />\n          <span className=\"text-sm text-text-secondary\">\n            {tWithFallback(t, \"files.browser.loading\", \"Loading files…\")}\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[500px]\">\n        <div className=\"text-center max-w-md\">\n          <div className=\"mb-3 text-xl font-semibold text-status-error-text\">\n            {tWithFallback(\n              t,\n              \"files.browser.loadError\",\n              \"Failed to load files\",\n            )}\n          </div>\n          <p className=\"mb-6 text-sm text-text-secondary\">\n            {error.message ||\n              tWithFallback(\n                t,\n                \"files.browser.unexpectedError\",\n                \"An unexpected error occurred\",\n              )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => window.location.reload()}\n            className=\"rounded-lg bg-action-primary-bg px-6 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover\"\n          >\n            {tWithFallback(t, \"files.browser.retry\", \"Retry\")}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  if (files.length === 0 && folders.length === 0) {\n    return (\n      <>\n        {contextMenu && (\n          <ContextMenu\n            x={contextMenu.x}\n            y={contextMenu.y}\n            onClose={closeContextMenu}\n            items={getContextMenuItems()}\n          />\n        )}\n      </>\n    );\n  }\n\n  if (viewMode !== \"list\") {\n    return (\n      <div className=\"@container bg-bg-canvas p-page-padding\">\n        {/* Folders section */}\n        {sortedFolders.length > 0 && (\n          <div className={sortedFiles.length > 0 ? \"mb-6\" : \"\"}>\n            {sortedFiles.length > 0 && (\n              <h2 className=\"text-xs font-semibold text-text-tertiary uppercase tracking-wider mb-3 px-1\">\n                {tWithFallback(t, \"files.browser.section.folders\", \"Folders\")}\n              </h2>\n            )}\n            <div className=\"grid grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3 @xl:grid-cols-4 gap-2\">\n              {sortedFolders.map((folder) => (\n                <FolderCard\n                  key={folder.id}\n                  folder={folder}\n                  isSelected={selectedFolders.has(folder.id)}\n                  isDragging={draggedItem?.item.id === folder.id}\n                  isDropTarget={dragState.dropTargetFolderId === folder.id}\n                  draggedItem={draggedItem}\n                  onOpen={folderCanRead(folder) ? onFolderOpen : undefined}\n                  onShare={folderCanShare(folder) ? onFolderShare : undefined}\n                  onDelete={\n                    folderCanDelete(folder) ? onFolderDelete : undefined\n                  }\n                  onRestore={\n                    folderCanUpdate(folder) ? onFolderRestore : undefined\n                  }\n                  onRename={\n                    folderCanUpdate(folder) ? onFolderRename : undefined\n                  }\n                  onFavorite={\n                    folderCanUpdate(folder) ? onFolderFavorite : undefined\n                  }\n                  onCopy={onFolderCopy}\n                  onMove={folderCanUpdate(folder) ? onFolderMove : undefined}\n                  onInfo={onFolderInfo}\n                  onActivity={onFolderActivity}\n                  onDragStart={\n                    folderCanUpdate(folder) ? handleFolderDragStart : undefined\n                  }\n                  onDragEnd={handleDragEnd}\n                  onDrop={\n                    folderCanUpdate(folder) ? handleFolderDrop : undefined\n                  }\n                  onContextMenu={handleFolderContextMenu}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Files section */}\n        {sortedFiles.length > 0 && (\n          <div>\n            {sortedFolders.length > 0 && (\n              <h2 className=\"text-xs font-semibold text-text-tertiary uppercase tracking-wider mb-3 px-1\">\n                {tWithFallback(t, \"files.browser.section.files\", \"Files\")}\n              </h2>\n            )}\n            <div className=\"grid grid-cols-2 @md:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5 gap-4\">\n              {sortedFiles.map((file) => (\n                <FileCard\n                  key={file.id}\n                  file={file}\n                  isSelected={selectedFiles.has(file.id)}\n                  isDragging={draggedItem?.item.id === file.id}\n                  onPreview={fileCanRead(file) ? onFilePreview : undefined}\n                  onShare={fileCanShare(file) ? onFileShare : undefined}\n                  onDelete={fileCanDelete(file) ? onFileDelete : undefined}\n                  onRestore={fileCanUpdate(file) ? onFileRestore : undefined}\n                  onFavorite={fileCanUpdate(file) ? onFileFavorite : undefined}\n                  onRename={fileCanUpdate(file) ? onFileRename : undefined}\n                  onDownload={fileCanRead(file) ? onFileDownload : undefined}\n                  onCopy={fileCanRead(file) ? onFileCopy : undefined}\n                  onMove={fileCanUpdate(file) ? onFileMove : undefined}\n                  onInfo={onFileInfo}\n                  onActivity={onFileActivity}\n                  onDragStart={\n                    fileCanUpdate(file) ? handleFileDragStart : undefined\n                  }\n                  onDragEnd={handleDragEnd}\n                  onContextMenu={handleFileContextMenu}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {contextMenu && (\n          <ContextMenu\n            x={contextMenu.x}\n            y={contextMenu.y}\n            onClose={closeContextMenu}\n            items={getContextMenuItems()}\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (viewMode === \"list\") {\n    return (\n      <div className=\"@container bg-bg-canvas\">\n        <div className=\"hidden @md:flex items-center gap-3 px-3 py-2 bg-bg-surface border-b border-border-seam text-text-secondary font-text-sm font-weight-medium\">\n          <div className=\"flex-shrink-0 w-4\" />\n          <div className=\"flex-shrink-0 w-6\" />\n          <div className=\"flex-1\">\n            {tWithFallback(t, \"files.browser.name\", \"Name\")}\n          </div>\n          <div className=\"hidden @lg:block flex-shrink-0 w-40\">\n            {tWithFallback(t, \"files.browser.owner\", \"Owner\")}\n          </div>\n          <div className=\"hidden @md:block flex-shrink-0 w-24 text-right\">\n            {tWithFallback(t, \"files.browser.size\", \"Size\")}\n          </div>\n          <div className=\"hidden @lg:block flex-shrink-0 w-32 text-right\">\n            {tWithFallback(t, \"files.browser.modified\", \"Modified\")}\n          </div>\n          <div className=\"flex-shrink-0 w-32\" />\n        </div>\n\n        <div className=\"divide-y divide-border-subtle\">\n          {sortedFolders.map((folder) => (\n            <div\n              key={folder.id}\n              className={`group flex items-center gap-3 border-b border-border-seam bg-bg-surface p-3 transition-colors hover:bg-bg-sunken focus-within:bg-bg-sunken ${dragState.dropTargetFolderId === folder.id && draggedItem?.item.id !== folder.id ? \"bg-action-primary-bg/10\" : \"\"} ${draggedItem?.item.id === folder.id ? \"opacity-50\" : \"\"}`}\n              onClick={() => {\n                if (folderCanRead(folder)) onFolderOpen?.(folder);\n              }}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  if (folderCanRead(folder)) onFolderOpen?.(folder);\n                }\n              }}\n              onDragOver={(e) => {\n                if (\n                  draggedItem &&\n                  draggedItem.item.id !== folder.id &&\n                  folderCanUpdate(folder)\n                ) {\n                  e.preventDefault();\n                  handleFolderDragOver(folder.id);\n                }\n              }}\n              onDragLeave={handleFolderDragLeave}\n              onDrop={async (e) => {\n                e.preventDefault();\n                if (\n                  draggedItem &&\n                  draggedItem.item.id !== folder.id &&\n                  folderCanUpdate(folder)\n                ) {\n                  await handleFolderDrop(folder);\n                }\n              }}\n              onContextMenu={(e) => {\n                e.preventDefault();\n                handleFolderContextMenu(folder, e.clientX, e.clientY);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={tWithFallback(\n                t,\n                \"files.browser.openFolder\",\n                \"Open folder\",\n              )}\n            >\n              <div className=\"flex-shrink-0\">\n                <input\n                  type=\"checkbox\"\n                  checked={selectedFolders.has(folder.id)}\n                  onChange={(e) => {\n                    e.stopPropagation();\n                    useFilesStore.getState().toggleFolderSelection(folder.id);\n                  }}\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              <Folder className=\"size-6 text-action-primary-bg flex-shrink-0\" />\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"font-text-md font-weight-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>\n              <div className=\"hidden @lg:block flex-shrink-0 w-40\">\n                {folder.createdBy && (\n                  <div className=\"flex items-center gap-2\">\n                    {folder.createdBy.avatar && (\n                      <img\n                        src={folder.createdBy.avatar}\n                        alt={folder.createdBy.name}\n                        className=\"size-6 rounded-full\"\n                      />\n                    )}\n                    <span className=\"font-text-sm text-text-secondary truncate\">\n                      {folder.createdBy.name}\n                    </span>\n                  </div>\n                )}\n              </div>\n              <div className=\"hidden @md:block flex-shrink-0 w-24 text-right\">\n                <span className=\"font-text-sm text-text-secondary\">\n                  {(folder.filesCount ?? 0) + (folder.subfoldersCount ?? 0)}{\" \"}\n                  {tWithFallback(t, \"files.browser.items\", \"items\")}\n                </span>\n              </div>\n              <div className=\"hidden @lg:block flex-shrink-0 w-32 text-right\">\n                <span className=\"font-text-sm text-text-secondary\">\n                  {new Date(folder.updatedAt).toLocaleDateString()}\n                </span>\n              </div>\n\n              <div className=\"flex w-32 flex-shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100\">\n                {folderCanShare(folder) && onFolderShare && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onFolderShare(folder);\n                    }}\n                    className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.browser.share\",\n                      \"Share\",\n                    )}\n                    title={tWithFallback(\n                      t,\n                      \"files.browser.shareFolder\",\n                      \"Share folder\",\n                    )}\n                  >\n                    <svg\n                      className=\"size-4 text-text-primary\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"\n                      />\n                    </svg>\n                  </button>\n                )}\n\n                {folderCanUpdate(folder) && onFolderRename && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onFolderRename(folder);\n                    }}\n                    className=\"hidden @md:block p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.browser.rename\",\n                      \"Rename\",\n                    )}\n                    title={tWithFallback(t, \"files.browser.rename\", \"Rename\")}\n                  >\n                    <svg\n                      className=\"size-4 text-text-primary\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n                      />\n                    </svg>\n                  </button>\n                )}\n\n                {folderCanDelete(folder) && onFolderDelete && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onFolderDelete(folder);\n                    }}\n                    className=\"p-1.5 hover:bg-action-danger-bg-hover rounded transition-colors\"\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.browser.delete\",\n                      \"Delete\",\n                    )}\n                    title={tWithFallback(t, \"files.browser.delete\", \"Delete\")}\n                  >\n                    <svg\n                      className=\"size-4 text-status-error-text\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                      />\n                    </svg>\n                  </button>\n                )}\n\n                <div onClick={(e) => e.stopPropagation()}>\n                  <ActionMenu\n                    items={createFolderMenuItems(\n                      {\n                        onShare:\n                          folderCanShare(folder) && onFolderShare\n                            ? () => onFolderShare(folder)\n                            : undefined,\n                        onRename:\n                          folderCanUpdate(folder) && onFolderRename\n                            ? () => onFolderRename(folder)\n                            : undefined,\n                        onStar:\n                          folderCanUpdate(folder) && onFolderFavorite\n                            ? () => onFolderFavorite(folder)\n                            : undefined,\n                        onMove:\n                          folderCanUpdate(folder) && onFolderMove\n                            ? () => onFolderMove(folder)\n                            : undefined,\n                        onInfo: () => onFolderInfo?.(folder),\n                        onRestore:\n                          folderCanUpdate(folder) && onFolderRestore\n                            ? () => onFolderRestore(folder)\n                            : undefined,\n                        onDelete:\n                          folderCanDelete(folder) && onFolderDelete\n                            ? () => onFolderDelete(folder)\n                            : undefined,\n                        isStarred: folder.starred,\n                      },\n                      t,\n                    )}\n                    isOpen={openMenuId === folder.id}\n                    onToggle={(open) => setOpenMenuId(open ? folder.id : null)}\n                  />\n                </div>\n              </div>\n            </div>\n          ))}\n\n          {sortedFiles.map((file) => (\n            <FileListItem\n              key={file.id}\n              file={file}\n              isSelected={selectedFiles.has(file.id)}\n              isDragging={draggedItem?.item.id === file.id}\n              onPreview={fileCanRead(file) ? onFilePreview : undefined}\n              onShare={fileCanShare(file) ? onFileShare : undefined}\n              onDelete={fileCanDelete(file) ? onFileDelete : undefined}\n              onRestore={fileCanUpdate(file) ? onFileRestore : undefined}\n              onFavorite={fileCanUpdate(file) ? onFileFavorite : undefined}\n              onRename={fileCanUpdate(file) ? onFileRename : undefined}\n              onDownload={fileCanRead(file) ? onFileDownload : undefined}\n              onCopy={fileCanRead(file) ? onFileCopy : undefined}\n              onMove={fileCanUpdate(file) ? onFileMove : undefined}\n              onInfo={onFileInfo}\n              onActivity={onFileActivity}\n              onDragStart={\n                fileCanUpdate(file) ? handleFileDragStart : undefined\n              }\n              onDragEnd={handleDragEnd}\n              onContextMenu={handleFileContextMenu}\n            />\n          ))}\n        </div>\n        {contextMenu && (\n          <ContextMenu\n            x={contextMenu.x}\n            y={contextMenu.y}\n            onClose={closeContextMenu}\n            items={getContextMenuItems()}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"mappings":"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"}
+{"version":3,"file":"FileBrowser.js","names":[],"sources":["../../../src/files/components/FileBrowser.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Star } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { FileCard } from \"./FileCard\";\nimport { FileListItem } from \"./FileListItem\";\nimport { FolderCard } from \"./FolderCard\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { createFileMenuItems, createFolderMenuItems } from \"./contextMenuItems\";\nimport { sortFiles } from \"../utils\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport {\n  useDragDrop,\n  type DragData,\n  type DragOperation,\n} from \"../hooks/useDragDrop\";\n\ninterface FileBrowserProps {\n  files: FileItem[];\n  folders: FolderItem[];\n  loading?: boolean;\n  error?: Error | null;\n  preserveSortOrder?: boolean;\n  onFilePreview?: (file: FileItem) => void;\n  onFileShare?: (file: FileItem) => void;\n  onFileDelete?: (file: FileItem) => void;\n  onFileRestore?: (file: FileItem) => void;\n  onFileFavorite?: (file: FileItem) => void;\n  onFileRename?: (file: FileItem) => void;\n  onFileDownload?: (file: FileItem) => void;\n  onFileCopy?: (file: FileItem) => void;\n  onFileMove?: (file: FileItem) => void;\n  onFileInfo?: (file: FileItem) => void;\n  onFileActivity?: (file: FileItem) => void;\n  onFolderOpen?: (folder: FolderItem) => void;\n  onFolderShare?: (folder: FolderItem) => void;\n  onFolderDelete?: (folder: FolderItem) => void;\n  onFolderRestore?: (folder: FolderItem) => void;\n  onFolderRename?: (folder: FolderItem) => void;\n  onFolderFavorite?: (folder: FolderItem) => void;\n  onFolderCopy?: (folder: FolderItem) => void;\n  onFolderMove?: (folder: FolderItem) => void;\n  onFolderInfo?: (folder: FolderItem) => void;\n  onFolderActivity?: (folder: FolderItem) => void;\n  onMoveFile?: (fileId: string, targetFolderId: string) => Promise<void>;\n  onCopyFile?: (fileId: string, targetFolderId: string) => Promise<void>;\n  onMoveFolder?: (folderId: string, targetFolderId: string) => Promise<void>;\n  onCopyFolder?: (folderId: string, targetFolderId: string) => Promise<void>;\n}\n\nexport const FileBrowser: FC<FileBrowserProps> = ({\n  files,\n  folders,\n  loading = false,\n  error = null,\n  preserveSortOrder = false,\n  onFilePreview,\n  onFileShare,\n  onFileDelete,\n  onFileRestore,\n  onFileFavorite,\n  onFileRename,\n  onFileDownload,\n  onFileCopy,\n  onFileMove,\n  onFileInfo,\n  onFileActivity,\n  onFolderOpen,\n  onFolderShare,\n  onFolderDelete,\n  onFolderRestore,\n  onFolderRename,\n  onFolderFavorite,\n  onFolderCopy,\n  onFolderMove,\n  onFolderInfo,\n  onFolderActivity,\n  onMoveFile,\n  onCopyFile,\n  onMoveFolder,\n  onCopyFolder,\n}) => {\n  const { t } = useI18n();\n  const { viewMode, sortBy, sortDirection, selectedFiles, selectedFolders } =\n    useFilesStore();\n\n  const [openMenuId, setOpenMenuId] = useState<string | null>(null);\n  const [dragState, setDragState] = useState<{\n    draggedItem: DragData | null;\n    dropTargetFolderId: string | null;\n  }>({ draggedItem: null, dropTargetFolderId: null });\n  const [contextMenu, setContextMenu] = useState<{\n    item: FileItem | FolderItem;\n    type: \"file\" | \"folder\";\n    x: number;\n    y: number;\n  } | null>(null);\n\n  const { draggedItem, startDrag, endDrag, handleDrop } = useDragDrop({\n    onMoveFile,\n    onCopyFile,\n    onMoveFolder,\n    onCopyFolder,\n  });\n\n  const handleFileDragStart = (file: FileItem, operation: DragOperation) => {\n    startDrag({ type: \"file\", item: file, operation });\n    setDragState({\n      draggedItem: { type: \"file\", item: file, operation },\n      dropTargetFolderId: null,\n    });\n  };\n\n  const handleFolderDragStart = (\n    folder: FolderItem,\n    operation: DragOperation,\n  ) => {\n    startDrag({ type: \"folder\", item: folder, operation });\n    setDragState({\n      draggedItem: { type: \"folder\", item: folder, operation },\n      dropTargetFolderId: null,\n    });\n  };\n\n  const handleDragEnd = () => {\n    endDrag();\n    setDragState({ draggedItem: null, dropTargetFolderId: null });\n  };\n\n  const handleFolderDrop = async (folder: FolderItem) => {\n    if (draggedItem) {\n      await handleDrop(folder.id);\n      setDragState({ draggedItem: null, dropTargetFolderId: null });\n    }\n  };\n\n  const handleFolderDragOver = (folderId: string) => {\n    setDragState((prev) => ({ ...prev, dropTargetFolderId: folderId }));\n  };\n\n  const handleFolderDragLeave = () => {\n    setDragState((prev) => ({ ...prev, dropTargetFolderId: null }));\n  };\n\n  const handleFileContextMenu = (file: FileItem, x: number, y: number) => {\n    setContextMenu({ item: file, type: \"file\", x, y });\n  };\n\n  const handleFolderContextMenu = (\n    folder: FolderItem,\n    x: number,\n    y: number,\n  ) => {\n    setContextMenu({ item: folder, type: \"folder\", x, y });\n  };\n\n  const closeContextMenu = () => {\n    setContextMenu(null);\n  };\n\n  const fileCanRead = (file: FileItem) =>\n    file.canRead === true || file.canUpdate === true || file.canWrite === true;\n  const fileCanUpdate = (file: FileItem) =>\n    file.canUpdate === true || file.canWrite === true;\n  const fileCanShare = (file: FileItem) =>\n    file.canShare === true || fileCanUpdate(file);\n  const fileCanDelete = (file: FileItem) => file.canDelete === true;\n\n  const folderCanRead = (folder: FolderItem) =>\n    folder.canRead === true || folder.permissions?.canRead === true;\n  const folderCanUpdate = (folder: FolderItem) =>\n    folder.canUpdate === true || folder.permissions?.canWrite === true;\n  const folderCanShare = (folder: FolderItem) =>\n    folder.permissions?.canShare === true || folderCanUpdate(folder);\n  const folderCanDelete = (folder: FolderItem) =>\n    folder.canDelete === true || folder.permissions?.canDelete === true;\n\n  const getContextMenuItems = () => {\n    if (!contextMenu) return [];\n    if (contextMenu.type === \"file\") {\n      const file = contextMenu.item as FileItem;\n      return createFileMenuItems(\n        {\n          onShare:\n            onFileShare && fileCanShare(file)\n              ? () => onFileShare(file)\n              : undefined,\n          onDownload:\n            onFileDownload && fileCanRead(file)\n              ? () => onFileDownload(file)\n              : undefined,\n          onCopy:\n            onFileCopy && fileCanRead(file)\n              ? () => onFileCopy(file)\n              : undefined,\n          onRename:\n            onFileRename && fileCanUpdate(file)\n              ? () => onFileRename(file)\n              : undefined,\n          onStar:\n            onFileFavorite && fileCanUpdate(file)\n              ? () => onFileFavorite(file)\n              : undefined,\n          onMove:\n            onFileMove && fileCanUpdate(file)\n              ? () => onFileMove(file)\n              : undefined,\n          onInfo: onFileInfo ? () => onFileInfo(file) : undefined,\n          onActivity: onFileActivity ? () => onFileActivity(file) : undefined,\n          onDelete:\n            onFileDelete && fileCanDelete(file)\n              ? () => onFileDelete(file)\n              : undefined,\n          onRestore:\n            onFileRestore && fileCanUpdate(file)\n              ? () => onFileRestore(file)\n              : undefined,\n          isStarred: file.starred,\n        },\n        t,\n      );\n    } else {\n      const folder = contextMenu.item as FolderItem;\n      return createFolderMenuItems(\n        {\n          onShare:\n            onFolderShare && folderCanShare(folder)\n              ? () => onFolderShare(folder)\n              : undefined,\n          onRename:\n            onFolderRename && folderCanUpdate(folder)\n              ? () => onFolderRename(folder)\n              : undefined,\n          onStar:\n            onFolderFavorite && folderCanUpdate(folder)\n              ? () => onFolderFavorite(folder)\n              : undefined,\n          onMove:\n            onFolderMove && folderCanUpdate(folder)\n              ? () => onFolderMove(folder)\n              : undefined,\n          onInfo: onFolderInfo ? () => onFolderInfo(folder) : undefined,\n          onDelete:\n            onFolderDelete && folderCanDelete(folder)\n              ? () => onFolderDelete(folder)\n              : undefined,\n          onRestore:\n            onFolderRestore && folderCanUpdate(folder)\n              ? () => onFolderRestore(folder)\n              : undefined,\n          isStarred: folder.starred,\n        },\n        t,\n      );\n    }\n  };\n\n  const sortedFiles = preserveSortOrder\n    ? files\n    : sortFiles(files, sortBy, sortDirection);\n  const sortedFolders = preserveSortOrder\n    ? folders\n    : sortFiles(folders, sortBy, sortDirection);\n\n  if (loading) {\n    return (\n      <div\n        className=\"@container p-page-padding\"\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label={tWithFallback(t, \"files.browser.loading\", \"Loading files…\")}\n      >\n        <div className=\"grid grid-cols-2 gap-4 @md:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5\">\n          {Array.from({ length: 10 }).map((_, index) => (\n            <div\n              key={index}\n              className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface\"\n            >\n              <div className=\"aspect-[4/3] w-full animate-vc-shimmer bg-bg-sunken\" />\n              <div className=\"space-y-2 p-3\">\n                <div className=\"h-3 w-3/4 animate-vc-shimmer rounded bg-bg-sunken\" />\n                <div className=\"h-3 w-1/2 animate-vc-shimmer rounded bg-bg-sunken\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[500px]\">\n        <div className=\"text-center max-w-md\">\n          <div className=\"mb-3 text-xl font-semibold text-status-error-text\">\n            {tWithFallback(\n              t,\n              \"files.browser.loadError\",\n              \"Failed to load files\",\n            )}\n          </div>\n          <p className=\"mb-6 text-sm text-text-secondary\">\n            {error.message ||\n              tWithFallback(\n                t,\n                \"files.browser.unexpectedError\",\n                \"An unexpected error occurred\",\n              )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => window.location.reload()}\n            className=\"rounded-lg bg-action-primary-bg px-6 py-2.5 text-sm font-medium text-text-inverse transition-colors hover:bg-action-primary-bg-hover\"\n          >\n            {tWithFallback(t, \"files.browser.retry\", \"Retry\")}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  if (files.length === 0 && folders.length === 0) {\n    return (\n      <>\n        {contextMenu && (\n          <ContextMenu\n            x={contextMenu.x}\n            y={contextMenu.y}\n            onClose={closeContextMenu}\n            items={getContextMenuItems()}\n          />\n        )}\n      </>\n    );\n  }\n\n  if (viewMode !== \"list\") {\n    return (\n      <div className=\"@container bg-bg-canvas p-page-padding\">\n        {/* Folders section */}\n        {sortedFolders.length > 0 && (\n          <div className={sortedFiles.length > 0 ? \"mb-6\" : \"\"}>\n            {sortedFiles.length > 0 && (\n              <h2 className=\"text-xs font-semibold text-text-tertiary uppercase tracking-wider mb-3 px-1\">\n                {tWithFallback(t, \"files.browser.section.folders\", \"Folders\")}\n              </h2>\n            )}\n            <div className=\"grid grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3 @xl:grid-cols-4 gap-2\">\n              {sortedFolders.map((folder) => (\n                <FolderCard\n                  key={folder.id}\n                  folder={folder}\n                  isSelected={selectedFolders.has(folder.id)}\n                  isDragging={draggedItem?.item.id === folder.id}\n                  isDropTarget={dragState.dropTargetFolderId === folder.id}\n                  draggedItem={draggedItem}\n                  onOpen={folderCanRead(folder) ? onFolderOpen : undefined}\n                  onShare={folderCanShare(folder) ? onFolderShare : undefined}\n                  onDelete={\n                    folderCanDelete(folder) ? onFolderDelete : undefined\n                  }\n                  onRestore={\n                    folderCanUpdate(folder) ? onFolderRestore : undefined\n                  }\n                  onRename={\n                    folderCanUpdate(folder) ? onFolderRename : undefined\n                  }\n                  onFavorite={\n                    folderCanUpdate(folder) ? onFolderFavorite : undefined\n                  }\n                  onCopy={onFolderCopy}\n                  onMove={folderCanUpdate(folder) ? onFolderMove : undefined}\n                  onInfo={onFolderInfo}\n                  onActivity={onFolderActivity}\n                  onDragStart={\n                    folderCanUpdate(folder) ? handleFolderDragStart : undefined\n                  }\n                  onDragEnd={handleDragEnd}\n                  onDrop={\n                    folderCanUpdate(folder) ? handleFolderDrop : undefined\n                  }\n                  onContextMenu={handleFolderContextMenu}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Files section */}\n        {sortedFiles.length > 0 && (\n          <div>\n            {sortedFolders.length > 0 && (\n              <h2 className=\"text-xs font-semibold text-text-tertiary uppercase tracking-wider mb-3 px-1\">\n                {tWithFallback(t, \"files.browser.section.files\", \"Files\")}\n              </h2>\n            )}\n            <div className=\"grid grid-cols-2 @md:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5 gap-4\">\n              {sortedFiles.map((file) => (\n                <FileCard\n                  key={file.id}\n                  file={file}\n                  isSelected={selectedFiles.has(file.id)}\n                  isDragging={draggedItem?.item.id === file.id}\n                  onPreview={fileCanRead(file) ? onFilePreview : undefined}\n                  onShare={fileCanShare(file) ? onFileShare : undefined}\n                  onDelete={fileCanDelete(file) ? onFileDelete : undefined}\n                  onRestore={fileCanUpdate(file) ? onFileRestore : undefined}\n                  onFavorite={fileCanUpdate(file) ? onFileFavorite : undefined}\n                  onRename={fileCanUpdate(file) ? onFileRename : undefined}\n                  onDownload={fileCanRead(file) ? onFileDownload : undefined}\n                  onCopy={fileCanRead(file) ? onFileCopy : undefined}\n                  onMove={fileCanUpdate(file) ? onFileMove : undefined}\n                  onInfo={onFileInfo}\n                  onActivity={onFileActivity}\n                  onDragStart={\n                    fileCanUpdate(file) ? handleFileDragStart : undefined\n                  }\n                  onDragEnd={handleDragEnd}\n                  onContextMenu={handleFileContextMenu}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {contextMenu && (\n          <ContextMenu\n            x={contextMenu.x}\n            y={contextMenu.y}\n            onClose={closeContextMenu}\n            items={getContextMenuItems()}\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (viewMode === \"list\") {\n    return (\n      <div className=\"@container bg-bg-canvas\">\n        <div className=\"hidden @md:flex items-center gap-3 px-3 py-2 bg-bg-surface border-b border-border-seam text-text-secondary font-text-sm font-weight-medium\">\n          <div className=\"flex-shrink-0 w-4\" />\n          <div className=\"flex-shrink-0 w-6\" />\n          <div className=\"flex-1\">\n            {tWithFallback(t, \"files.browser.name\", \"Name\")}\n          </div>\n          <div className=\"hidden @lg:block flex-shrink-0 w-40\">\n            {tWithFallback(t, \"files.browser.owner\", \"Owner\")}\n          </div>\n          <div className=\"hidden @md:block flex-shrink-0 w-24 text-right\">\n            {tWithFallback(t, \"files.browser.size\", \"Size\")}\n          </div>\n          <div className=\"hidden @lg:block flex-shrink-0 w-32 text-right\">\n            {tWithFallback(t, \"files.browser.modified\", \"Modified\")}\n          </div>\n          <div className=\"flex-shrink-0 w-32\" />\n        </div>\n\n        <div className=\"divide-y divide-border-subtle\">\n          {sortedFolders.map((folder) => (\n            <div\n              key={folder.id}\n              className={`group flex items-center gap-3 border-b border-border-seam bg-bg-surface p-3 transition-colors hover:bg-bg-sunken focus-within:bg-bg-sunken ${dragState.dropTargetFolderId === folder.id && draggedItem?.item.id !== folder.id ? \"bg-action-primary-bg/10\" : \"\"} ${draggedItem?.item.id === folder.id ? \"opacity-50\" : \"\"}`}\n              onClick={() => {\n                if (folderCanRead(folder)) onFolderOpen?.(folder);\n              }}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  if (folderCanRead(folder)) onFolderOpen?.(folder);\n                }\n              }}\n              onDragOver={(e) => {\n                if (\n                  draggedItem &&\n                  draggedItem.item.id !== folder.id &&\n                  folderCanUpdate(folder)\n                ) {\n                  e.preventDefault();\n                  handleFolderDragOver(folder.id);\n                }\n              }}\n              onDragLeave={handleFolderDragLeave}\n              onDrop={async (e) => {\n                e.preventDefault();\n                if (\n                  draggedItem &&\n                  draggedItem.item.id !== folder.id &&\n                  folderCanUpdate(folder)\n                ) {\n                  await handleFolderDrop(folder);\n                }\n              }}\n              onContextMenu={(e) => {\n                e.preventDefault();\n                handleFolderContextMenu(folder, e.clientX, e.clientY);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={tWithFallback(\n                t,\n                \"files.browser.openFolder\",\n                \"Open folder\",\n              )}\n            >\n              <div className=\"flex-shrink-0\">\n                <input\n                  type=\"checkbox\"\n                  checked={selectedFolders.has(folder.id)}\n                  onChange={(e) => {\n                    e.stopPropagation();\n                    useFilesStore.getState().toggleFolderSelection(folder.id);\n                  }}\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              <Folder className=\"size-6 text-action-primary-bg flex-shrink-0\" />\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"font-text-md font-weight-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>\n              <div className=\"hidden @lg:block flex-shrink-0 w-40\">\n                {folder.createdBy && (\n                  <div className=\"flex items-center gap-2\">\n                    {folder.createdBy.avatar && (\n                      <img\n                        src={folder.createdBy.avatar}\n                        alt={folder.createdBy.name}\n                        className=\"size-6 rounded-full\"\n                      />\n                    )}\n                    <span className=\"font-text-sm text-text-secondary truncate\">\n                      {folder.createdBy.name}\n                    </span>\n                  </div>\n                )}\n              </div>\n              <div className=\"hidden @md:block flex-shrink-0 w-24 text-right\">\n                <span className=\"font-text-sm text-text-secondary\">\n                  {(folder.filesCount ?? 0) + (folder.subfoldersCount ?? 0)}{\" \"}\n                  {tWithFallback(t, \"files.browser.items\", \"items\")}\n                </span>\n              </div>\n              <div className=\"hidden @lg:block flex-shrink-0 w-32 text-right\">\n                <span className=\"font-text-sm text-text-secondary\">\n                  {new Date(folder.updatedAt).toLocaleDateString()}\n                </span>\n              </div>\n\n              <div className=\"flex w-32 flex-shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100\">\n                {folderCanShare(folder) && onFolderShare && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onFolderShare(folder);\n                    }}\n                    className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.browser.share\",\n                      \"Share\",\n                    )}\n                    title={tWithFallback(\n                      t,\n                      \"files.browser.shareFolder\",\n                      \"Share folder\",\n                    )}\n                  >\n                    <svg\n                      className=\"size-4 text-text-primary\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"\n                      />\n                    </svg>\n                  </button>\n                )}\n\n                {folderCanUpdate(folder) && onFolderRename && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onFolderRename(folder);\n                    }}\n                    className=\"hidden @md:block p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.browser.rename\",\n                      \"Rename\",\n                    )}\n                    title={tWithFallback(t, \"files.browser.rename\", \"Rename\")}\n                  >\n                    <svg\n                      className=\"size-4 text-text-primary\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n                      />\n                    </svg>\n                  </button>\n                )}\n\n                {folderCanDelete(folder) && onFolderDelete && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onFolderDelete(folder);\n                    }}\n                    className=\"p-1.5 hover:bg-action-danger-bg-hover rounded transition-colors\"\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.browser.delete\",\n                      \"Delete\",\n                    )}\n                    title={tWithFallback(t, \"files.browser.delete\", \"Delete\")}\n                  >\n                    <svg\n                      className=\"size-4 text-status-error-text\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                      />\n                    </svg>\n                  </button>\n                )}\n\n                <div onClick={(e) => e.stopPropagation()}>\n                  <ActionMenu\n                    items={createFolderMenuItems(\n                      {\n                        onShare:\n                          folderCanShare(folder) && onFolderShare\n                            ? () => onFolderShare(folder)\n                            : undefined,\n                        onRename:\n                          folderCanUpdate(folder) && onFolderRename\n                            ? () => onFolderRename(folder)\n                            : undefined,\n                        onStar:\n                          folderCanUpdate(folder) && onFolderFavorite\n                            ? () => onFolderFavorite(folder)\n                            : undefined,\n                        onMove:\n                          folderCanUpdate(folder) && onFolderMove\n                            ? () => onFolderMove(folder)\n                            : undefined,\n                        onInfo: () => onFolderInfo?.(folder),\n                        onRestore:\n                          folderCanUpdate(folder) && onFolderRestore\n                            ? () => onFolderRestore(folder)\n                            : undefined,\n                        onDelete:\n                          folderCanDelete(folder) && onFolderDelete\n                            ? () => onFolderDelete(folder)\n                            : undefined,\n                        isStarred: folder.starred,\n                      },\n                      t,\n                    )}\n                    isOpen={openMenuId === folder.id}\n                    onToggle={(open) => setOpenMenuId(open ? folder.id : null)}\n                  />\n                </div>\n              </div>\n            </div>\n          ))}\n\n          {sortedFiles.map((file) => (\n            <FileListItem\n              key={file.id}\n              file={file}\n              isSelected={selectedFiles.has(file.id)}\n              isDragging={draggedItem?.item.id === file.id}\n              onPreview={fileCanRead(file) ? onFilePreview : undefined}\n              onShare={fileCanShare(file) ? onFileShare : undefined}\n              onDelete={fileCanDelete(file) ? onFileDelete : undefined}\n              onRestore={fileCanUpdate(file) ? onFileRestore : undefined}\n              onFavorite={fileCanUpdate(file) ? onFileFavorite : undefined}\n              onRename={fileCanUpdate(file) ? onFileRename : undefined}\n              onDownload={fileCanRead(file) ? onFileDownload : undefined}\n              onCopy={fileCanRead(file) ? onFileCopy : undefined}\n              onMove={fileCanUpdate(file) ? onFileMove : undefined}\n              onInfo={onFileInfo}\n              onActivity={onFileActivity}\n              onDragStart={\n                fileCanUpdate(file) ? handleFileDragStart : undefined\n              }\n              onDragEnd={handleDragEnd}\n              onContextMenu={handleFileContextMenu}\n            />\n          ))}\n        </div>\n        {contextMenu && (\n          <ContextMenu\n            x={contextMenu.x}\n            y={contextMenu.y}\n            onClose={closeContextMenu}\n            items={getContextMenuItems()}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/files/components/TabBar.tsx"],"sourcesContent":["import { Clock, Star, Trash2, Folder } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport type TabView = \"all\" | \"recent\" | \"starred\" | \"bin\";\n\ninterface TabBarProps {\n  activeTab: TabView;\n  onTabChange: (tab: TabView) => void;\n  /**\n   * Which tabs to render. Order is preserved. Parent filters out\n   * feature-flag-gated tabs (e.g. bin/starred) before passing.\n   * @default [\"all\", \"recent\", \"starred\", \"bin\"]\n   */\n  tabs?: TabView[];\n}\n\nconst ALL_TABS: { id: TabView; label: string; icon: React.ReactNode }[] = [\n  { id: \"all\", label: \"All Files\", icon: <Folder className=\"size-5\" /> },\n  { id: \"recent\", label: \"Recent\", icon: <Clock className=\"size-5\" /> },\n  { id: \"starred\", label: \"Starred\", icon: <Star className=\"size-5\" /> },\n  { id: \"bin\", label: \"Bin\", icon: <Trash2 className=\"size-5\" /> },\n];\n\nexport function TabBar({\n  activeTab,\n  onTabChange,\n  tabs = [\"all\", \"recent\", \"starred\", \"bin\"],\n}: TabBarProps) {\n  const { t } = useI18n();\n  const visibleTabs = ALL_TABS.filter((tab) => tabs.includes(tab.id));\n  const labels: Record<TabView, string> = {\n    all: tWithFallback(t, \"files.browser.tabs.all\", \"All Files\"),\n    recent: tWithFallback(t, \"files.browser.tabs.recent\", \"Recent\"),\n    starred: tWithFallback(t, \"files.browser.tabs.starred\", \"Starred\"),\n    bin: tWithFallback(t, \"files.browser.tabs.bin\", \"Bin\"),\n  };\n\n  return (\n    <div className=\"bg-bg-surface border-b border-border-default\">\n      <div className=\"overflow-x-auto px-4 sm:px-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\">\n        <nav\n          className=\"-mb-px flex min-w-max gap-1\"\n          role=\"tablist\"\n          aria-label={tWithFallback(\n            t,\n            \"files.browser.tabs.ariaLabel\",\n            \"Files sections\",\n          )}\n        >\n          {visibleTabs.map((tab) => (\n            <button\n              type=\"button\"\n              key={tab.id}\n              onClick={() => onTabChange(tab.id)}\n              role=\"tab\"\n              aria-selected={activeTab === tab.id}\n              className={`\n                flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium border-b-2 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border focus-visible:ring-offset-2\n                ${\n                  activeTab === tab.id\n                    ? \"border-action-primary-bg text-text-primary bg-action-ghost-bg-hover\"\n                    : \"border-transparent text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover\"\n                }\n              `}\n            >\n              {tab.icon}\n              {labels[tab.id] ?? tab.label}\n            </button>\n          ))}\n        </nav>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAiBA,IAAM,IAAoE;CACxE;EAAE,IAAI;EAAO,OAAO;EAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAAE;CACrE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAO,OAAO;EAAO,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACjE;AAED,SAAgB,EAAO,EACrB,cACA,gBACA,UAAO;CAAC;CAAO;CAAU;CAAW;CAAM,IAC5B;CACd,IAAM,EAAE,SAAM,GAAS,EACjB,IAAc,EAAS,QAAQ,MAAQ,EAAK,SAAS,EAAI,GAAG,CAAC,EAC7D,IAAkC;EACtC,KAAK,EAAc,GAAG,0BAA0B,YAAY;EAC5D,QAAQ,EAAc,GAAG,6BAA6B,SAAS;EAC/D,SAAS,EAAc,GAAG,8BAA8B,UAAU;EAClE,KAAK,EAAc,GAAG,0BAA0B,MAAM;EACvD;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAY,EACV,GACA,gCACA,iBACD;cAEA,EAAY,KAAK,MAChB,kBAAC,UAAD;KACE,MAAK;KAEL,eAAe,EAAY,EAAI,GAAG;KAClC,MAAK;KACL,iBAAe,MAAc,EAAI;KACjC,WAAW;;kBAGP,MAAc,EAAI,KACd,wEACA,gGACL;;eAZL,CAeG,EAAI,MACJ,EAAO,EAAI,OAAO,EAAI,MAChB;OAfF,EAAI,GAeF,CACT;IACE,CAAA;GACF,CAAA;EACF,CAAA"}
+{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/files/components/TabBar.tsx"],"sourcesContent":["import { Clock, Star, Trash2, Folder } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport type TabView = \"all\" | \"recent\" | \"starred\" | \"bin\";\n\ninterface TabBarProps {\n  activeTab: TabView;\n  onTabChange: (tab: TabView) => void;\n  /**\n   * Which tabs to render. Order is preserved. No tab here is feature-flag\n   * -gated — Bin, Starred and Recent are always available; the backend serves\n   * each view's query directly (subject to RBAC), so there is nothing to gate\n   * on the client.\n   * @default [\"all\", \"recent\", \"starred\", \"bin\"]\n   */\n  tabs?: TabView[];\n}\n\nconst ALL_TABS: { id: TabView; label: string; icon: React.ReactNode }[] = [\n  { id: \"all\", label: \"All Files\", icon: <Folder className=\"size-5\" /> },\n  { id: \"recent\", label: \"Recent\", icon: <Clock className=\"size-5\" /> },\n  { id: \"starred\", label: \"Starred\", icon: <Star className=\"size-5\" /> },\n  { id: \"bin\", label: \"Bin\", icon: <Trash2 className=\"size-5\" /> },\n];\n\nexport function TabBar({\n  activeTab,\n  onTabChange,\n  tabs = [\"all\", \"recent\", \"starred\", \"bin\"],\n}: TabBarProps) {\n  const { t } = useI18n();\n  const visibleTabs = ALL_TABS.filter((tab) => tabs.includes(tab.id));\n  const labels: Record<TabView, string> = {\n    all: tWithFallback(t, \"files.browser.tabs.all\", \"All Files\"),\n    recent: tWithFallback(t, \"files.browser.tabs.recent\", \"Recent\"),\n    starred: tWithFallback(t, \"files.browser.tabs.starred\", \"Starred\"),\n    bin: tWithFallback(t, \"files.browser.tabs.bin\", \"Bin\"),\n  };\n\n  return (\n    <div className=\"bg-bg-surface border-b border-border-default\">\n      <div className=\"overflow-x-auto px-4 sm:px-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\">\n        <nav\n          className=\"-mb-px flex min-w-max gap-1\"\n          role=\"tablist\"\n          aria-label={tWithFallback(\n            t,\n            \"files.browser.tabs.ariaLabel\",\n            \"Files sections\",\n          )}\n        >\n          {visibleTabs.map((tab) => (\n            <button\n              type=\"button\"\n              key={tab.id}\n              onClick={() => onTabChange(tab.id)}\n              role=\"tab\"\n              aria-selected={activeTab === tab.id}\n              className={`\n                flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium border-b-2 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border focus-visible:ring-offset-2\n                ${\n                  activeTab === tab.id\n                    ? \"border-action-primary-bg text-text-primary bg-action-ghost-bg-hover\"\n                    : \"border-transparent text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover\"\n                }\n              `}\n            >\n              {tab.icon}\n              {labels[tab.id] ?? tab.label}\n            </button>\n          ))}\n        </nav>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAmBA,IAAM,IAAoE;CACxE;EAAE,IAAI;EAAO,OAAO;EAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAAE;CACrE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;EAAE;CACtE;EAAE,IAAI;EAAO,OAAO;EAAO,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;EAAE;CACjE;AAED,SAAgB,EAAO,EACrB,cACA,gBACA,UAAO;CAAC;CAAO;CAAU;CAAW;CAAM,IAC5B;CACd,IAAM,EAAE,SAAM,GAAS,EACjB,IAAc,EAAS,QAAQ,MAAQ,EAAK,SAAS,EAAI,GAAG,CAAC,EAC7D,IAAkC;EACtC,KAAK,EAAc,GAAG,0BAA0B,YAAY;EAC5D,QAAQ,EAAc,GAAG,6BAA6B,SAAS;EAC/D,SAAS,EAAc,GAAG,8BAA8B,UAAU;EAClE,KAAK,EAAc,GAAG,0BAA0B,MAAM;EACvD;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAY,EACV,GACA,gCACA,iBACD;cAEA,EAAY,KAAK,MAChB,kBAAC,UAAD;KACE,MAAK;KAEL,eAAe,EAAY,EAAI,GAAG;KAClC,MAAK;KACL,iBAAe,MAAc,EAAI;KACjC,WAAW;;kBAGP,MAAc,EAAI,KACd,wEACA,gGACL;;eAZL,CAeG,EAAI,MACJ,EAAO,EAAI,OAAO,EAAI,MAChB;OAfF,EAAI,GAeF,CACT;IACE,CAAA;GACF,CAAA;EACF,CAAA"}