@burdenoff/microfe-files 2026.525.2 → 2026.527.1

package/dist/files/components/ActionMenu.js

@@ -36,6 +36,7 @@ var u = ({ items: u, triggerClassName: d = "", menuClassName: f = "", align: p =
 		e.onClick(), w(!1);
 	};
 	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("button", {
+		type: "button",
 		ref: x,
 		onClick: (e) => {
 			e.stopPropagation(), w(!C);
@@ -55,6 +56,7 @@ var u = ({ items: u, triggerClassName: d = "", menuClassName: f = "", align: p =
 		},
 		role: "menu",
 		children: u.map((e, t) => /* @__PURE__ */ s("div", { children: [e.divider && t > 0 && /* @__PURE__ */ o("div", { className: "h-px bg-border-subtle my-1" }), /* @__PURE__ */ s("button", {
+			type: "button",
 			onClick: (t) => {
 				t.stopPropagation(), T(e);
 			},
@@ -64,7 +66,7 @@ var u = ({ items: u, triggerClassName: d = "", menuClassName: f = "", align: p =
 				className: "flex-shrink-0",
 				children: e.icon
 			}), /* @__PURE__ */ o("span", { children: e.label })]
-		})] }, t))
+		})] }, e.label))
 	}), document.body)] });
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","names":[],"sources":["../../../src/files/components/ActionMenu.tsx"],"sourcesContent":["import { type FC, useState, useRef, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { MoreVertical } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport interface ActionMenuItem {\n  label: string;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  variant?: \"default\" | \"danger\";\n  divider?: boolean;\n}\n\ninterface ActionMenuProps {\n  items: ActionMenuItem[];\n  triggerClassName?: string;\n  menuClassName?: string;\n  align?: \"left\" | \"right\";\n  isOpen?: boolean;\n  onToggle?: (open: boolean) => void;\n}\n\nexport const ActionMenu: FC<ActionMenuProps> = ({\n  items,\n  triggerClassName = \"\",\n  menuClassName = \"\",\n  align = \"right\",\n  isOpen: controlledIsOpen,\n  onToggle,\n}) => {\n  const { t } = useI18n();\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Use controlled state if provided, otherwise use internal state\n  const isOpen =\n    controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n  const setIsOpen = (open: boolean) => {\n    if (onToggle) {\n      onToggle(open);\n    } else {\n      setInternalIsOpen(open);\n    }\n  };\n\n  // Calculate menu position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const menuWidth = 200; // Approximate menu width\n\n      let left = align === \"right\" ? rect.right - menuWidth : rect.left;\n\n      // Ensure menu doesn't go off-screen\n      if (left < 10) left = 10;\n      if (left + menuWidth > window.innerWidth - 10) {\n        left = window.innerWidth - menuWidth - 10;\n      }\n\n      setMenuPosition({\n        top: rect.bottom + 4, // 4px gap below button\n        left: left,\n      });\n    }\n  }, [isOpen, align]);\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [isOpen]);\n\n  // Close menu on Escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }\n  }, [isOpen]);\n\n  const handleItemClick = (item: ActionMenuItem) => {\n    item.onClick();\n    setIsOpen(false);\n  };\n\n  // Render menu dropdown\n  const renderMenu = () => {\n    if (!isOpen || !menuPosition) return null;\n\n    return createPortal(\n      <div\n        ref={menuRef}\n        className={`fixed z-[9999] min-w-[200px] bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 duration-150 ${menuClassName}`}\n        style={{\n          top: `${menuPosition.top}px`,\n          left: `${menuPosition.left}px`,\n        }}\n        role=\"menu\"\n      >\n        {items.map((item, index) => (\n          <div key={index}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                handleItemClick(item);\n              }}\n              className={`w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${\n                item.variant === \"danger\"\n                  ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                  : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n              }`}\n              role=\"menuitem\"\n            >\n              {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n              <span>{item.label}</span>\n            </button>\n          </div>\n        ))}\n      </div>,\n      document.body,\n    );\n  };\n\n  return (\n    <>\n      <button\n        ref={buttonRef}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        className={`p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${triggerClassName}`}\n        aria-label={tWithFallback(\n          t,\n          \"files.actionMenu.moreActions\",\n          \"More actions\",\n        )}\n        title={tWithFallback(t, \"files.actionMenu.moreActions\", \"More actions\")}\n        aria-expanded={isOpen}\n        aria-haspopup=\"true\"\n      >\n        <MoreVertical className=\"size-4 text-text-primary\" />\n      </button>\n      {renderMenu()}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,IAAa,KAAmC,EAC9C,UACA,sBAAmB,IACnB,mBAAgB,IAChB,WAAQ,SACR,QAAQ,GACR,kBACI;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,CAAC,GAAc,KAAmB,EAG9B,KAAK,EACT,IAAY,EAA0B,KAAK,EAC3C,IAAU,EAAuB,KAAK,EAGtC,IACJ,MAAqB,KAAA,IAA+B,IAAnB,GAC7B,KAAa,MAAkB;AACnC,EAAI,IACF,EAAS,EAAK,GAEd,EAAkB,EAAK;;AA0C3B,CArCA,QAAgB;AACd,MAAI,KAAU,EAAU,SAAS;GAC/B,IAAM,IAAO,EAAU,QAAQ,uBAAuB,EAGlD,IAAO,MAAU,UAAU,EAAK,QAAQ,MAAY,EAAK;AAQ7D,GALI,IAAO,OAAI,IAAO,KAClB,IAAO,MAAY,OAAO,aAAa,OACzC,IAAO,OAAO,aAAa,MAAY,KAGzC,EAAgB;IACd,KAAK,EAAK,SAAS;IACb;IACP,CAAC;;IAEH,CAAC,GAAQ,EAAM,CAAC,EAGnB,QAAgB;EACd,IAAM,KAAsB,MAAsB;AAChD,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,OAAe,IACpE,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,aAAa,EAAmB,QAC7C;AACX,YAAS,oBAAoB,aAAa,EAAmB;;IAGhE,CAAC,EAAO,CAAC,EAGZ,QAAgB;EACd,IAAM,KAAgB,MAAyB;AAC7C,GAAI,EAAM,QAAQ,YAChB,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,WAAW,EAAa,QACrC;AACX,YAAS,oBAAoB,WAAW,EAAa;;IAGxD,CAAC,EAAO,CAAC;CAEZ,IAAM,KAAmB,MAAyB;AAEhD,EADA,EAAK,SAAS,EACd,EAAU,GAAM;;AA4ClB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,KAAK;EACL,UAAU,MAAM;AAEd,GADA,EAAE,iBAAiB,EACnB,EAAU,CAAC,EAAO;;EAEpB,WAAW,kEAAkE;EAC7E,cAAY,EACV,GACA,gCACA,eACD;EACD,OAAO,EAAc,GAAG,gCAAgC,eAAe;EACvE,iBAAe;EACf,iBAAc;YAEd,kBAAC,GAAD,EAAc,WAAU,4BAA6B,CAAA;EAC9C,CAAA,EA1DP,CAAC,KAAU,CAAC,IAAqB,OAE9B,EACL,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,mJAAmJ;EAC9J,OAAO;GACL,KAAK,GAAG,EAAa,IAAI;GACzB,MAAM,GAAG,EAAa,KAAK;GAC5B;EACD,MAAK;YAEJ,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD,EAAA,UAAA,CACG,EAAK,WAAW,IAAQ,KACvB,kBAAC,OAAD,EAAK,WAAU,8BAA+B,CAAA,EAEhD,kBAAC,UAAD;GACE,UAAU,MAAM;AAEd,IADA,EAAE,iBAAiB,EACnB,EAAgB,EAAK;;GAEvB,WAAW,gFACT,EAAK,YAAY,WACb,2DACA;GAEN,MAAK;aAVP,CAYG,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;cAAiB,EAAK;IAAY,CAAA,EAChE,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CAClB;KACL,EAAA,EAnBI,EAmBJ,CACN;EACE,CAAA,EACN,SAAS,KACV,CAwBE,EAAA,CAAA"}
+{"version":3,"file":"ActionMenu.js","names":[],"sources":["../../../src/files/components/ActionMenu.tsx"],"sourcesContent":["import { type FC, useState, useRef, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { MoreVertical } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport interface ActionMenuItem {\n  label: string;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  variant?: \"default\" | \"danger\";\n  divider?: boolean;\n}\n\ninterface ActionMenuProps {\n  items: ActionMenuItem[];\n  triggerClassName?: string;\n  menuClassName?: string;\n  align?: \"left\" | \"right\";\n  isOpen?: boolean;\n  onToggle?: (open: boolean) => void;\n}\n\nexport const ActionMenu: FC<ActionMenuProps> = ({\n  items,\n  triggerClassName = \"\",\n  menuClassName = \"\",\n  align = \"right\",\n  isOpen: controlledIsOpen,\n  onToggle,\n}) => {\n  const { t } = useI18n();\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Use controlled state if provided, otherwise use internal state\n  const isOpen =\n    controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n  const setIsOpen = (open: boolean) => {\n    if (onToggle) {\n      onToggle(open);\n    } else {\n      setInternalIsOpen(open);\n    }\n  };\n\n  // Calculate menu position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const menuWidth = 200; // Approximate menu width\n\n      let left = align === \"right\" ? rect.right - menuWidth : rect.left;\n\n      // Ensure menu doesn't go off-screen\n      if (left < 10) left = 10;\n      if (left + menuWidth > window.innerWidth - 10) {\n        left = window.innerWidth - menuWidth - 10;\n      }\n\n      setMenuPosition({\n        top: rect.bottom + 4, // 4px gap below button\n        left: left,\n      });\n    }\n  }, [isOpen, align]);\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [isOpen]);\n\n  // Close menu on Escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }\n  }, [isOpen]);\n\n  const handleItemClick = (item: ActionMenuItem) => {\n    item.onClick();\n    setIsOpen(false);\n  };\n\n  // Render menu dropdown\n  const renderMenu = () => {\n    if (!isOpen || !menuPosition) return null;\n\n    return createPortal(\n      <div\n        ref={menuRef}\n        className={`fixed z-[9999] min-w-[200px] bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 duration-150 ${menuClassName}`}\n        style={{\n          top: `${menuPosition.top}px`,\n          left: `${menuPosition.left}px`,\n        }}\n        role=\"menu\"\n      >\n        {items.map((item, index) => (\n          <div key={item.label}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                handleItemClick(item);\n              }}\n              className={`w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${\n                item.variant === \"danger\"\n                  ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                  : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n              }`}\n              role=\"menuitem\"\n            >\n              {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n              <span>{item.label}</span>\n            </button>\n          </div>\n        ))}\n      </div>,\n      document.body,\n    );\n  };\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={buttonRef}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        className={`p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${triggerClassName}`}\n        aria-label={tWithFallback(\n          t,\n          \"files.actionMenu.moreActions\",\n          \"More actions\",\n        )}\n        title={tWithFallback(t, \"files.actionMenu.moreActions\", \"More actions\")}\n        aria-expanded={isOpen}\n        aria-haspopup=\"true\"\n      >\n        <MoreVertical className=\"size-4 text-text-primary\" />\n      </button>\n      {renderMenu()}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,IAAa,KAAmC,EAC9C,UACA,sBAAmB,IACnB,mBAAgB,IAChB,WAAQ,SACR,QAAQ,GACR,kBACI;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,CAAC,GAAc,KAAmB,EAG9B,KAAK,EACT,IAAY,EAA0B,KAAK,EAC3C,IAAU,EAAuB,KAAK,EAGtC,IACJ,MAAqB,KAAA,IAA+B,IAAnB,GAC7B,KAAa,MAAkB;AACnC,EAAI,IACF,EAAS,EAAK,GAEd,EAAkB,EAAK;;AA0C3B,CArCA,QAAgB;AACd,MAAI,KAAU,EAAU,SAAS;GAC/B,IAAM,IAAO,EAAU,QAAQ,uBAAuB,EAGlD,IAAO,MAAU,UAAU,EAAK,QAAQ,MAAY,EAAK;AAQ7D,GALI,IAAO,OAAI,IAAO,KAClB,IAAO,MAAY,OAAO,aAAa,OACzC,IAAO,OAAO,aAAa,MAAY,KAGzC,EAAgB;IACd,KAAK,EAAK,SAAS;IACb;IACP,CAAC;;IAEH,CAAC,GAAQ,EAAM,CAAC,EAGnB,QAAgB;EACd,IAAM,KAAsB,MAAsB;AAChD,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,OAAe,IACpE,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,aAAa,EAAmB,QAC7C;AACX,YAAS,oBAAoB,aAAa,EAAmB;;IAGhE,CAAC,EAAO,CAAC,EAGZ,QAAgB;EACd,IAAM,KAAgB,MAAyB;AAC7C,GAAI,EAAM,QAAQ,YAChB,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,WAAW,EAAa,QACrC;AACX,YAAS,oBAAoB,WAAW,EAAa;;IAGxD,CAAC,EAAO,CAAC;CAEZ,IAAM,KAAmB,MAAyB;AAEhD,EADA,EAAK,SAAS,EACd,EAAU,GAAM;;AA6ClB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,MAAK;EACL,KAAK;EACL,UAAU,MAAM;AAEd,GADA,EAAE,iBAAiB,EACnB,EAAU,CAAC,EAAO;;EAEpB,WAAW,kEAAkE;EAC7E,cAAY,EACV,GACA,gCACA,eACD;EACD,OAAO,EAAc,GAAG,gCAAgC,eAAe;EACvE,iBAAe;EACf,iBAAc;YAEd,kBAAC,GAAD,EAAc,WAAU,4BAA6B,CAAA;EAC9C,CAAA,EA5DP,CAAC,KAAU,CAAC,IAAqB,OAE9B,EACL,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,mJAAmJ;EAC9J,OAAO;GACL,KAAK,GAAG,EAAa,IAAI;GACzB,MAAM,GAAG,EAAa,KAAK;GAC5B;EACD,MAAK;YAEJ,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD,EAAA,UAAA,CACG,EAAK,WAAW,IAAQ,KACvB,kBAAC,OAAD,EAAK,WAAU,8BAA+B,CAAA,EAEhD,kBAAC,UAAD;GACE,MAAK;GACL,UAAU,MAAM;AAEd,IADA,EAAE,iBAAiB,EACnB,EAAgB,EAAK;;GAEvB,WAAW,gFACT,EAAK,YAAY,WACb,2DACA;GAEN,MAAK;aAXP,CAaG,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;cAAiB,EAAK;IAAY,CAAA,EAChE,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CAClB;KACL,EAAA,EApBI,EAAK,MAoBT,CACN;EACE,CAAA,EACN,SAAS,KACV,CAyBE,EAAA,CAAA"}

package/dist/files/components/ContextMenu.js

@@ -1,29 +1,28 @@
-import { tWithFallback as e } from "../utils/i18n.js";
-import { useEffect as t, useRef as n } from "react";
-import { Clock as r, Copy as i, Download as a, Edit3 as o, FolderInput as s, Info as c, RotateCcw as l, Share2 as u, Star as d, Trash2 as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useEffect as e, useRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/files/components/ContextMenu.tsx
-function h({ x: e, y: r, onClose: i, items: a }) {
-	let o = n(null);
-	return t(() => {
+function i({ x: i, y: a, onClose: o, items: s }) {
+	let c = t(null);
+	return e(() => {
 		let e = (e) => {
-			o.current && !o.current.contains(e.target) && i();
+			c.current && !c.current.contains(e.target) && o();
 		}, t = (e) => {
-			e.key === "Escape" && i();
+			e.key === "Escape" && o();
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [i]), /* @__PURE__ */ p("div", {
-		ref: o,
+	}, [o]), /* @__PURE__ */ n("div", {
+		ref: c,
 		className: "fixed bg-bg-elevated rounded-lg shadow-xl border border-border-default py-1 min-w-48 z-50 animate-in fade-in-0 zoom-in-95 duration-150",
 		style: {
-			left: `${e}px`,
-			top: `${r}px`
+			left: `${i}px`,
+			top: `${a}px`
 		},
-		children: a.map((e, t) => /* @__PURE__ */ m("button", {
+		children: s.map((e) => /* @__PURE__ */ r("button", {
+			type: "button",
 			onClick: () => {
-				e.onClick(), i();
+				e.onClick(), o();
 			},
 			disabled: e.disabled,
 			className: `
@@ -32,105 +31,10 @@ function h({ x: e, y: r, onClose: i, items: a }) {
             ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
           `,
 			children: [e.icon, e.label]
-		}, t))
+		}, e.label))
 	});
 }
-function g(t, n) {
-	return [
-		...t.onShare ? [{
-			label: e(n, "files.contextMenu.share", "Share"),
-			icon: /* @__PURE__ */ p(u, { className: "size-4" }),
-			onClick: t.onShare
-		}] : [],
-		...t.onDownload ? [{
-			label: e(n, "files.contextMenu.download", "Download"),
-			icon: /* @__PURE__ */ p(a, { className: "size-4" }),
-			onClick: t.onDownload
-		}] : [],
-		...t.onCopy ? [{
-			label: e(n, "files.contextMenu.makeCopy", "Make a copy"),
-			icon: /* @__PURE__ */ p(i, { className: "size-4" }),
-			onClick: t.onCopy
-		}] : [],
-		...t.onRename ? [{
-			label: e(n, "files.contextMenu.rename", "Rename"),
-			icon: /* @__PURE__ */ p(o, { className: "size-4" }),
-			onClick: t.onRename
-		}] : [],
-		...t.onStar ? [{
-			label: t.isStarred ? e(n, "files.contextMenu.removeStar", "Remove star") : e(n, "files.contextMenu.addToStarred", "Add to starred"),
-			icon: /* @__PURE__ */ p(d, { className: "size-4" }),
-			onClick: t.onStar
-		}] : [],
-		...t.onMove ? [{
-			label: e(n, "files.contextMenu.moveTo", "Move to"),
-			icon: /* @__PURE__ */ p(s, { className: "size-4" }),
-			onClick: t.onMove
-		}] : [],
-		...t.onInfo ? [{
-			label: e(n, "files.contextMenu.fileInfo", "File information"),
-			icon: /* @__PURE__ */ p(c, { className: "size-4" }),
-			onClick: t.onInfo
-		}] : [],
-		...t.onActivity ? [{
-			label: e(n, "files.contextMenu.activity", "Activity"),
-			icon: /* @__PURE__ */ p(r, { className: "size-4" }),
-			onClick: t.onActivity
-		}] : [],
-		...t.onRestore ? [{
-			label: e(n, "files.contextMenu.restore", "Restore"),
-			icon: /* @__PURE__ */ p(l, { className: "size-4" }),
-			onClick: t.onRestore
-		}] : [],
-		...t.onDelete ? [{
-			label: e(n, "files.contextMenu.delete", "Delete"),
-			icon: /* @__PURE__ */ p(f, { className: "size-4" }),
-			onClick: t.onDelete,
-			variant: "danger"
-		}] : []
-	];
-}
-function _(t, n) {
-	return [
-		...t.onShare ? [{
-			label: e(n, "files.contextMenu.share", "Share"),
-			icon: /* @__PURE__ */ p(u, { className: "size-4" }),
-			onClick: t.onShare
-		}] : [],
-		...t.onRename ? [{
-			label: e(n, "files.contextMenu.rename", "Rename"),
-			icon: /* @__PURE__ */ p(o, { className: "size-4" }),
-			onClick: t.onRename
-		}] : [],
-		...t.onStar ? [{
-			label: t.isStarred ? e(n, "files.contextMenu.removeStar", "Remove star") : e(n, "files.contextMenu.addToStarred", "Add to starred"),
-			icon: /* @__PURE__ */ p(d, { className: "size-4" }),
-			onClick: t.onStar
-		}] : [],
-		...t.onMove ? [{
-			label: e(n, "files.contextMenu.moveTo", "Move to"),
-			icon: /* @__PURE__ */ p(s, { className: "size-4" }),
-			onClick: t.onMove
-		}] : [],
-		...t.onInfo ? [{
-			label: e(n, "files.contextMenu.folderInfo", "Folder information"),
-			icon: /* @__PURE__ */ p(c, { className: "size-4" }),
-			onClick: t.onInfo
-		}] : [],
-		...t.onRestore ? [{
-			label: e(n, "files.contextMenu.restore", "Restore"),
-			icon: /* @__PURE__ */ p(l, { className: "size-4" }),
-			onClick: t.onRestore
-		}] : [],
-		...t.onDelete ? [{
-			label: e(n, "files.contextMenu.delete", "Delete"),
-			icon: /* @__PURE__ */ p(f, { className: "size-4" }),
-			onClick: t.onDelete,
-			variant: "danger"
-		}] : []
-	];
-}
 //#endregion
-export { h as ContextMenu, g as createFileMenuItems, _ as createFolderMenuItems };
+export { i as ContextMenu };
 
 //# sourceMappingURL=ContextMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/files/components/ContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport {\n  Share2,\n  Download,\n  Copy,\n  Trash2,\n  Edit3,\n  Star,\n  FolderInput,\n  Info,\n  Clock,\n  RotateCcw,\n} from \"lucide-react\";\nimport type { I18nContextValue } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface ContextMenuProps {\n  x: number;\n  y: number;\n  onClose: () => void;\n  items: {\n    label: string;\n    icon: React.ReactNode;\n    onClick: () => void;\n    variant?: \"default\" | \"danger\";\n    disabled?: boolean;\n  }[];\n}\n\nexport function ContextMenu({ x, y, onClose, items }: ContextMenuProps) {\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      ref={menuRef}\n      className=\"fixed bg-bg-elevated rounded-lg shadow-xl border border-border-default py-1 min-w-48 z-50 animate-in fade-in-0 zoom-in-95 duration-150\"\n      style={{\n        left: `${x}px`,\n        top: `${y}px`,\n      }}\n    >\n      {items.map((item, index) => (\n        <button\n          key={index}\n          onClick={() => {\n            item.onClick();\n            onClose();\n          }}\n          disabled={item.disabled}\n          className={`\n            w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 text-left\n            ${\n              item.variant === \"danger\"\n                ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n            }\n            ${item.disabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\"}\n          `}\n        >\n          {item.icon}\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n// Helper to create menu items\nexport function createFileMenuItems(\n  options: {\n    onShare?: () => void;\n    onDownload?: () => void;\n    onCopy?: () => void;\n    onRename?: () => void;\n    onStar?: () => void;\n    onMove?: () => void;\n    onInfo?: () => void;\n    onActivity?: () => void;\n    onRestore?: () => void;\n    onDelete?: () => void;\n    isStarred?: boolean;\n  },\n  t: I18nContextValue[\"t\"],\n) {\n  return [\n    ...(options.onShare\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.share\", \"Share\"),\n            icon: <Share2 className=\"size-4\" />,\n            onClick: options.onShare,\n          },\n        ]\n      : []),\n    ...(options.onDownload\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.download\", \"Download\"),\n            icon: <Download className=\"size-4\" />,\n            onClick: options.onDownload,\n          },\n        ]\n      : []),\n    ...(options.onCopy\n      ? [\n          {\n            label: tWithFallback(\n              t,\n              \"files.contextMenu.makeCopy\",\n              \"Make a copy\",\n            ),\n            icon: <Copy className=\"size-4\" />,\n            onClick: options.onCopy,\n          },\n        ]\n      : []),\n    ...(options.onRename\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.rename\", \"Rename\"),\n            icon: <Edit3 className=\"size-4\" />,\n            onClick: options.onRename,\n          },\n        ]\n      : []),\n    ...(options.onStar\n      ? [\n          {\n            label: options.isStarred\n              ? tWithFallback(t, \"files.contextMenu.removeStar\", \"Remove star\")\n              : tWithFallback(\n                  t,\n                  \"files.contextMenu.addToStarred\",\n                  \"Add to starred\",\n                ),\n            icon: <Star className=\"size-4\" />,\n            onClick: options.onStar,\n          },\n        ]\n      : []),\n    ...(options.onMove\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.moveTo\", \"Move to\"),\n            icon: <FolderInput className=\"size-4\" />,\n            onClick: options.onMove,\n          },\n        ]\n      : []),\n    ...(options.onInfo\n      ? [\n          {\n            label: tWithFallback(\n              t,\n              \"files.contextMenu.fileInfo\",\n              \"File information\",\n            ),\n            icon: <Info className=\"size-4\" />,\n            onClick: options.onInfo,\n          },\n        ]\n      : []),\n    ...(options.onActivity\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.activity\", \"Activity\"),\n            icon: <Clock className=\"size-4\" />,\n            onClick: options.onActivity,\n          },\n        ]\n      : []),\n    ...(options.onRestore\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.restore\", \"Restore\"),\n            icon: <RotateCcw className=\"size-4\" />,\n            onClick: options.onRestore,\n          },\n        ]\n      : []),\n    ...(options.onDelete\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.delete\", \"Delete\"),\n            icon: <Trash2 className=\"size-4\" />,\n            onClick: options.onDelete,\n            variant: \"danger\" as const,\n          },\n        ]\n      : []),\n  ];\n}\n\nexport function createFolderMenuItems(\n  options: {\n    onShare?: () => void;\n    onRename?: () => void;\n    onStar?: () => void;\n    onMove?: () => void;\n    onInfo?: () => void;\n    onRestore?: () => void;\n    onDelete?: () => void;\n    isStarred?: boolean;\n  },\n  t: I18nContextValue[\"t\"],\n) {\n  return [\n    ...(options.onShare\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.share\", \"Share\"),\n            icon: <Share2 className=\"size-4\" />,\n            onClick: options.onShare,\n          },\n        ]\n      : []),\n    ...(options.onRename\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.rename\", \"Rename\"),\n            icon: <Edit3 className=\"size-4\" />,\n            onClick: options.onRename,\n          },\n        ]\n      : []),\n    ...(options.onStar\n      ? [\n          {\n            label: options.isStarred\n              ? tWithFallback(t, \"files.contextMenu.removeStar\", \"Remove star\")\n              : tWithFallback(\n                  t,\n                  \"files.contextMenu.addToStarred\",\n                  \"Add to starred\",\n                ),\n            icon: <Star className=\"size-4\" />,\n            onClick: options.onStar,\n          },\n        ]\n      : []),\n    ...(options.onMove\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.moveTo\", \"Move to\"),\n            icon: <FolderInput className=\"size-4\" />,\n            onClick: options.onMove,\n          },\n        ]\n      : []),\n    ...(options.onInfo\n      ? [\n          {\n            label: tWithFallback(\n              t,\n              \"files.contextMenu.folderInfo\",\n              \"Folder information\",\n            ),\n            icon: <Info className=\"size-4\" />,\n            onClick: options.onInfo,\n          },\n        ]\n      : []),\n    ...(options.onRestore\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.restore\", \"Restore\"),\n            icon: <RotateCcw className=\"size-4\" />,\n            onClick: options.onRestore,\n          },\n        ]\n      : []),\n    ...(options.onDelete\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.delete\", \"Delete\"),\n            icon: <Trash2 className=\"size-4\" />,\n            onClick: options.onDelete,\n            variant: \"danger\" as const,\n          },\n        ]\n      : []),\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/files/components/ContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\ninterface ContextMenuProps {\n  x: number;\n  y: number;\n  onClose: () => void;\n  items: {\n    label: string;\n    icon: React.ReactNode;\n    onClick: () => void;\n    variant?: \"default\" | \"danger\";\n    disabled?: boolean;\n  }[];\n}\n\nexport function ContextMenu({ x, y, onClose, items }: ContextMenuProps) {\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      ref={menuRef}\n      className=\"fixed bg-bg-elevated rounded-lg shadow-xl border border-border-default py-1 min-w-48 z-50 animate-in fade-in-0 zoom-in-95 duration-150\"\n      style={{\n        left: `${x}px`,\n        top: `${y}px`,\n      }}\n    >\n      {items.map((item) => (\n        <button\n          type=\"button\"\n          key={item.label}\n          onClick={() => {\n            item.onClick();\n            onClose();\n          }}\n          disabled={item.disabled}\n          className={`\n            w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 text-left\n            ${\n              item.variant === \"danger\"\n                ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n            }\n            ${item.disabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\"}\n          `}\n        >\n          {item.icon}\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;AAeA,SAAgB,EAAY,EAAE,MAAG,MAAG,YAAS,YAA2B;CACtE,IAAM,IAAU,EAAuB,KAAK;AAwB5C,QAtBA,QAAgB;EACd,IAAM,KAAsB,MAAsB;AAChD,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,OAAe,IACpE,GAAS;KAIP,KAAgB,MAAyB;AAC7C,GAAI,EAAM,QAAQ,YAChB,GAAS;;AAOb,SAHA,SAAS,iBAAiB,aAAa,EAAmB,EAC1D,SAAS,iBAAiB,WAAW,EAAa,QAErC;AAEX,GADA,SAAS,oBAAoB,aAAa,EAAmB,EAC7D,SAAS,oBAAoB,WAAW,EAAa;;IAEtD,CAAC,EAAQ,CAAC,EAGX,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,OAAO;GACL,MAAM,GAAG,EAAE;GACX,KAAK,GAAG,EAAE;GACX;YAEA,EAAM,KAAK,MACV,kBAAC,UAAD;GACE,MAAK;GAEL,eAAe;AAEb,IADA,EAAK,SAAS,EACd,GAAS;;GAEX,UAAU,EAAK;GACf,WAAW;;cAGP,EAAK,YAAY,WACb,2DACA,mDACL;cACC,EAAK,WAAW,kCAAkC,iBAAiB;;aAfzE,CAkBG,EAAK,MACL,EAAK,MACC;KAlBF,EAAK,MAkBH,CACT;EACE,CAAA"}

package/dist/files/components/CopyDialog.js

@@ -38,6 +38,7 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 							"\""
 						]
 					}), /* @__PURE__ */ c("button", {
+						type: "button",
 						onClick: p,
 						className: "p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
 						"aria-label": e(g, "files.copyDialog.close", "Close copy dialog"),
@@ -62,12 +63,14 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 					children: /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2 text-sm overflow-x-auto",
 						children: [/* @__PURE__ */ l("button", {
+							type: "button",
 							onClick: () => k(-1),
 							className: "flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
 							children: [/* @__PURE__ */ c(a, { className: "size-4" }), /* @__PURE__ */ c("span", { children: e(g, "files.copyDialog.myDrive", "My Drive") })]
 						}), y.map((e, t) => /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2 whitespace-nowrap",
 							children: [/* @__PURE__ */ c(r, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ c("button", {
+								type: "button",
 								onClick: () => k(t),
 								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${t === y.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
 								children: e.name
@@ -89,6 +92,7 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 					}) : /* @__PURE__ */ l("div", {
 						className: "space-y-1",
 						children: [/* @__PURE__ */ l("button", {
+							type: "button",
 							onClick: () => S(_),
 							className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${x === _ ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
 							children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link" }), /* @__PURE__ */ c("span", {
@@ -98,6 +102,7 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 						}), D.map((t) => /* @__PURE__ */ l("div", {
 							className: `flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${x === t.id ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
 							children: [/* @__PURE__ */ l("button", {
+								type: "button",
 								onClick: () => S(t.id),
 								className: "flex items-center gap-3 flex-1 min-w-0",
 								children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link flex-shrink-0" }), /* @__PURE__ */ c("span", {
@@ -105,6 +110,7 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 									children: t.name
 								})]
 							}), /* @__PURE__ */ c("button", {
+								type: "button",
 								onClick: () => O(t),
 								className: "p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0",
 								title: e(g, "files.copyDialog.openFolder", "Open folder"),
@@ -117,10 +123,12 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 				/* @__PURE__ */ l("div", {
 					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default",
 					children: [/* @__PURE__ */ c("button", {
+						type: "button",
 						onClick: p,
 						className: "px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
 						children: e(g, "files.common.actions.cancel", "Cancel")
 					}), /* @__PURE__ */ l("button", {
+						type: "button",
 						onClick: async () => {
 							await m(x, C.trim() || void 0), p();
 						},

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

@@ -1 +1 @@
-{"version":3,"file":"CopyDialog.js","names":[],"sources":["../../../src/files/components/CopyDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFoldersQuery } from \"../hooks/useFoldersQuery\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface CopyDialogProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n  onCopy: (\n    destinationFolderId: string | null,\n    newName?: string,\n  ) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport const CopyDialog: FC<CopyDialogProps> = ({\n  item,\n  type,\n  onClose,\n  onCopy,\n  isLoading = false,\n}) => {\n  const { t } = useI18n();\n  const [currentFolderId, setCurrentFolderId] = useState<string | null>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<\n    Array<{ id: string; name: string }>\n  >([]);\n  const [selectedDestination, setSelectedDestination] = useState<string | null>(\n    null,\n  );\n  const [newName, setNewName] = useState(\n    `${tWithFallback(t, \"files.copyDialog.copyOf\", \"Copy of\")} ${item.name}`,\n  );\n\n  // Fetch folders in current location\n  const { data, loading: loadingFolders } = useFoldersQuery(\n    currentFolderId || undefined,\n  );\n  const folders = (data?.getFolders?.folders || []) as FolderItem[];\n\n  const handleFolderClick = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      // Go to root\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n    }\n  };\n\n  const handleCopy = async () => {\n    await onCopy(selectedDestination, newName.trim() || undefined);\n    onClose();\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(t, \"files.copyDialog.title\", \"Copy\")}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.copyDialog.makeCopyOf\", \"Make a copy of\")}{\" \"}\n            \"{item.name}\"\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.copyDialog.close\",\n              \"Close copy dialog\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Name input */}\n        <div className=\"px-6 py-4 border-b border-border-default\">\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n          </label>\n          <input\n            type=\"text\"\n            value={newName}\n            onChange={(e) => setNewName(e.target.value)}\n            className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border text-sm transition-colors duration-200\"\n            placeholder={tWithFallback(\n              t,\n              \"files.copyDialog.enterName\",\n              \"Enter name for the copy\",\n            )}\n          />\n        </div>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-muted\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              onClick={() => handleBreadcrumbClick(-1)}\n              className=\"flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap\"\n            >\n              <Home className=\"size-4\" />\n              <span>\n                {tWithFallback(t, \"files.copyDialog.myDrive\", \"My Drive\")}\n              </span>\n            </button>\n            {breadcrumbs.map((crumb, index) => (\n              <div\n                key={crumb.id}\n                className=\"flex items-center gap-2 whitespace-nowrap\"\n              >\n                <ChevronRight className=\"size-4 text-text-tertiary\" />\n                <button\n                  onClick={() => handleBreadcrumbClick(index)}\n                  className={`hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${\n                    index === breadcrumbs.length - 1\n                      ? \"text-text-primary font-medium\"\n                      : \"text-text-secondary\"\n                  }`}\n                >\n                  {crumb.name}\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Folder list */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n          {loadingFolders ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"size-6 text-text-tertiary animate-spin\" />\n            </div>\n          ) : folders.length === 0 ? (\n            <div className=\"text-center py-8\">\n              <Folder className=\"size-12 text-text-tertiary mx-auto mb-3\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  \"files.copyDialog.noFolders\",\n                  \"No folders here\",\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to copy to current folder */}\n              <button\n                onClick={() => setSelectedDestination(currentFolderId)}\n                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${\n                  selectedDestination === currentFolderId\n                    ? \"bg-bg-accent border-2 border-action-primary-border\"\n                    : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                }`}\n              >\n                <Folder className=\"size-5 text-text-link\" />\n                <span className=\"font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.copyDialog.copyHere\", \"Copy here\")}\n                </span>\n              </button>\n\n              {/* List of subfolders */}\n              {folders.map((folder) => (\n                <div\n                  key={folder.id}\n                  className={`flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${\n                    selectedDestination === folder.id\n                      ? \"bg-bg-accent border-2 border-action-primary-border\"\n                      : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                  }`}\n                >\n                  <button\n                    onClick={() => setSelectedDestination(folder.id)}\n                    className=\"flex items-center gap-3 flex-1 min-w-0\"\n                  >\n                    <Folder className=\"size-5 text-text-link flex-shrink-0\" />\n                    <span className=\"font-medium text-text-primary truncate\">\n                      {folder.name}\n                    </span>\n                  </button>\n                  <button\n                    onClick={() => handleFolderClick(folder)}\n                    className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0\"\n                    title={tWithFallback(\n                      t,\n                      \"files.copyDialog.openFolder\",\n                      \"Open folder\",\n                    )}\n                    aria-label={`Open ${folder.name}`}\n                  >\n                    <ChevronRight className=\"size-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default\">\n          <button\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n          >\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </button>\n          <button\n            onClick={handleCopy}\n            disabled={\n              isLoading || selectedDestination === undefined || !newName.trim()\n            }\n            className=\"px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2\"\n          >\n            {isLoading && <Loader2 className=\"size-4 animate-spin\" />}\n            {isLoading\n              ? tWithFallback(t, \"files.copyDialog.copying\", \"Copying...\")\n              : tWithFallback(t, \"files.copyDialog.copy\", \"Copy\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,IAAa,KAAmC,EAC9C,SACA,SACA,YACA,WACA,eAAY,SACR;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAiB,KAAsB,EAAwB,KAAK,EACrE,CAAC,GAAa,KAAkB,EAEpC,EAAE,CAAC,EACC,CAAC,GAAqB,KAA0B,EACpD,KACD,EACK,CAAC,GAAS,KAAc,EAC5B,GAAG,EAAc,GAAG,2BAA2B,UAAU,CAAC,GAAG,EAAK,OACnE,EAGK,EAAE,SAAM,SAAS,MAAmB,EACxC,KAAmB,KAAA,EACpB,EACK,IAAW,GAAM,YAAY,WAAW,EAAE,EAE1C,KAAqB,MAAuB;AAEhD,EADA,EAAmB,EAAO,GAAG,EAC7B,EAAe,CAAC,GAAG,GAAa;GAAE,IAAI,EAAO;GAAI,MAAM,EAAO;GAAM,CAAC,CAAC;IAGlE,KAAyB,MAAkB;AAC/C,MAAI,MAAU,GAGZ,CADA,EAAmB,KAAK,EACxB,EAAe,EAAE,CAAC;OACb;GACL,IAAM,IAAQ,EAAY;AAE1B,GADA,EAAmB,EAAM,GAAG,EAC5B,EAAe,EAAY,MAAM,GAAG,IAAQ,EAAE,CAAC;;;AASnD,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,cAAY,EAAc,GAAG,0BAA0B,OAAO;YAE9D,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACG,EAAc,GAAG,+BAA+B,iBAAiB;OAAE;OAAI;OACtE,EAAK;OAAK;OACT;SACL,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;MACV,cAAY,EACV,GACA,0BACA,oBACD;gBAED,kBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;MACjB,CAAA,CACL;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EAAc,GAAG,yBAAyB,OAAO;MAC5C,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAW,EAAE,OAAO,MAAM;MAC3C,WAAU;MACV,aAAa,EACX,GACA,8BACA,0BACD;MACD,CAAA,CACE;;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,eAAe,EAAsB,GAAG;OACxC,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAC3B,kBAAC,QAAD,EAAA,UACG,EAAc,GAAG,4BAA4B,WAAW,EACpD,CAAA,CACA;UACR,EAAY,KAAK,GAAO,MACvB,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAc,WAAU,6BAA8B,CAAA,EACtD,kBAAC,UAAD;QACE,eAAe,EAAsB,EAAM;QAC3C,WAAW,mFACT,MAAU,EAAY,SAAS,IAC3B,kCACA;kBAGL,EAAM;QACA,CAAA,CACL;SAdC,EAAM,GAcP,CACN,CACE;;KACF,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACZ,IACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAS,WAAU,0CAA2C,CAAA;MAC1D,CAAA,GACJ,EAAQ,WAAW,IACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,2CAA4C,CAAA,EAC9D,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,GACA,8BACA,kBACD;OACC,CAAA,CACA;UAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,UAAD;OACE,eAAe,EAAuB,EAAgB;OACtD,WAAW,+FACT,MAAwB,IACpB,uDACA;iBALR,CAQE,kBAAC,GAAD,EAAQ,WAAU,yBAA0B,CAAA,EAC5C,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAc,GAAG,6BAA6B,YAAY;QACtD,CAAA,CACA;UAGR,EAAQ,KAAK,MACZ,kBAAC,OAAD;OAEE,WAAW,8FACT,MAAwB,EAAO,KAC3B,uDACA;iBALR,CAQE,kBAAC,UAAD;QACE,eAAe,EAAuB,EAAO,GAAG;QAChD,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAQ,WAAU,uCAAwC,CAAA,EAC1D,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAO;SACH,CAAA,CACA;WACT,kBAAC,UAAD;QACE,eAAe,EAAkB,EAAO;QACxC,WAAU;QACV,OAAO,EACL,GACA,+BACA,cACD;QACD,cAAY,QAAQ,EAAO;kBAE3B,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;QAC5B,CAAA,CACL;SA5BC,EAAO,GA4BR,CACN,CACE;;KAEJ,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAET,EAAc,GAAG,+BAA+B,SAAS;MACnD,CAAA,EACT,kBAAC,UAAD;MACE,SAnKS,YAAY;AAE7B,OADA,MAAM,EAAO,GAAqB,EAAQ,MAAM,IAAI,KAAA,EAAU,EAC9D,GAAS;;MAkKD,UACE,KAAa,MAAwB,KAAA,KAAa,CAAC,EAAQ,MAAM;MAEnE,WAAU;gBALZ,CAOG,KAAa,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EACxD,IACG,EAAc,GAAG,4BAA4B,aAAa,GAC1D,EAAc,GAAG,yBAAyB,OAAO,CAC9C;QACL;;IACF;;EACF,CAAA"}
+{"version":3,"file":"CopyDialog.js","names":[],"sources":["../../../src/files/components/CopyDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFoldersQuery } from \"../hooks/useFoldersQuery\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface CopyDialogProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n  onCopy: (\n    destinationFolderId: string | null,\n    newName?: string,\n  ) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport const CopyDialog: FC<CopyDialogProps> = ({\n  item,\n  type,\n  onClose,\n  onCopy,\n  isLoading = false,\n}) => {\n  const { t } = useI18n();\n  const [currentFolderId, setCurrentFolderId] = useState<string | null>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<\n    Array<{ id: string; name: string }>\n  >([]);\n  const [selectedDestination, setSelectedDestination] = useState<string | null>(\n    null,\n  );\n  const [newName, setNewName] = useState(\n    `${tWithFallback(t, \"files.copyDialog.copyOf\", \"Copy of\")} ${item.name}`,\n  );\n\n  // Fetch folders in current location\n  const { data, loading: loadingFolders } = useFoldersQuery(\n    currentFolderId || undefined,\n  );\n  const folders = (data?.getFolders?.folders || []) as FolderItem[];\n\n  const handleFolderClick = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      // Go to root\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n    }\n  };\n\n  const handleCopy = async () => {\n    await onCopy(selectedDestination, newName.trim() || undefined);\n    onClose();\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(t, \"files.copyDialog.title\", \"Copy\")}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.copyDialog.makeCopyOf\", \"Make a copy of\")}{\" \"}\n            \"{item.name}\"\n          </h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.copyDialog.close\",\n              \"Close copy dialog\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Name input */}\n        <div className=\"px-6 py-4 border-b border-border-default\">\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n          </label>\n          <input\n            type=\"text\"\n            value={newName}\n            onChange={(e) => setNewName(e.target.value)}\n            className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border text-sm transition-colors duration-200\"\n            placeholder={tWithFallback(\n              t,\n              \"files.copyDialog.enterName\",\n              \"Enter name for the copy\",\n            )}\n          />\n        </div>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-muted\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              type=\"button\"\n              onClick={() => handleBreadcrumbClick(-1)}\n              className=\"flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap\"\n            >\n              <Home className=\"size-4\" />\n              <span>\n                {tWithFallback(t, \"files.copyDialog.myDrive\", \"My Drive\")}\n              </span>\n            </button>\n            {breadcrumbs.map((crumb, index) => (\n              <div\n                key={crumb.id}\n                className=\"flex items-center gap-2 whitespace-nowrap\"\n              >\n                <ChevronRight className=\"size-4 text-text-tertiary\" />\n                <button\n                  type=\"button\"\n                  onClick={() => handleBreadcrumbClick(index)}\n                  className={`hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${\n                    index === breadcrumbs.length - 1\n                      ? \"text-text-primary font-medium\"\n                      : \"text-text-secondary\"\n                  }`}\n                >\n                  {crumb.name}\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Folder list */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n          {loadingFolders ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"size-6 text-text-tertiary animate-spin\" />\n            </div>\n          ) : folders.length === 0 ? (\n            <div className=\"text-center py-8\">\n              <Folder className=\"size-12 text-text-tertiary mx-auto mb-3\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  \"files.copyDialog.noFolders\",\n                  \"No folders here\",\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to copy to current folder */}\n              <button\n                type=\"button\"\n                onClick={() => setSelectedDestination(currentFolderId)}\n                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${\n                  selectedDestination === currentFolderId\n                    ? \"bg-bg-accent border-2 border-action-primary-border\"\n                    : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                }`}\n              >\n                <Folder className=\"size-5 text-text-link\" />\n                <span className=\"font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.copyDialog.copyHere\", \"Copy here\")}\n                </span>\n              </button>\n\n              {/* List of subfolders */}\n              {folders.map((folder) => (\n                <div\n                  key={folder.id}\n                  className={`flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${\n                    selectedDestination === folder.id\n                      ? \"bg-bg-accent border-2 border-action-primary-border\"\n                      : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedDestination(folder.id)}\n                    className=\"flex items-center gap-3 flex-1 min-w-0\"\n                  >\n                    <Folder className=\"size-5 text-text-link flex-shrink-0\" />\n                    <span className=\"font-medium text-text-primary truncate\">\n                      {folder.name}\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleFolderClick(folder)}\n                    className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0\"\n                    title={tWithFallback(\n                      t,\n                      \"files.copyDialog.openFolder\",\n                      \"Open folder\",\n                    )}\n                    aria-label={`Open ${folder.name}`}\n                  >\n                    <ChevronRight className=\"size-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n          >\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            disabled={\n              isLoading || selectedDestination === undefined || !newName.trim()\n            }\n            className=\"px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2\"\n          >\n            {isLoading && <Loader2 className=\"size-4 animate-spin\" />}\n            {isLoading\n              ? tWithFallback(t, \"files.copyDialog.copying\", \"Copying...\")\n              : tWithFallback(t, \"files.copyDialog.copy\", \"Copy\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/EmptyState.js

@@ -48,10 +48,12 @@ function c({ type: c, onUpload: l, onNewFolder: u }) {
 			f.showActions && /* @__PURE__ */ o("div", {
 				className: "flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300 delay-200",
 				children: [u && /* @__PURE__ */ a("button", {
+					type: "button",
 					onClick: u,
 					className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover transition-all duration-200",
 					children: e(d, "files.empty.newFolder", "New Folder")
 				}), l && /* @__PURE__ */ a("button", {
+					type: "button",
 					onClick: l,
 					className: "px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-all duration-200",
 					children: e(d, "files.empty.uploadFiles", "Upload Files")

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/files/components/EmptyState.tsx"],"sourcesContent":["import { FolderOpen, Star, Trash2, Clock } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface EmptyStateProps {\n  type: \"all\" | \"recent\" | \"starred\" | \"bin\";\n  onUpload?: () => void;\n  onNewFolder?: () => void;\n}\n\nexport function EmptyState({ type, onUpload, onNewFolder }: EmptyStateProps) {\n  const { t } = useI18n();\n  const configs = {\n    all: {\n      icon: <FolderOpen className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(\n        t,\n        \"files.empty.all.title\",\n        \"No files or folders yet\",\n      ),\n      description: tWithFallback(\n        t,\n        \"files.empty.all.description\",\n        \"Upload files or create folders to get started\",\n      ),\n      showActions: true,\n    },\n    recent: {\n      icon: <Clock className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.recent.title\", \"No recent files\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.recent.description\",\n        \"Files you recently opened will appear here\",\n      ),\n      showActions: false,\n    },\n    starred: {\n      icon: <Star className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.starred.title\", \"No starred items\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.starred.description\",\n        \"Star files and folders to find them easily\",\n      ),\n      showActions: false,\n    },\n    bin: {\n      icon: <Trash2 className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.bin.title\", \"Bin is empty\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.bin.description\",\n        \"Deleted files and folders will appear here\",\n      ),\n      showActions: false,\n    },\n  };\n\n  const config = configs[type];\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 px-4 animate-in fade-in duration-500\">\n      <div className=\"mb-4 animate-in zoom-in duration-300 delay-100\">\n        {config.icon}\n      </div>\n      <h3 className=\"text-lg font-semibold text-text-primary mb-2\">\n        {config.title}\n      </h3>\n      <p className=\"text-sm text-text-secondary mb-6 text-center max-w-md\">\n        {config.description}\n      </p>\n\n      {config.showActions && (\n        <div className=\"flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300 delay-200\">\n          {onNewFolder && (\n            <button\n              onClick={onNewFolder}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover transition-all duration-200\"\n            >\n              {tWithFallback(t, \"files.empty.newFolder\", \"New Folder\")}\n            </button>\n          )}\n          {onUpload && (\n            <button\n              onClick={onUpload}\n              className=\"px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-all duration-200\"\n            >\n              {tWithFallback(t, \"files.empty.uploadFiles\", \"Upload Files\")}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAW,EAAE,SAAM,aAAU,kBAAgC;CAC3E,IAAM,EAAE,SAAM,GAAS,EAgDjB,IA/CU;EACd,KAAK;GACH,MAAM,kBAAC,GAAD,EAAY,WAAU,8BAA+B,CAAA;GAC3D,OAAO,EACL,GACA,yBACA,0BACD;GACD,aAAa,EACX,GACA,+BACA,gDACD;GACD,aAAa;GACd;EACD,QAAQ;GACN,MAAM,kBAAC,GAAD,EAAO,WAAU,8BAA+B,CAAA;GACtD,OAAO,EAAc,GAAG,4BAA4B,kBAAkB;GACtE,aAAa,EACX,GACA,kCACA,6CACD;GACD,aAAa;GACd;EACD,SAAS;GACP,MAAM,kBAAC,GAAD,EAAM,WAAU,8BAA+B,CAAA;GACrD,OAAO,EAAc,GAAG,6BAA6B,mBAAmB;GACxE,aAAa,EACX,GACA,mCACA,6CACD;GACD,aAAa;GACd;EACD,KAAK;GACH,MAAM,kBAAC,GAAD,EAAQ,WAAU,8BAA+B,CAAA;GACvD,OAAO,EAAc,GAAG,yBAAyB,eAAe;GAChE,aAAa,EACX,GACA,+BACA,6CACD;GACD,aAAa;GACd;EACF,CAEsB;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO;IACJ,CAAA;GACN,kBAAC,MAAD;IAAI,WAAU;cACX,EAAO;IACL,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAO;IACN,CAAA;GAEH,EAAO,eACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KACC,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAET,EAAc,GAAG,yBAAyB,aAAa;KACjD,CAAA,EAEV,KACC,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAET,EAAc,GAAG,2BAA2B,eAAe;KACrD,CAAA,CAEP;;GAEJ"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/files/components/EmptyState.tsx"],"sourcesContent":["import { FolderOpen, Star, Trash2, Clock } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface EmptyStateProps {\n  type: \"all\" | \"recent\" | \"starred\" | \"bin\";\n  onUpload?: () => void;\n  onNewFolder?: () => void;\n}\n\nexport function EmptyState({ type, onUpload, onNewFolder }: EmptyStateProps) {\n  const { t } = useI18n();\n  const configs = {\n    all: {\n      icon: <FolderOpen className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(\n        t,\n        \"files.empty.all.title\",\n        \"No files or folders yet\",\n      ),\n      description: tWithFallback(\n        t,\n        \"files.empty.all.description\",\n        \"Upload files or create folders to get started\",\n      ),\n      showActions: true,\n    },\n    recent: {\n      icon: <Clock className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.recent.title\", \"No recent files\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.recent.description\",\n        \"Files you recently opened will appear here\",\n      ),\n      showActions: false,\n    },\n    starred: {\n      icon: <Star className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.starred.title\", \"No starred items\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.starred.description\",\n        \"Star files and folders to find them easily\",\n      ),\n      showActions: false,\n    },\n    bin: {\n      icon: <Trash2 className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.bin.title\", \"Bin is empty\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.bin.description\",\n        \"Deleted files and folders will appear here\",\n      ),\n      showActions: false,\n    },\n  };\n\n  const config = configs[type];\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 px-4 animate-in fade-in duration-500\">\n      <div className=\"mb-4 animate-in zoom-in duration-300 delay-100\">\n        {config.icon}\n      </div>\n      <h3 className=\"text-lg font-semibold text-text-primary mb-2\">\n        {config.title}\n      </h3>\n      <p className=\"text-sm text-text-secondary mb-6 text-center max-w-md\">\n        {config.description}\n      </p>\n\n      {config.showActions && (\n        <div className=\"flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300 delay-200\">\n          {onNewFolder && (\n            <button\n              type=\"button\"\n              onClick={onNewFolder}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover transition-all duration-200\"\n            >\n              {tWithFallback(t, \"files.empty.newFolder\", \"New Folder\")}\n            </button>\n          )}\n          {onUpload && (\n            <button\n              type=\"button\"\n              onClick={onUpload}\n              className=\"px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-all duration-200\"\n            >\n              {tWithFallback(t, \"files.empty.uploadFiles\", \"Upload Files\")}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAW,EAAE,SAAM,aAAU,kBAAgC;CAC3E,IAAM,EAAE,SAAM,GAAS,EAgDjB,IA/CU;EACd,KAAK;GACH,MAAM,kBAAC,GAAD,EAAY,WAAU,8BAA+B,CAAA;GAC3D,OAAO,EACL,GACA,yBACA,0BACD;GACD,aAAa,EACX,GACA,+BACA,gDACD;GACD,aAAa;GACd;EACD,QAAQ;GACN,MAAM,kBAAC,GAAD,EAAO,WAAU,8BAA+B,CAAA;GACtD,OAAO,EAAc,GAAG,4BAA4B,kBAAkB;GACtE,aAAa,EACX,GACA,kCACA,6CACD;GACD,aAAa;GACd;EACD,SAAS;GACP,MAAM,kBAAC,GAAD,EAAM,WAAU,8BAA+B,CAAA;GACrD,OAAO,EAAc,GAAG,6BAA6B,mBAAmB;GACxE,aAAa,EACX,GACA,mCACA,6CACD;GACD,aAAa;GACd;EACD,KAAK;GACH,MAAM,kBAAC,GAAD,EAAQ,WAAU,8BAA+B,CAAA;GACvD,OAAO,EAAc,GAAG,yBAAyB,eAAe;GAChE,aAAa,EACX,GACA,+BACA,6CACD;GACD,aAAa;GACd;EACF,CAEsB;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO;IACJ,CAAA;GACN,kBAAC,MAAD;IAAI,WAAU;cACX,EAAO;IACL,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAO;IACN,CAAA;GAEH,EAAO,eACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAc,GAAG,yBAAyB,aAAa;KACjD,CAAA,EAEV,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAc,GAAG,2BAA2B,eAAe;KACrD,CAAA,CAEP;;GAEJ"}

package/dist/files/components/FileBrowser.js

@@ -6,7 +6,8 @@ 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 { ContextMenu as r } from "./ContextMenu.js";
+import { createFileMenuItems as ae, createFolderMenuItems as i } from "./contextMenuItems.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";
@@ -137,6 +138,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 					children: u.message || n(A, "files.browser.unexpectedError", "An unexpected error occurred")
 				}),
 				/* @__PURE__ */ o("button", {
+					type: "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")
@@ -258,6 +260,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 							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", {
+									type: "button",
 									onClick: (e) => {
 										e.stopPropagation(), C(t);
 									},
@@ -278,6 +281,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 									})
 								}),
 								X(t) && E && /* @__PURE__ */ o("button", {
+									type: "button",
 									onClick: (e) => {
 										e.stopPropagation(), E(t);
 									},
@@ -298,6 +302,7 @@ var c = ({ files: c, folders: l, loading: de = !1, error: u = null, preserveSort
 									})
 								}),
 								Q(t) && w && /* @__PURE__ */ o("button", {
+									type: "button",
 									onClick: (e) => {
 										e.stopPropagation(), w(t);
 									},