@burdenoff/microfe-files 2026.510.101

package/dist/files/components/FileBrowser.js

@@ -0,0 +1,421 @@
+import { useFilesStore as e } from "../store/filesStore.js";
+import { sortFiles as t } from "../utils/index.js";
+import { tWithFallback as n } from "../utils/i18n.js";
+import { ActionMenu as ee } from "./ActionMenu.js";
+import { useDragDrop as te } from "../hooks/useDragDrop.js";
+import { FileCard as ne } from "./FileCard.js";
+import { FileListItem as re } from "./FileListItem.js";
+import { FolderCard as ie } from "./FolderCard.js";
+import { ContextMenu as r, createFileMenuItems as ae, createFolderMenuItems as i } from "./ContextMenu.js";
+import { useState as a } from "react";
+import { Grid3x3 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";
+//#region src/files/components/FileBrowser.tsx
+var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSortOrder: fe = !1, onFilePreview: d, onFileShare: f, onFileDelete: p, onFileRestore: m, onFileFavorite: h, onFileRename: g, onFileDownload: _, onFileCopy: v, onFileMove: y, onFileInfo: b, onFileActivity: x, onFolderOpen: S, onFolderShare: C, onFolderDelete: w, onFolderRestore: T, onFolderRename: E, onFolderFavorite: D, onFolderCopy: pe, onFolderMove: O, onFolderInfo: k, onFolderActivity: me, onMoveFile: he, onCopyFile: ge, onMoveFolder: _e, onCopyFolder: ve }) => {
+	let { t: A } = ue(), { viewMode: j, sortBy: M, sortDirection: ye, selectedFiles: N, selectedFolders: P } = e(), [be, xe] = a(null), [F, I] = a({
+		draggedItem: null,
+		dropTargetFolderId: null
+	}), [L, R] = a(null), { draggedItem: z, 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
+		}), I({
+			draggedItem: {
+				type: "file",
+				item: e,
+				operation: t
+			},
+			dropTargetFolderId: null
+		});
+	}, Ee = (e, t) => {
+		Se({
+			type: "folder",
+			item: e,
+			operation: t
+		}), I({
+			draggedItem: {
+				type: "folder",
+				item: e,
+				operation: t
+			},
+			dropTargetFolderId: null
+		});
+	}, B = () => {
+		Ce(), I({
+			draggedItem: null,
+			dropTargetFolderId: null
+		});
+	}, V = async (e) => {
+		z && (await we(e.id), I({
+			draggedItem: null,
+			dropTargetFolderId: null
+		}));
+	}, De = (e) => {
+		I((t) => ({
+			...t,
+			dropTargetFolderId: e
+		}));
+	}, Oe = () => {
+		I((e) => ({
+			...e,
+			dropTargetFolderId: null
+		}));
+	}, H = (e, t, n) => {
+		R({
+			item: e,
+			type: "file",
+			x: t,
+			y: n
+		});
+	}, U = (e, t, n) => {
+		R({
+			item: e,
+			type: "folder",
+			x: t,
+			y: n
+		});
+	}, W = () => {
+		R(null);
+	}, G = (e) => e.canRead === !0, K = (e) => e.canUpdate === !0 || e.canWrite === !0, q = (e) => e.canShare === !0 || K(e), J = (e) => e.canDelete === !0, Y = (e) => e.canRead === !0 || e.permissions?.canRead === !0, X = (e) => e.canUpdate === !0 || e.permissions?.canWrite === !0, Z = (e) => e.permissions?.canShare === !0 || X(e), Q = (e) => e.canDelete === !0 || e.permissions?.canDelete === !0, $ = () => {
+		if (!L) return [];
+		if (L.type === "file") {
+			let e = L.item;
+			return ae({
+				onShare: f && q(e) ? () => f(e) : void 0,
+				onDownload: _ && G(e) ? () => _(e) : void 0,
+				onCopy: v && G(e) ? () => v(e) : void 0,
+				onRename: g && K(e) ? () => g(e) : void 0,
+				onStar: h && K(e) ? () => h(e) : void 0,
+				onMove: y && K(e) ? () => y(e) : void 0,
+				onInfo: b ? () => b(e) : void 0,
+				onActivity: x ? () => x(e) : void 0,
+				onDelete: p && J(e) ? () => p(e) : void 0,
+				onRestore: m && K(e) ? () => m(e) : void 0,
+				isStarred: e.starred
+			}, A);
+		} else {
+			let e = L.item;
+			return i({
+				onShare: C && Z(e) ? () => C(e) : void 0,
+				onRename: E && X(e) ? () => E(e) : void 0,
+				onStar: D && X(e) ? () => D(e) : void 0,
+				onMove: O && X(e) ? () => O(e) : void 0,
+				onInfo: k ? () => k(e) : void 0,
+				onDelete: w && Q(e) ? () => w(e) : void 0,
+				onRestore: T && X(e) ? () => T(e) : void 0,
+				isStarred: e.starred
+			}, A);
+		}
+	}, ke = fe ? c : t(c, M, ye), Ae = fe ? l : t(l, M, ye);
+	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(A, "files.browser.loading", "Loading files…")
+			})]
+		})
+	}) : u ? /* @__PURE__ */ o("div", {
+		className: "flex items-center justify-center min-h-[500px]",
+		children: /* @__PURE__ */ s("div", {
+			className: "text-center max-w-md",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "mb-3 text-xl font-semibold text-status-error-text",
+					children: n(A, "files.browser.loadError", "Failed to load files")
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "mb-6 text-sm text-text-secondary",
+					children: u.message || n(A, "files.browser.unexpectedError", "An unexpected error occurred")
+				}),
+				/* @__PURE__ */ o("button", {
+					onClick: () => window.location.reload(),
+					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",
+					children: n(A, "files.browser.retry", "Retry")
+				})
+			]
+		})
+	}) : c.length === 0 && l.length === 0 ? /* @__PURE__ */ o(le, { children: L && /* @__PURE__ */ o(r, {
+		x: L.x,
+		y: L.y,
+		onClose: W,
+		items: $()
+	}) }) : j === "list" ? j === "list" ? /* @__PURE__ */ s("div", {
+		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",
+				children: [
+					/* @__PURE__ */ o("div", { className: "flex-shrink-0 w-4" }),
+					/* @__PURE__ */ o("div", { className: "flex-shrink-0 w-6" }),
+					/* @__PURE__ */ o("div", {
+						className: "flex-1",
+						children: n(A, "files.browser.name", "Name")
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "hidden @lg:block flex-shrink-0 w-40",
+						children: n(A, "files.browser.owner", "Owner")
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "flex-shrink-0 w-24 text-right",
+						children: n(A, "files.browser.size", "Size")
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "hidden @lg:block flex-shrink-0 w-32 text-right",
+						children: n(A, "files.browser.modified", "Modified")
+					}),
+					/* @__PURE__ */ o("div", { className: "flex-shrink-0 w-32" })
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "divide-y divide-border-subtle",
+				children: [Ae.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 ${F.dropTargetFolderId === t.id && z?.item.id !== t.id ? "bg-action-primary-bg/10" : ""} ${z?.item.id === t.id ? "opacity-50" : ""}`,
+					onClick: () => {
+						Y(t) && S?.(t);
+					},
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Y(t) && S?.(t));
+					},
+					onDragOver: (e) => {
+						z && z.item.id !== t.id && X(t) && (e.preventDefault(), De(t.id));
+					},
+					onDragLeave: Oe,
+					onDrop: async (e) => {
+						e.preventDefault(), z && z.item.id !== t.id && X(t) && await V(t);
+					},
+					onContextMenu: (e) => {
+						e.preventDefault(), U(t, e.clientX, e.clientY);
+					},
+					role: "button",
+					tabIndex: 0,
+					"aria-label": n(A, "files.browser.openFolder", "Open folder"),
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "flex-shrink-0",
+							children: /* @__PURE__ */ o("input", {
+								type: "checkbox",
+								checked: P.has(t.id),
+								onChange: (n) => {
+									n.stopPropagation(), e.getState().toggleFolderSelection(t.id);
+								},
+								className: "size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2",
+								"aria-label": `Select ${t.name}`
+							})
+						}),
+						/* @__PURE__ */ o(oe, { className: "size-6 text-action-primary-bg flex-shrink-0" }),
+						/* @__PURE__ */ o("div", {
+							className: "flex-1 min-w-0",
+							children: /* @__PURE__ */ s("div", {
+								className: "flex items-center gap-2",
+								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-status-warning-text text-status-warning-text" })]
+							})
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "hidden @lg:block flex-shrink-0 w-40",
+							children: t.createdBy && /* @__PURE__ */ s("div", {
+								className: "flex items-center gap-2",
+								children: [t.createdBy.avatar && /* @__PURE__ */ o("img", {
+									src: t.createdBy.avatar,
+									alt: t.createdBy.name,
+									className: "size-6 rounded-full"
+								}), /* @__PURE__ */ o("span", {
+									className: "font-text-sm text-text-secondary truncate",
+									children: t.createdBy.name
+								})]
+							})
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "hidden @md:block flex-shrink-0 w-24 text-right",
+							children: /* @__PURE__ */ s("span", {
+								className: "font-text-sm text-text-secondary",
+								children: [
+									t.filesCount ?? 0,
+									" ",
+									n(A, "files.browser.items", "items")
+								]
+							})
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "hidden @lg:block flex-shrink-0 w-32 text-right",
+							children: /* @__PURE__ */ o("span", {
+								className: "font-text-sm text-text-secondary",
+								children: new Date(t.updatedAt).toLocaleDateString()
+							})
+						}),
+						/* @__PURE__ */ s("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",
+							children: [
+								Z(t) && C && /* @__PURE__ */ o("button", {
+									onClick: (e) => {
+										e.stopPropagation(), C(t);
+									},
+									className: "p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
+									"aria-label": n(A, "files.browser.share", "Share"),
+									title: n(A, "files.browser.shareFolder", "Share folder"),
+									children: /* @__PURE__ */ o("svg", {
+										className: "size-4 text-text-primary",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										stroke: "currentColor",
+										children: /* @__PURE__ */ o("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											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"
+										})
+									})
+								}),
+								X(t) && E && /* @__PURE__ */ o("button", {
+									onClick: (e) => {
+										e.stopPropagation(), E(t);
+									},
+									className: "hidden @md:block p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors",
+									"aria-label": n(A, "files.browser.rename", "Rename"),
+									title: n(A, "files.browser.rename", "Rename"),
+									children: /* @__PURE__ */ o("svg", {
+										className: "size-4 text-text-primary",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										stroke: "currentColor",
+										children: /* @__PURE__ */ o("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											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"
+										})
+									})
+								}),
+								Q(t) && w && /* @__PURE__ */ o("button", {
+									onClick: (e) => {
+										e.stopPropagation(), w(t);
+									},
+									className: "p-1.5 hover:bg-action-danger-bg-hover rounded transition-colors",
+									"aria-label": n(A, "files.browser.delete", "Delete"),
+									title: n(A, "files.browser.delete", "Delete"),
+									children: /* @__PURE__ */ o("svg", {
+										className: "size-4 text-status-error-text",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										stroke: "currentColor",
+										children: /* @__PURE__ */ o("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											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"
+										})
+									})
+								}),
+								/* @__PURE__ */ o("div", {
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ o(ee, {
+										items: i({
+											onShare: Z(t) && C ? () => C(t) : void 0,
+											onRename: X(t) && E ? () => E(t) : void 0,
+											onStar: X(t) && D ? () => D(t) : void 0,
+											onMove: X(t) && O ? () => O(t) : void 0,
+											onInfo: () => k?.(t),
+											onRestore: X(t) && T ? () => T(t) : void 0,
+											onDelete: Q(t) && w ? () => w(t) : void 0,
+											isStarred: t.starred
+										}, A),
+										isOpen: be === t.id,
+										onToggle: (e) => xe(e ? t.id : null)
+									})
+								})
+							]
+						})
+					]
+				}, t.id)), ke.map((e) => /* @__PURE__ */ o(re, {
+					file: e,
+					isSelected: N.has(e.id),
+					isDragging: z?.item.id === e.id,
+					onPreview: G(e) ? d : void 0,
+					onShare: q(e) ? f : void 0,
+					onDelete: J(e) ? p : void 0,
+					onRestore: K(e) ? m : void 0,
+					onFavorite: K(e) ? h : void 0,
+					onRename: K(e) ? g : void 0,
+					onDownload: G(e) ? _ : void 0,
+					onCopy: G(e) ? v : void 0,
+					onMove: K(e) ? y : void 0,
+					onInfo: b,
+					onActivity: x,
+					onDragStart: K(e) ? Te : void 0,
+					onDragEnd: B,
+					onContextMenu: H
+				}, e.id))]
+			}),
+			L && /* @__PURE__ */ o(r, {
+				x: L.x,
+				y: L.y,
+				onClose: W,
+				items: $()
+			})
+		]
+	}) : null : /* @__PURE__ */ s("div", {
+		className: "@container bg-bg-canvas p-page-padding",
+		children: [/* @__PURE__ */ s("div", {
+			className: "grid grid-cols-2 @md:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5 gap-4",
+			children: [Ae.map((e) => /* @__PURE__ */ o(ie, {
+				folder: e,
+				isSelected: P.has(e.id),
+				isDragging: z?.item.id === e.id,
+				isDropTarget: F.dropTargetFolderId === e.id,
+				draggedItem: z,
+				onOpen: Y(e) ? S : void 0,
+				onShare: Z(e) ? C : void 0,
+				onDelete: Q(e) ? w : void 0,
+				onRestore: X(e) ? T : void 0,
+				onRename: X(e) ? E : void 0,
+				onFavorite: X(e) ? D : void 0,
+				onCopy: pe,
+				onMove: X(e) ? O : void 0,
+				onInfo: k,
+				onActivity: me,
+				onDragStart: X(e) ? Ee : void 0,
+				onDragEnd: B,
+				onDrop: X(e) ? V : void 0,
+				onContextMenu: U
+			}, e.id)), ke.map((e) => /* @__PURE__ */ o(ne, {
+				file: e,
+				isSelected: N.has(e.id),
+				isDragging: z?.item.id === e.id,
+				onPreview: G(e) ? d : void 0,
+				onShare: q(e) ? f : void 0,
+				onDelete: J(e) ? p : void 0,
+				onRestore: K(e) ? m : void 0,
+				onFavorite: K(e) ? h : void 0,
+				onRename: K(e) ? g : void 0,
+				onDownload: G(e) ? _ : void 0,
+				onCopy: G(e) ? v : void 0,
+				onMove: K(e) ? y : void 0,
+				onInfo: b,
+				onActivity: x,
+				onDragStart: K(e) ? Te : void 0,
+				onDragEnd: B,
+				onContextMenu: H
+			}, e.id))]
+		}), L && /* @__PURE__ */ o(r, {
+			x: L.x,
+			y: L.y,
+			onClose: W,
+			items: $()
+		})]
+	});
+};
+//#endregion
+export { c as FileBrowser };
+
+//# sourceMappingURL=FileBrowser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileBrowser.js","names":[],"sources":["../../../src/files/components/FileBrowser.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Grid3x3, 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 {\n  ContextMenu,\n  createFileMenuItems,\n  createFolderMenuItems,\n} from \"./ContextMenu\";\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) => file.canRead === 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            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        <div className=\"grid grid-cols-2 @md:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5 gap-4\">\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={folderCanDelete(folder) ? onFolderDelete : undefined}\n              onRestore={folderCanUpdate(folder) ? onFolderRestore : undefined}\n              onRename={folderCanUpdate(folder) ? onFolderRename : undefined}\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={folderCanUpdate(folder) ? handleFolderDrop : undefined}\n              onContextMenu={handleFolderContextMenu}\n            />\n          ))}\n\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        {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=\"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              <Grid3x3 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-status-warning-text text-status-warning-text\" />\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}{\" \"}\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                    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                    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                    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/FileCard.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { FileItem } from '../types';
+interface FileCardProps {
+    file: FileItem;
+    isSelected?: boolean;
+    isDragging?: boolean;
+    onSelect?: (fileId: string) => void;
+    onPreview?: (file: FileItem) => void;
+    onShare?: (file: FileItem) => void;
+    onDelete?: (file: FileItem) => void;
+    onRestore?: (file: FileItem) => void;
+    onFavorite?: (file: FileItem) => void;
+    onRename?: (file: FileItem) => void;
+    onDownload?: (file: FileItem) => void;
+    onCopy?: (file: FileItem) => void;
+    onMove?: (file: FileItem) => void;
+    onInfo?: (file: FileItem) => void;
+    onActivity?: (file: FileItem) => void;
+    onDragStart?: (file: FileItem, operation: "move" | "copy") => void;
+    onDragEnd?: () => void;
+    onContextMenu?: (file: FileItem, x: number, y: number) => void;
+}
+interface DraggableFileCardProps extends Omit<FileCardProps, "onDragStart" | "onDragEnd"> {
+    onDragStart?: (file: FileItem, operation: "move" | "copy") => void;
+    onDragEnd?: () => void;
+    onContextMenu?: (file: FileItem, x: number, y: number) => void;
+}
+export declare const FileCard: FC<DraggableFileCardProps>;
+export {};
+//# sourceMappingURL=FileCard.d.ts.map

package/dist/files/components/FileCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../src/files/components/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAcnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAOzC,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,aAAa,EACb,aAAa,GAAG,WAAW,CAC5B;IACC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CA2X/C,CAAC"}