@burdenoff/microfe-files 2026.510.101

package/dist/files/components/FileVersionPanel.js

@@ -0,0 +1,227 @@
+import { useToast as e } from "../hooks/useToast.js";
+import { formatFileDate as t, formatFileSize as n } from "../utils/index.js";
+import { tWithFallback as r } from "../utils/i18n.js";
+import { ConfirmDialog as i } from "./ConfirmDialog.js";
+import { useDeleteFileVersion as a, useFileVersions as o, useRestoreFileVersion as s, useVersionDownloadUrl as c } from "../hooks/useFileVersions.js";
+import { useState as l } from "react";
+import { AlertCircle as u, CheckCircle2 as d, Clock as f, Download as p, Loader2 as m, RotateCcw as h, Tag as g, Trash2 as _, X as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/files/components/FileVersionPanel.tsx
+var C = ({ file: C, onClose: w }) => {
+	let { t: T } = S(), [E, D] = l(null), [O, k] = l(null), A = e(), { data: j, isLoading: M, error: N } = o(C.id), P = j?.versions || [], F = s(), I = a(), L = c(), R = async (e, t) => {
+		k({
+			title: `${r(T, "files.version.restoreVersion", "Restore version")} ${t}`,
+			description: r(T, "files.version.restoreDescription", "This will create a new version with the restored content."),
+			confirmLabel: r(T, "files.version.restore", "Restore"),
+			onConfirm: async () => {
+				try {
+					await F.mutateAsync({
+						versionId: e,
+						createNewVersion: !0,
+						changeMessage: `${r(T, "files.version.restoredFrom", "Restored from version")} ${t}`
+					}), A.success(`${r(T, "files.version.versionRestored", "Version {{number}} restored successfully", { number: t })}`);
+				} catch {
+					A.error(r(T, "files.version.restoreFailed", "Failed to restore version"));
+				}
+			}
+		});
+	}, z = async (e, t) => {
+		k({
+			title: `${r(T, "files.version.deleteVersion", "Delete version")} ${t}`,
+			description: r(T, "files.version.deleteDescription", "This action cannot be undone."),
+			confirmLabel: r(T, "files.version.deleteVersionBtn", "Delete version"),
+			variant: "danger",
+			onConfirm: async () => {
+				try {
+					await I.mutateAsync(e), A.success(`${r(T, "files.version.versionDeleted", "Version {{number}} deleted", { number: t })}`);
+				} catch {
+					A.error(r(T, "files.version.deleteFailed", "Failed to delete version"));
+				}
+			}
+		});
+	}, B = async () => {
+		if (!O || O.loading) return;
+		let e = O.onConfirm;
+		k({
+			...O,
+			loading: !0
+		}), await e(), k(null);
+	}, V = async (e) => {
+		try {
+			let t = await L.getDownloadUrl(e);
+			if (!t) throw Error(r(T, "files.version.downloadUnavailable", "Version download URL is unavailable"));
+			window.open(t, "_blank", "noopener,noreferrer");
+		} catch (e) {
+			A.error(e instanceof Error ? e.message : r(T, "files.version.downloadFailed", "Failed to download version"));
+		}
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "fixed inset-0 z-[110] bg-bg-overlay flex items-center justify-center p-4 animate-in fade-in duration-200",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": r(T, "files.version.historyFor", "Version history for {{name}}", { name: C.name }),
+		children: [/* @__PURE__ */ x("div", {
+			className: "bg-bg-surface rounded-lg shadow-xl max-w-3xl w-full max-h-[90vh] overflow-hidden flex flex-col animate-in zoom-in-95 duration-200",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "flex items-center justify-between p-6 border-b border-border-default",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ b(f, { className: "size-6 text-text-link" }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: r(T, "files.version.versionHistory", "Version History")
+						}), /* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: C.name
+						})] })]
+					}), /* @__PURE__ */ b("button", {
+						onClick: w,
+						className: "p-2 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
+						"aria-label": r(T, "files.version.closeHistory", "Close version history"),
+						children: /* @__PURE__ */ b(v, { className: "size-5" })
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "flex-1 overflow-y-auto p-6",
+					children: [
+						M && /* @__PURE__ */ b("div", {
+							className: "flex items-center justify-center py-12",
+							children: /* @__PURE__ */ b(m, { className: "size-8 text-text-link animate-spin" })
+						}),
+						N && /* @__PURE__ */ b("div", {
+							className: "flex items-center justify-center py-12",
+							children: /* @__PURE__ */ x("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ b(u, { className: "size-12 text-status-error-text mx-auto mb-4" }), /* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: r(T, "files.version.loadFailed", "Failed to load version history")
+								})]
+							})
+						}),
+						!M && !N && P.length === 0 && /* @__PURE__ */ b("div", {
+							className: "flex items-center justify-center py-12",
+							children: /* @__PURE__ */ x("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ b(f, { className: "size-12 text-text-tertiary mx-auto mb-4" }), /* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: r(T, "files.version.noHistory", "No version history available")
+								})]
+							})
+						}),
+						!M && !N && P.length > 0 && /* @__PURE__ */ b("div", {
+							className: "space-y-3",
+							children: P.map((e) => /* @__PURE__ */ b("div", {
+								className: `p-4 border rounded-lg transition-all duration-200 hover:scale-[1.01] ${e.isCurrentVersion ? "border-action-primary-border bg-bg-accent" : E === e.id ? "border-border-default bg-bg-muted" : "border-border-default hover:border-border-default hover:bg-action-ghost-bg-hover"}`,
+								onClick: () => D(e.id),
+								children: /* @__PURE__ */ x("div", {
+									className: "flex items-start justify-between gap-4",
+									children: [/* @__PURE__ */ x("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ x("div", {
+												className: "flex items-center gap-2 mb-2",
+												children: [
+													/* @__PURE__ */ x("span", {
+														className: "text-sm font-semibold text-text-primary",
+														children: [
+															r(T, "files.version.version", "Version"),
+															" ",
+															e.versionNumber
+														]
+													}),
+													e.isCurrentVersion && /* @__PURE__ */ x("span", {
+														className: "inline-flex items-center gap-1 px-2 py-0.5 bg-action-primary-bg text-text-inverse text-xs font-medium rounded",
+														children: [/* @__PURE__ */ b(d, { className: "size-3" }), r(T, "files.version.current", "Current")]
+													}),
+													e.isMajorVersion && /* @__PURE__ */ x("span", {
+														className: "inline-flex items-center gap-1 px-2 py-0.5 bg-status-info-bg-subtle text-status-info-text text-xs font-medium rounded",
+														children: [/* @__PURE__ */ b(g, { className: "size-3" }), r(T, "files.version.major", "Major")]
+													}),
+													e.versionLabel && /* @__PURE__ */ b("span", {
+														className: "inline-flex items-center px-2 py-0.5 bg-status-success-bg-subtle text-status-success-text text-xs font-medium rounded",
+														children: e.versionLabel
+													})
+												]
+											}),
+											e.changeMessage && /* @__PURE__ */ b("p", {
+												className: "text-sm text-text-primary mb-2",
+												children: e.changeMessage
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "flex items-center gap-4 text-xs text-text-secondary",
+												children: [
+													/* @__PURE__ */ b("span", { children: n(e.size) }),
+													/* @__PURE__ */ b("span", { children: "•" }),
+													/* @__PURE__ */ b("span", { children: t(e.createdAt) })
+												]
+											})
+										]
+									}), /* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ b("button", {
+											onClick: (t) => {
+												t.stopPropagation(), V(e.id);
+											},
+											className: "p-2 text-text-secondary hover:text-text-link hover:bg-bg-accent rounded-lg transition-colors duration-200",
+											title: r(T, "files.version.downloadThisVersion", "Download this version"),
+											children: /* @__PURE__ */ b(p, { className: "size-4" })
+										}), !e.isCurrentVersion && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+											onClick: (t) => {
+												t.stopPropagation(), R(e.id, e.versionNumber);
+											},
+											disabled: F.isPending,
+											className: "p-2 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed",
+											title: r(T, "files.version.restoreThisVersion", "Restore this version"),
+											children: F.isPending ? /* @__PURE__ */ b(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(h, { className: "size-4" })
+										}), /* @__PURE__ */ b("button", {
+											onClick: (t) => {
+												t.stopPropagation(), z(e.id, e.versionNumber);
+											},
+											disabled: I.isPending,
+											className: "p-2 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed",
+											title: r(T, "files.version.deleteThisVersion", "Delete this version"),
+											children: I.isPending ? /* @__PURE__ */ b(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(_, { className: "size-4" })
+										})] })]
+									})]
+								})
+							}, e.id))
+						})
+					]
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "p-6 border-t border-border-default bg-bg-muted",
+					children: /* @__PURE__ */ x("div", {
+						className: "flex items-center justify-between text-sm text-text-secondary",
+						children: [/* @__PURE__ */ x("span", { children: [
+							j?.total || 0,
+							" ",
+							j?.total === 1 ? r(T, "files.version.versionSingular", "version") : r(T, "files.version.versions", "versions"),
+							" ",
+							r(T, "files.version.total", "total")
+						] }), /* @__PURE__ */ b("button", {
+							onClick: w,
+							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: r(T, "files.common.actions.close", "Close")
+						})]
+					})
+				})
+			]
+		}), O && /* @__PURE__ */ b(i, {
+			title: O.title,
+			description: O.description,
+			confirmLabel: O.confirmLabel,
+			cancelLabel: r(T, "files.common.actions.cancel", "Cancel"),
+			variant: O.variant,
+			loading: O.loading,
+			onConfirm: B,
+			onCancel: () => {
+				O.loading || k(null);
+			}
+		})]
+	});
+};
+//#endregion
+export { C as FileVersionPanel };
+
+//# sourceMappingURL=FileVersionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileVersionPanel.js","names":[],"sources":["../../../src/files/components/FileVersionPanel.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport {\n  Clock,\n  Download,\n  RotateCcw,\n  Trash2,\n  X,\n  CheckCircle2,\n  AlertCircle,\n  Loader2,\n  Tag,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem } from \"../types\";\nimport { formatFileSize, formatFileDate } from \"../utils\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport {\n  useFileVersions,\n  useRestoreFileVersion,\n  useDeleteFileVersion,\n  useVersionDownloadUrl,\n} from \"../hooks/useFileVersions\";\nimport { useToast } from \"../hooks/useToast\";\nimport { ConfirmDialog } from \"./ConfirmDialog\";\n\ninterface FileVersionPanelProps {\n  file: FileItem;\n  onClose: () => void;\n}\n\nexport const FileVersionPanel: FC<FileVersionPanelProps> = ({\n  file,\n  onClose,\n}) => {\n  const { t } = useI18n();\n  const [selectedVersionId, setSelectedVersionId] = useState<string | null>(\n    null,\n  );\n  const [confirmAction, setConfirmAction] = useState<{\n    title: string;\n    description: string;\n    confirmLabel: string;\n    variant?: \"danger\" | \"default\";\n    onConfirm: () => Promise<void>;\n    loading?: boolean;\n  } | null>(null);\n  const toast = useToast();\n\n  // Fetch versions\n  const { data: versionsData, isLoading, error } = useFileVersions(file.id);\n  const versions = versionsData?.versions || [];\n\n  // Mutations\n  const restoreMutation = useRestoreFileVersion();\n  const deleteMutation = useDeleteFileVersion();\n  const versionDownload = useVersionDownloadUrl();\n\n  const handleRestore = async (versionId: string, versionNumber: number) => {\n    setConfirmAction({\n      title: `${tWithFallback(t, \"files.version.restoreVersion\", \"Restore version\")} ${versionNumber}`,\n      description: tWithFallback(\n        t,\n        \"files.version.restoreDescription\",\n        \"This will create a new version with the restored content.\",\n      ),\n      confirmLabel: tWithFallback(t, \"files.version.restore\", \"Restore\"),\n      onConfirm: async () => {\n        try {\n          await restoreMutation.mutateAsync({\n            versionId,\n            createNewVersion: true,\n            changeMessage: `${tWithFallback(t, \"files.version.restoredFrom\", \"Restored from version\")} ${versionNumber}`,\n          });\n          toast.success(\n            `${tWithFallback(t, \"files.version.versionRestored\", \"Version {{number}} restored successfully\", { number: versionNumber })}`,\n          );\n        } catch {\n          toast.error(\n            tWithFallback(\n              t,\n              \"files.version.restoreFailed\",\n              \"Failed to restore version\",\n            ),\n          );\n        }\n      },\n    });\n  };\n\n  const handleDelete = async (versionId: string, versionNumber: number) => {\n    setConfirmAction({\n      title: `${tWithFallback(t, \"files.version.deleteVersion\", \"Delete version\")} ${versionNumber}`,\n      description: tWithFallback(\n        t,\n        \"files.version.deleteDescription\",\n        \"This action cannot be undone.\",\n      ),\n      confirmLabel: tWithFallback(\n        t,\n        \"files.version.deleteVersionBtn\",\n        \"Delete version\",\n      ),\n      variant: \"danger\",\n      onConfirm: async () => {\n        try {\n          await deleteMutation.mutateAsync(versionId);\n          toast.success(\n            `${tWithFallback(t, \"files.version.versionDeleted\", \"Version {{number}} deleted\", { number: versionNumber })}`,\n          );\n        } catch {\n          toast.error(\n            tWithFallback(\n              t,\n              \"files.version.deleteFailed\",\n              \"Failed to delete version\",\n            ),\n          );\n        }\n      },\n    });\n  };\n\n  const runConfirmAction = async () => {\n    if (!confirmAction || confirmAction.loading) return;\n\n    const action = confirmAction.onConfirm;\n    setConfirmAction({ ...confirmAction, loading: true });\n    await action();\n    setConfirmAction(null);\n  };\n\n  const handleDownload = async (versionId: string) => {\n    try {\n      const downloadUrl = await versionDownload.getDownloadUrl(versionId);\n\n      if (!downloadUrl) {\n        throw new Error(\n          tWithFallback(\n            t,\n            \"files.version.downloadUnavailable\",\n            \"Version download URL is unavailable\",\n          ),\n        );\n      }\n\n      window.open(downloadUrl, \"_blank\", \"noopener,noreferrer\");\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tWithFallback(\n              t,\n              \"files.version.downloadFailed\",\n              \"Failed to download version\",\n            ),\n      );\n    }\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[110] bg-bg-overlay flex items-center justify-center p-4 animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(\n        t,\n        \"files.version.historyFor\",\n        \"Version history for {{name}}\",\n        { name: file.name },\n      )}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl max-w-3xl w-full max-h-[90vh] overflow-hidden flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-6 border-b border-border-default\">\n          <div className=\"flex items-center gap-3\">\n            <Clock className=\"size-6 text-text-link\" />\n            <div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {tWithFallback(\n                  t,\n                  \"files.version.versionHistory\",\n                  \"Version History\",\n                )}\n              </h2>\n              <p className=\"text-sm text-text-secondary\">{file.name}</p>\n            </div>\n          </div>\n          <button\n            onClick={onClose}\n            className=\"p-2 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.version.closeHistory\",\n              \"Close version history\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 overflow-y-auto p-6\">\n          {isLoading && (\n            <div className=\"flex items-center justify-center py-12\">\n              <Loader2 className=\"size-8 text-text-link animate-spin\" />\n            </div>\n          )}\n\n          {error && (\n            <div className=\"flex items-center justify-center py-12\">\n              <div className=\"text-center\">\n                <AlertCircle className=\"size-12 text-status-error-text mx-auto mb-4\" />\n                <p className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.version.loadFailed\",\n                    \"Failed to load version history\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isLoading && !error && versions.length === 0 && (\n            <div className=\"flex items-center justify-center py-12\">\n              <div className=\"text-center\">\n                <Clock className=\"size-12 text-text-tertiary mx-auto mb-4\" />\n                <p className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.version.noHistory\",\n                    \"No version history available\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isLoading && !error && versions.length > 0 && (\n            <div className=\"space-y-3\">\n              {versions.map((version: (typeof versions)[number]) => (\n                <div\n                  key={version.id}\n                  className={`p-4 border rounded-lg transition-all duration-200 hover:scale-[1.01] ${\n                    version.isCurrentVersion\n                      ? \"border-action-primary-border bg-bg-accent\"\n                      : selectedVersionId === version.id\n                        ? \"border-border-default bg-bg-muted\"\n                        : \"border-border-default hover:border-border-default hover:bg-action-ghost-bg-hover\"\n                  }`}\n                  onClick={() => setSelectedVersionId(version.id)}\n                >\n                  <div className=\"flex items-start justify-between gap-4\">\n                    {/* Version info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center gap-2 mb-2\">\n                        <span className=\"text-sm font-semibold text-text-primary\">\n                          {tWithFallback(t, \"files.version.version\", \"Version\")}{\" \"}\n                          {version.versionNumber}\n                        </span>\n\n                        {version.isCurrentVersion && (\n                          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-action-primary-bg text-text-inverse text-xs font-medium rounded\">\n                            <CheckCircle2 className=\"size-3\" />\n                            {tWithFallback(\n                              t,\n                              \"files.version.current\",\n                              \"Current\",\n                            )}\n                          </span>\n                        )}\n\n                        {version.isMajorVersion && (\n                          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-status-info-bg-subtle text-status-info-text text-xs font-medium rounded\">\n                            <Tag className=\"size-3\" />\n                            {tWithFallback(t, \"files.version.major\", \"Major\")}\n                          </span>\n                        )}\n\n                        {version.versionLabel && (\n                          <span className=\"inline-flex items-center px-2 py-0.5 bg-status-success-bg-subtle text-status-success-text text-xs font-medium rounded\">\n                            {version.versionLabel}\n                          </span>\n                        )}\n                      </div>\n\n                      {version.changeMessage && (\n                        <p className=\"text-sm text-text-primary mb-2\">\n                          {version.changeMessage}\n                        </p>\n                      )}\n\n                      <div className=\"flex items-center gap-4 text-xs text-text-secondary\">\n                        <span>{formatFileSize(version.size)}</span>\n                        <span>•</span>\n                        <span>{formatFileDate(version.createdAt)}</span>\n                      </div>\n                    </div>\n\n                    {/* Actions */}\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          handleDownload(version.id);\n                        }}\n                        className=\"p-2 text-text-secondary hover:text-text-link hover:bg-bg-accent rounded-lg transition-colors duration-200\"\n                        title={tWithFallback(\n                          t,\n                          \"files.version.downloadThisVersion\",\n                          \"Download this version\",\n                        )}\n                      >\n                        <Download className=\"size-4\" />\n                      </button>\n\n                      {!version.isCurrentVersion && (\n                        <>\n                          <button\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleRestore(version.id, version.versionNumber);\n                            }}\n                            disabled={restoreMutation.isPending}\n                            className=\"p-2 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title={tWithFallback(\n                              t,\n                              \"files.version.restoreThisVersion\",\n                              \"Restore this version\",\n                            )}\n                          >\n                            {restoreMutation.isPending ? (\n                              <Loader2 className=\"size-4 animate-spin\" />\n                            ) : (\n                              <RotateCcw className=\"size-4\" />\n                            )}\n                          </button>\n\n                          <button\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleDelete(version.id, version.versionNumber);\n                            }}\n                            disabled={deleteMutation.isPending}\n                            className=\"p-2 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle rounded-lg transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title={tWithFallback(\n                              t,\n                              \"files.version.deleteThisVersion\",\n                              \"Delete this version\",\n                            )}\n                          >\n                            {deleteMutation.isPending ? (\n                              <Loader2 className=\"size-4 animate-spin\" />\n                            ) : (\n                              <Trash2 className=\"size-4\" />\n                            )}\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-6 border-t border-border-default bg-bg-muted\">\n          <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n            <span>\n              {versionsData?.total || 0}{\" \"}\n              {versionsData?.total !== 1\n                ? tWithFallback(t, \"files.version.versions\", \"versions\")\n                : tWithFallback(\n                    t,\n                    \"files.version.versionSingular\",\n                    \"version\",\n                  )}{\" \"}\n              {tWithFallback(t, \"files.version.total\", \"total\")}\n            </span>\n            <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.close\", \"Close\")}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {confirmAction && (\n        <ConfirmDialog\n          title={confirmAction.title}\n          description={confirmAction.description}\n          confirmLabel={confirmAction.confirmLabel}\n          cancelLabel={tWithFallback(\n            t,\n            \"files.common.actions.cancel\",\n            \"Cancel\",\n          )}\n          variant={confirmAction.variant}\n          loading={confirmAction.loading}\n          onConfirm={runConfirmAction}\n          onCancel={() => {\n            if (!confirmAction.loading) {\n              setConfirmAction(null);\n            }\n          }}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/FolderCard.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { FolderItem } from '../types';
+import { DragData } from '../hooks/useDragDrop';
+interface FolderCardProps {
+    folder: FolderItem;
+    isSelected?: boolean;
+    isDragging?: boolean;
+    isDropTarget?: boolean;
+    draggedItem?: DragData | null;
+    onSelect?: (folderId: string) => void;
+    onOpen?: (folder: FolderItem) => void;
+    onShare?: (folder: FolderItem) => void;
+    onDelete?: (folder: FolderItem) => void;
+    onRestore?: (folder: FolderItem) => void;
+    onRename?: (folder: FolderItem) => void;
+    onFavorite?: (folder: FolderItem) => void;
+    onCopy?: (folder: FolderItem) => void;
+    onMove?: (folder: FolderItem) => void;
+    onInfo?: (folder: FolderItem) => void;
+    onActivity?: (folder: FolderItem) => void;
+    onDragStart?: (folder: FolderItem, operation: "move" | "copy") => void;
+    onDragEnd?: () => void;
+    onDrop?: (folder: FolderItem) => void;
+    onContextMenu?: (folder: FolderItem, x: number, y: number) => void;
+}
+interface DraggableFolderCardProps extends Omit<FolderCardProps, "onDragStart" | "onDragEnd" | "onDrop"> {
+    onDragStart?: (folder: FolderItem, operation: "move" | "copy") => void;
+    onDragEnd?: () => void;
+    onDrop?: (folder: FolderItem) => void;
+    onContextMenu?: (folder: FolderItem, x: number, y: number) => void;
+}
+export declare const FolderCard: FC<DraggableFolderCardProps>;
+export {};
+//# sourceMappingURL=FolderCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCard.d.ts","sourceRoot":"","sources":["../../../src/files/components/FolderCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAgBnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,UAAU,eAAe;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE;AAED,UAAU,wBAAyB,SAAQ,IAAI,CAC7C,eAAe,EACf,aAAa,GAAG,WAAW,GAAG,QAAQ,CACvC;IACC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,wBAAwB,CA2WnD,CAAC"}

package/dist/files/components/FolderCard.js

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

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

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

package/dist/files/components/MoveDialog.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { FileItem, FolderItem } from '../types';
+interface MoveDialogProps {
+    item: FileItem | FolderItem;
+    type: "file" | "folder";
+    onClose: () => void;
+    onMove: (destinationFolderId: string | null) => Promise<void>;
+    isLoading?: boolean;
+}
+export declare const MoveDialog: FC<MoveDialogProps>;
+export {};
+//# sourceMappingURL=MoveDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoveDialog.d.ts","sourceRoot":"","sources":["../../../src/files/components/MoveDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAIrD,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiO1C,CAAC"}