@burdenoff/microfe-files 2026.624.2 → 2026.625.1

package/dist/files/components/CopyDialog.js

@@ -1,141 +1,134 @@
 import { tWithFallback as e } from "../utils/i18n.js";
 import { useFoldersQuery as t } from "../hooks/useFoldersQuery.js";
 import { useState as n } from "react";
-import { ChevronRight as r, Folder as i, Home as a, Loader2 as o, X as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ChevronRight as r, Folder as i, Home as a, Loader2 as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as u, Input as d, ResponsiveDialog as f, ResponsiveDialogContent as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g } from "@burdenoff/fe-libs/ui";
 //#region src/files/components/CopyDialog.tsx
-var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
-	let { t: g } = u(), [_, v] = n(null), [y, b] = n([]), [x, S] = n(null), [C, w] = n(`${e(g, "files.copyDialog.copyOf", "Copy of")} ${d.name}`), { data: T, loading: E } = t(_ || void 0), D = T?.getFolders?.folders || [], O = (e) => {
-		v(e.id), b([...y, {
+var _ = ({ item: _, type: v, onClose: y, onCopy: b, isLoading: x = !1 }) => {
+	let { t: S } = l(), [C, w] = n(null), [T, E] = n([]), [D, O] = n(null), [k, A] = n(`${e(S, "files.copyDialog.copyOf", "Copy of")} ${_.name}`), { data: j, loading: M } = t(C || void 0), N = j?.getFolders?.folders || [], P = (e) => {
+		w(e.id), E([...T, {
 			id: e.id,
 			name: e.name
 		}]);
-	}, k = (e) => {
-		if (e === -1) v(null), b([]);
+	}, F = (e) => {
+		if (e === -1) w(null), E([]);
 		else {
-			let t = y[e];
-			v(t.id), b(y.slice(0, e + 1));
+			let t = T[e];
+			w(t.id), E(T.slice(0, e + 1));
 		}
 	};
-	return /* @__PURE__ */ c("div", {
-		className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-label": e(g, "files.copyDialog.title", "Copy"),
-		children: /* @__PURE__ */ l("div", {
-			className: "bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200",
+	return /* @__PURE__ */ s(f, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !x && y();
+		},
+		children: /* @__PURE__ */ c(p, {
+			className: "flex max-h-[80vh] w-full max-w-md flex-col gap-0 p-0",
 			children: [
-				/* @__PURE__ */ l("div", {
-					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
-					children: [/* @__PURE__ */ l("h2", {
+				/* @__PURE__ */ s(h, {
+					className: "px-6 py-4 border-b border-border-default text-left",
+					children: /* @__PURE__ */ c(g, {
 						className: "text-lg font-semibold text-text-primary",
 						children: [
-							e(g, "files.copyDialog.makeCopyOf", "Make a copy of"),
+							e(S, "files.copyDialog.makeCopyOf", "Make a copy of"),
 							" ",
 							"\"",
-							d.name,
+							_.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.copyDialog.close", "Close copy dialog"),
-						children: /* @__PURE__ */ c(s, { className: "size-5" })
-					})]
+					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ c("div", {
 					className: "px-6 py-4 border-b border-border-default",
-					children: [/* @__PURE__ */ c("label", {
+					children: [/* @__PURE__ */ s("label", {
 						className: "block text-sm font-medium text-text-primary mb-2",
-						children: e(g, "files.copyDialog.name", "Name")
-					}), /* @__PURE__ */ c("input", {
+						children: e(S, "files.copyDialog.name", "Name")
+					}), /* @__PURE__ */ s(d, {
 						type: "text",
-						value: C,
-						onChange: (e) => w(e.target.value),
-						"aria-label": e(g, "files.copyDialog.name", "Name"),
-						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border text-sm transition-colors duration-200",
-						placeholder: e(g, "files.copyDialog.enterName", "Enter name for the copy")
+						value: k,
+						onChange: (e) => A(e.target.value),
+						"aria-label": e(S, "files.copyDialog.name", "Name"),
+						placeholder: e(S, "files.copyDialog.enterName", "Enter name for the copy")
 					})]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ s("div", {
 					className: "px-6 py-3 border-b border-border-default bg-bg-sunken",
-					children: /* @__PURE__ */ l("div", {
+					children: /* @__PURE__ */ c("div", {
 						className: "flex items-center gap-2 text-sm overflow-x-auto",
-						children: [/* @__PURE__ */ l("button", {
+						children: [/* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: () => k(-1),
+							onClick: () => F(-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.copyDialog.myDrive", "My Drive") })]
-						}), y.map((e, t) => /* @__PURE__ */ l("div", {
+							children: [/* @__PURE__ */ s(a, { className: "size-4" }), /* @__PURE__ */ s("span", { children: e(S, "files.copyDialog.myDrive", "My Drive") })]
+						}), T.map((e, t) => /* @__PURE__ */ c("div", {
 							className: "flex items-center gap-2 whitespace-nowrap",
-							children: [/* @__PURE__ */ c(r, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ c("button", {
+							children: [/* @__PURE__ */ s(r, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ s("button", {
 								type: "button",
-								onClick: () => k(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"}`,
+								onClick: () => F(t),
+								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${t === T.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 								children: e.name
 							})]
 						}, e.id))]
 					})
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ s("div", {
 					className: "flex-1 overflow-y-auto px-6 py-4",
-					children: E ? /* @__PURE__ */ c("div", {
+					children: M ? /* @__PURE__ */ s("div", {
 						className: "flex items-center justify-center py-8",
-						children: /* @__PURE__ */ c(o, { className: "size-6 text-text-tertiary animate-spin" })
-					}) : D.length === 0 ? /* @__PURE__ */ l("div", {
+						children: /* @__PURE__ */ s(o, { className: "size-6 text-text-tertiary animate-spin" })
+					}) : N.length === 0 ? /* @__PURE__ */ c("div", {
 						className: "text-center py-8",
-						children: [/* @__PURE__ */ c(i, { className: "size-12 text-text-tertiary mx-auto mb-3" }), /* @__PURE__ */ c("p", {
+						children: [/* @__PURE__ */ s(i, { className: "size-12 text-text-tertiary mx-auto mb-3" }), /* @__PURE__ */ s("p", {
 							className: "text-sm text-text-secondary",
-							children: e(g, "files.copyDialog.noFolders", "No folders here")
+							children: e(S, "files.copyDialog.noFolders", "No folders here")
 						})]
-					}) : /* @__PURE__ */ l("div", {
+					}) : /* @__PURE__ */ c("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ l("button", {
+						children: [/* @__PURE__ */ c("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", {
+							onClick: () => O(C),
+							className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${D === C ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
+							children: [/* @__PURE__ */ s(i, { className: "size-5 text-text-link" }), /* @__PURE__ */ s("span", {
 								className: "font-medium text-text-primary",
-								children: e(g, "files.copyDialog.copyHere", "Copy here")
+								children: e(S, "files.copyDialog.copyHere", "Copy here")
 							})]
-						}), D.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", {
+						}), N.map((t) => /* @__PURE__ */ c("div", {
+							className: `flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${D === t.id ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
+							children: [/* @__PURE__ */ c("button", {
 								type: "button",
-								onClick: () => S(t.id),
+								onClick: () => O(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", {
+								children: [/* @__PURE__ */ s(i, { className: "size-5 text-text-link flex-shrink-0" }), /* @__PURE__ */ s("span", {
 									className: "font-medium text-text-primary truncate",
 									children: t.name
 								})]
-							}), /* @__PURE__ */ c("button", {
+							}), /* @__PURE__ */ s("button", {
 								type: "button",
-								onClick: () => O(t),
+								onClick: () => P(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.copyDialog.openFolder", "Open folder"),
+								title: e(S, "files.copyDialog.openFolder", "Open folder"),
 								"aria-label": `Open ${t.name}`,
-								children: /* @__PURE__ */ c(r, { className: "size-4" })
+								children: /* @__PURE__ */ s(r, { className: "size-4" })
 							})]
 						}, t.id))]
 					})
 				}),
-				/* @__PURE__ */ l("div", {
-					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default",
-					children: [/* @__PURE__ */ c("button", {
+				/* @__PURE__ */ c(m, {
+					className: "px-6 py-4 border-t border-border-default",
+					children: [/* @__PURE__ */ s(u, {
 						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", {
+						variant: "outline",
+						onClick: y,
+						children: e(S, "files.common.actions.cancel", "Cancel")
+					}), /* @__PURE__ */ c(u, {
 						type: "button",
 						onClick: async () => {
-							await m(x, C.trim() || void 0), p();
+							await b(D, k.trim() || void 0), y();
 						},
-						disabled: h || x === void 0 || !C.trim(),
-						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-sunken disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
-						children: [h && /* @__PURE__ */ c(o, { className: "size-4 animate-spin" }), h ? e(g, "files.copyDialog.copying", "Copying...") : e(g, "files.copyDialog.copy", "Copy")]
+						disabled: x || D === void 0 || !k.trim(),
+						children: [x && /* @__PURE__ */ s(o, { className: "size-4 animate-spin" }), x ? e(S, "files.copyDialog.copying", "Copying...") : e(S, "files.copyDialog.copy", "Copy")]
 					})]
 				})
 			]
@@ -143,6 +136,6 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 	});
 };
 //#endregion
-export { d as CopyDialog };
+export { _ as CopyDialog };
 
 //# sourceMappingURL=CopyDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyDialog.js","names":[],"sources":["../../../src/files/components/CopyDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFoldersQuery } from \"../hooks/useFoldersQuery\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface CopyDialogProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n  onCopy: (\n    destinationFolderId: string | null,\n    newName?: string,\n  ) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport const CopyDialog: FC<CopyDialogProps> = ({\n  item,\n  type,\n  onClose,\n  onCopy,\n  isLoading = false,\n}) => {\n  const { t } = useI18n();\n  const [currentFolderId, setCurrentFolderId] = useState<string | null>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<\n    Array<{ id: string; name: string }>\n  >([]);\n  const [selectedDestination, setSelectedDestination] = useState<string | null>(\n    null,\n  );\n  const [newName, setNewName] = useState(\n    `${tWithFallback(t, \"files.copyDialog.copyOf\", \"Copy of\")} ${item.name}`,\n  );\n\n  // Fetch folders in current location\n  const { data, loading: loadingFolders } = useFoldersQuery(\n    currentFolderId || undefined,\n  );\n  const folders = (data?.getFolders?.folders || []) as FolderItem[];\n\n  const handleFolderClick = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      // Go to root\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n    }\n  };\n\n  const handleCopy = async () => {\n    await onCopy(selectedDestination, newName.trim() || undefined);\n    onClose();\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(t, \"files.copyDialog.title\", \"Copy\")}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.copyDialog.makeCopyOf\", \"Make a copy of\")}{\" \"}\n            \"{item.name}\"\n          </h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.copyDialog.close\",\n              \"Close copy dialog\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Name input */}\n        <div className=\"px-6 py-4 border-b border-border-default\">\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n          </label>\n          <input\n            type=\"text\"\n            value={newName}\n            onChange={(e) => setNewName(e.target.value)}\n            aria-label={tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n            className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border text-sm transition-colors duration-200\"\n            placeholder={tWithFallback(\n              t,\n              \"files.copyDialog.enterName\",\n              \"Enter name for the copy\",\n            )}\n          />\n        </div>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-sunken\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              type=\"button\"\n              onClick={() => handleBreadcrumbClick(-1)}\n              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\"\n            >\n              <Home className=\"size-4\" />\n              <span>\n                {tWithFallback(t, \"files.copyDialog.myDrive\", \"My Drive\")}\n              </span>\n            </button>\n            {breadcrumbs.map((crumb, index) => (\n              <div\n                key={crumb.id}\n                className=\"flex items-center gap-2 whitespace-nowrap\"\n              >\n                <ChevronRight className=\"size-4 text-text-tertiary\" />\n                <button\n                  type=\"button\"\n                  onClick={() => handleBreadcrumbClick(index)}\n                  className={`hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${\n                    index === breadcrumbs.length - 1\n                      ? \"text-text-primary font-medium\"\n                      : \"text-text-secondary\"\n                  }`}\n                >\n                  {crumb.name}\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Folder list */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n          {loadingFolders ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"size-6 text-text-tertiary animate-spin\" />\n            </div>\n          ) : folders.length === 0 ? (\n            <div className=\"text-center py-8\">\n              <Folder className=\"size-12 text-text-tertiary mx-auto mb-3\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  \"files.copyDialog.noFolders\",\n                  \"No folders here\",\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to copy to current folder */}\n              <button\n                type=\"button\"\n                onClick={() => setSelectedDestination(currentFolderId)}\n                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${\n                  selectedDestination === currentFolderId\n                    ? \"bg-bg-accent border-2 border-action-primary-border\"\n                    : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                }`}\n              >\n                <Folder className=\"size-5 text-text-link\" />\n                <span className=\"font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.copyDialog.copyHere\", \"Copy here\")}\n                </span>\n              </button>\n\n              {/* List of subfolders */}\n              {folders.map((folder) => (\n                <div\n                  key={folder.id}\n                  className={`flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${\n                    selectedDestination === folder.id\n                      ? \"bg-bg-accent border-2 border-action-primary-border\"\n                      : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedDestination(folder.id)}\n                    className=\"flex items-center gap-3 flex-1 min-w-0\"\n                  >\n                    <Folder className=\"size-5 text-text-link flex-shrink-0\" />\n                    <span className=\"font-medium text-text-primary truncate\">\n                      {folder.name}\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleFolderClick(folder)}\n                    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\"\n                    title={tWithFallback(\n                      t,\n                      \"files.copyDialog.openFolder\",\n                      \"Open folder\",\n                    )}\n                    aria-label={`Open ${folder.name}`}\n                  >\n                    <ChevronRight className=\"size-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n          >\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            disabled={\n              isLoading || selectedDestination === undefined || !newName.trim()\n            }\n            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-sunken disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2\"\n          >\n            {isLoading && <Loader2 className=\"size-4 animate-spin\" />}\n            {isLoading\n              ? tWithFallback(t, \"files.copyDialog.copying\", \"Copying...\")\n              : tWithFallback(t, \"files.copyDialog.copy\", \"Copy\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CopyDialog.js","names":[],"sources":["../../../src/files/components/CopyDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n  Input,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFoldersQuery } from \"../hooks/useFoldersQuery\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface CopyDialogProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n  onCopy: (\n    destinationFolderId: string | null,\n    newName?: string,\n  ) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport const CopyDialog: FC<CopyDialogProps> = ({\n  item,\n  type,\n  onClose,\n  onCopy,\n  isLoading = false,\n}) => {\n  const { t } = useI18n();\n  const [currentFolderId, setCurrentFolderId] = useState<string | null>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<\n    Array<{ id: string; name: string }>\n  >([]);\n  const [selectedDestination, setSelectedDestination] = useState<string | null>(\n    null,\n  );\n  const [newName, setNewName] = useState(\n    `${tWithFallback(t, \"files.copyDialog.copyOf\", \"Copy of\")} ${item.name}`,\n  );\n\n  // Fetch folders in current location\n  const { data, loading: loadingFolders } = useFoldersQuery(\n    currentFolderId || undefined,\n  );\n  const folders = (data?.getFolders?.folders || []) as FolderItem[];\n\n  const handleFolderClick = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      // Go to root\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n    }\n  };\n\n  const handleCopy = async () => {\n    await onCopy(selectedDestination, newName.trim() || undefined);\n    onClose();\n  };\n\n  return (\n    <ResponsiveDialog\n      open\n      onOpenChange={(next: boolean) => {\n        if (!next && !isLoading) {\n          onClose();\n        }\n      }}\n    >\n      <ResponsiveDialogContent className=\"flex max-h-[80vh] w-full max-w-md flex-col gap-0 p-0\">\n        {/* Header */}\n        <ResponsiveDialogHeader className=\"px-6 py-4 border-b border-border-default text-left\">\n          <ResponsiveDialogTitle className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.copyDialog.makeCopyOf\", \"Make a copy of\")}{\" \"}\n            \"{item.name}\"\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        {/* Name input */}\n        <div className=\"px-6 py-4 border-b border-border-default\">\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n          </label>\n          <Input\n            type=\"text\"\n            value={newName}\n            onChange={(e) => setNewName(e.target.value)}\n            aria-label={tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n            placeholder={tWithFallback(\n              t,\n              \"files.copyDialog.enterName\",\n              \"Enter name for the copy\",\n            )}\n          />\n        </div>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-sunken\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              type=\"button\"\n              onClick={() => handleBreadcrumbClick(-1)}\n              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\"\n            >\n              <Home className=\"size-4\" />\n              <span>\n                {tWithFallback(t, \"files.copyDialog.myDrive\", \"My Drive\")}\n              </span>\n            </button>\n            {breadcrumbs.map((crumb, index) => (\n              <div\n                key={crumb.id}\n                className=\"flex items-center gap-2 whitespace-nowrap\"\n              >\n                <ChevronRight className=\"size-4 text-text-tertiary\" />\n                <button\n                  type=\"button\"\n                  onClick={() => handleBreadcrumbClick(index)}\n                  className={`hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${\n                    index === breadcrumbs.length - 1\n                      ? \"text-text-primary font-medium\"\n                      : \"text-text-secondary\"\n                  }`}\n                >\n                  {crumb.name}\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Folder list */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n          {loadingFolders ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"size-6 text-text-tertiary animate-spin\" />\n            </div>\n          ) : folders.length === 0 ? (\n            <div className=\"text-center py-8\">\n              <Folder className=\"size-12 text-text-tertiary mx-auto mb-3\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  \"files.copyDialog.noFolders\",\n                  \"No folders here\",\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to copy to current folder */}\n              <button\n                type=\"button\"\n                onClick={() => setSelectedDestination(currentFolderId)}\n                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${\n                  selectedDestination === currentFolderId\n                    ? \"bg-bg-accent border-2 border-action-primary-border\"\n                    : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                }`}\n              >\n                <Folder className=\"size-5 text-text-link\" />\n                <span className=\"font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.copyDialog.copyHere\", \"Copy here\")}\n                </span>\n              </button>\n\n              {/* List of subfolders */}\n              {folders.map((folder) => (\n                <div\n                  key={folder.id}\n                  className={`flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${\n                    selectedDestination === folder.id\n                      ? \"bg-bg-accent border-2 border-action-primary-border\"\n                      : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedDestination(folder.id)}\n                    className=\"flex items-center gap-3 flex-1 min-w-0\"\n                  >\n                    <Folder className=\"size-5 text-text-link flex-shrink-0\" />\n                    <span className=\"font-medium text-text-primary truncate\">\n                      {folder.name}\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleFolderClick(folder)}\n                    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\"\n                    title={tWithFallback(\n                      t,\n                      \"files.copyDialog.openFolder\",\n                      \"Open folder\",\n                    )}\n                    aria-label={`Open ${folder.name}`}\n                  >\n                    <ChevronRight className=\"size-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <ResponsiveDialogFooter className=\"px-6 py-4 border-t border-border-default\">\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={handleCopy}\n            disabled={\n              isLoading || selectedDestination === undefined || !newName.trim()\n            }\n          >\n            {isLoading && <Loader2 className=\"size-4 animate-spin\" />}\n            {isLoading\n              ? tWithFallback(t, \"files.copyDialog.copying\", \"Copying...\")\n              : tWithFallback(t, \"files.copyDialog.copy\", \"Copy\")}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/FileBrowser.js

@@ -154,7 +154,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 		className: "@container bg-bg-canvas",
 		children: [
 			/* @__PURE__ */ s("div", {
-				className: "hidden @md:flex items-center gap-3 px-3 py-2 bg-bg-surface border-b border-border-subtle text-text-secondary font-text-sm font-weight-medium",
+				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",
 				children: [
 					/* @__PURE__ */ o("div", { className: "flex-shrink-0 w-4" }),
 					/* @__PURE__ */ o("div", { className: "flex-shrink-0 w-6" }),
@@ -180,7 +180,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 			/* @__PURE__ */ s("div", {
 				className: "divide-y divide-border-subtle",
 				children: [$.map((t) => /* @__PURE__ */ s("div", {
-					className: `group flex items-center gap-3 border-b border-border-subtle bg-bg-surface p-3 transition-colors hover:bg-bg-sunken focus-within:bg-bg-sunken ${P.dropTargetFolderId === t.id && R?.item.id !== t.id ? "bg-action-primary-bg/10" : ""} ${R?.item.id === t.id ? "opacity-50" : ""}`,
+					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 ${P.dropTargetFolderId === t.id && R?.item.id !== t.id ? "bg-action-primary-bg/10" : ""} ${R?.item.id === t.id ? "opacity-50" : ""}`,
 					onClick: () => {
 						q(t) && x?.(t);
 					},

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-subtle 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-subtle 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, 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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"}