@burdenoff/microfe-proserviceworld 2026.625.1 → 2026.626.2

package/dist/proserviceworld/pages/DocumentsPage.js

@@ -1,18 +1,18 @@
 import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
 import { useMemo as t, useState as n } from "react";
-import { ArrowUpDown as ee, ChevronRight as te, Clock as r, Download as i, File as a, FileText as o, FolderOpen as s, FolderPlus as c, Grid3x3 as l, HardDrive as u, Image as d, List as f, MoreHorizontal as p, Search as m, Share2 as h, Star as g, Upload as _, Users as v } from "lucide-react";
-import { Fragment as ne, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { AuroraBackground as x, Button as S, CTAOverflowMenu as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, Input as j } from "@burdenoff/fe-libs/ui";
+import { ArrowUpDown as r, ChevronRight as i, Clock as ee, Download as a, File as o, FileText as s, FolderOpen as c, FolderPlus as l, Grid3x3 as u, HardDrive as d, Image as f, List as p, MoreHorizontal as m, Search as h, Share2 as g, Star as _, Upload as v, Users as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { AuroraBackground as te, Button as C, CTAOverflowMenu as ne, Card as w, CardContent as T, CardHeader as E, CardTitle as D, GlassCard as O, GradientText as re, IllustratedEmptyState as k, Input as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/DocumentsPage.tsx
 var M = {
-	pdf: o,
-	docx: a,
-	doc: a,
-	txt: o,
-	image: d,
-	video: a,
-	audio: a,
-	other: a
+	pdf: s,
+	docx: o,
+	doc: o,
+	txt: s,
+	image: f,
+	video: o,
+	audio: o,
+	other: o
 }, N = {
 	pdf: "text-status-error-text",
 	docx: "text-accent-blue",
@@ -22,142 +22,146 @@ var M = {
 	video: "text-accent-purple",
 	audio: "text-status-warning-text",
 	other: "text-text-secondary"
-}, re = {
+}, P = {
 	blue: "text-accent-blue",
 	green: "text-status-success-text",
 	purple: "text-accent-purple",
 	yellow: "text-status-warning-text",
 	red: "text-status-error-text"
 };
-function P(e) {
+function F(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function F() {
-	let { documents: d, folders: F } = e(), [I, L] = n("grid"), [R, z] = n(""), [B, V] = n("all"), [H, U] = n("date"), [W, G] = n(!1), [K, q] = n(null), [J, Y] = n(!1), [X, Z] = n(!1), Q = t(() => {
-		let e = [...d];
-		if (K && (e = e.filter((e) => e.folderId === K)), B === "starred" ? e = e.filter((e) => e.isStarred) : B !== "all" && (e = e.filter((e) => e.type === B)), R.trim()) {
-			let t = R.toLowerCase();
+function I() {
+	let { documents: f, folders: I } = e(), [L, R] = n("grid"), [z, B] = n(""), [V, H] = n("all"), [U, W] = n("date"), [G, K] = n(!1), [q, J] = n(null), [Y, X] = n(!1), [ie, Z] = n(!1), Q = t(() => {
+		let e = [...f];
+		if (q && (e = e.filter((e) => e.folderId === q)), V === "starred" ? e = e.filter((e) => e.isStarred) : V !== "all" && (e = e.filter((e) => e.type === V)), z.trim()) {
+			let t = z.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.tags.some((e) => e.toLowerCase().includes(t)));
 		}
 		return e.sort((e, t) => {
-			let n = H === "name" ? e.name.localeCompare(t.name) : H === "date" ? new Date(t.modifiedAt).getTime() - new Date(e.modifiedAt).getTime() : t.size - e.size;
-			return W ? -n : n;
+			let n = U === "name" ? e.name.localeCompare(t.name) : U === "date" ? new Date(t.modifiedAt).getTime() - new Date(e.modifiedAt).getTime() : t.size - e.size;
+			return G ? -n : n;
 		}), e;
 	}, [
-		d,
-		K,
-		B,
-		R,
-		H,
-		W
-	]), ie = d.reduce((e, t) => e + t.size, 0), ae = d.filter((e) => e.isStarred).length, $ = K ? F.find((e) => e.id === K) : null, oe = (e) => {
-		H === e ? G(!W) : (U(e), G(!1));
+		f,
+		q,
+		V,
+		z,
+		U,
+		G
+	]), ae = f.reduce((e, t) => e + t.size, 0), oe = f.filter((e) => e.isStarred).length, $ = q ? I.find((e) => e.id === q) : null, se = (e) => {
+		U === e ? K(!G) : (W(e), K(!1));
 	};
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
-				children: [/* @__PURE__ */ y(x, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ x(te, { intensity: "subtle" }), /* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
+					children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
 						className: "text-2xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ y(k, { children: "Documents" })
-					}), /* @__PURE__ */ y("p", {
+						children: /* @__PURE__ */ x(re, { children: "Documents" })
+					}), /* @__PURE__ */ x("p", {
 						className: "text-sm text-text-secondary",
 						children: "Manage files, folders, and shared documents."
-					})] }), /* @__PURE__ */ y(C, {
+					})] }), /* @__PURE__ */ x(ne, {
 						primary: {
 							label: "Upload",
-							onSelect: () => Y(!0),
-							icon: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
+							onSelect: () => X(!0),
+							icon: /* @__PURE__ */ x(v, { className: "h-4 w-4" })
 						},
 						actions: [{
 							label: "New Folder",
 							onSelect: () => Z(!0),
-							icon: /* @__PURE__ */ y(c, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ x(l, { className: "h-4 w-4" })
 						}]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x(j, {
+				icon: /* @__PURE__ */ x(c, { className: "h-4 w-4" }),
+				children: "A shared home for the files behind your work — contracts, deliverables, briefs, and more. Organise documents into folders, star the ones you reach for often, search across everything, and share files securely with clients and collaborators."
+			}),
+			/* @__PURE__ */ S("div", {
 				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ y(O, {
+					/* @__PURE__ */ x(O, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ y(T, {
+						children: /* @__PURE__ */ x(T, {
 							className: "pt-4",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ S("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "rounded-lg bg-accent-blue-subtle p-2",
-									children: /* @__PURE__ */ y(o, { className: "h-5 w-5 text-accent-blue" })
-								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									children: /* @__PURE__ */ x(s, { className: "h-5 w-5 text-accent-blue" })
+								}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: d.length
-								}), /* @__PURE__ */ y("p", {
+									children: f.length
+								}), /* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Files"
 								})] })]
 							})
 						})
 					}),
-					/* @__PURE__ */ y(O, {
+					/* @__PURE__ */ x(O, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ y(T, {
+						children: /* @__PURE__ */ x(T, {
 							className: "pt-4",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ S("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "rounded-lg bg-accent-purple-subtle p-2",
-									children: /* @__PURE__ */ y(s, { className: "h-5 w-5 text-accent-purple" })
-								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									children: /* @__PURE__ */ x(c, { className: "h-5 w-5 text-accent-purple" })
+								}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: F.length
-								}), /* @__PURE__ */ y("p", {
+									children: I.length
+								}), /* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
 									children: "Folders"
 								})] })]
 							})
 						})
 					}),
-					/* @__PURE__ */ y(O, {
+					/* @__PURE__ */ x(O, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ y(T, {
+						children: /* @__PURE__ */ x(T, {
 							className: "pt-4",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ S("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "rounded-lg bg-status-warning-bg-subtle p-2",
-									children: /* @__PURE__ */ y(g, { className: "h-5 w-5 text-status-warning-text" })
-								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									children: /* @__PURE__ */ x(_, { className: "h-5 w-5 text-status-warning-text" })
+								}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: ae
-								}), /* @__PURE__ */ y("p", {
+									children: oe
+								}), /* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
 									children: "Starred"
 								})] })]
 							})
 						})
 					}),
-					/* @__PURE__ */ y(O, {
+					/* @__PURE__ */ x(O, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: /* @__PURE__ */ y(T, {
+						children: /* @__PURE__ */ x(T, {
 							className: "pt-4",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ S("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "rounded-lg bg-status-success-bg-subtle p-2",
-									children: /* @__PURE__ */ y(u, { className: "h-5 w-5 text-status-success-text" })
-								}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									children: /* @__PURE__ */ x(d, { className: "h-5 w-5 text-status-success-text" })
+								}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 									className: "text-2xl font-bold tabular-nums",
-									children: P(ie)
-								}), /* @__PURE__ */ y("p", {
+									children: F(ae)
+								}), /* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Size"
 								})] })]
@@ -166,31 +170,31 @@ function F() {
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ y("button", {
-					onClick: () => q(null),
-					className: `font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded ${K ? "text-text-secondary hover:text-text-primary" : "text-accent-blue"}`,
+				children: [/* @__PURE__ */ x("button", {
+					onClick: () => J(null),
+					className: `font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded ${q ? "text-text-secondary hover:text-text-primary" : "text-accent-blue"}`,
 					children: "All Files"
-				}), $ && /* @__PURE__ */ b(ne, { children: [/* @__PURE__ */ y(te, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("span", {
+				}), $ && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(i, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("span", {
 					className: "font-medium text-accent-blue",
 					children: $.name
 				})] })]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ y(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y(j, {
+					children: [/* @__PURE__ */ x(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ x(A, {
 						placeholder: "Search documents...",
 						"aria-label": "Search documents",
-						value: R,
-						onChange: (e) => z(e.target.value),
+						value: z,
+						onChange: (e) => B(e.target.value),
 						className: "pl-10"
 					})]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex flex-wrap gap-1",
 						children: [
 							"all",
@@ -198,31 +202,31 @@ function F() {
 							"docx",
 							"txt",
 							"starred"
-						].map((e) => /* @__PURE__ */ y("button", {
-							onClick: () => V(e),
-							"aria-pressed": B === e,
-							className: `rounded px-2 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${B === e ? "bg-accent-blue text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"}`,
+						].map((e) => /* @__PURE__ */ x("button", {
+							onClick: () => H(e),
+							"aria-pressed": V === e,
+							className: `rounded px-2 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${V === e ? "bg-accent-blue text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"}`,
 							children: e === "all" ? "All" : e === "starred" ? "Starred" : e.toUpperCase()
 						}, e))
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex rounded border border-border-seam",
-						children: [/* @__PURE__ */ y("button", {
-							onClick: () => L("grid"),
+						children: [/* @__PURE__ */ x("button", {
+							onClick: () => R("grid"),
 							"aria-label": "Grid view",
-							"aria-pressed": I === "grid",
-							className: `p-1.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${I === "grid" ? "bg-accent-blue text-action-primary-text" : "text-text-secondary"}`,
-							children: /* @__PURE__ */ y(l, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ y("button", {
-							onClick: () => L("list"),
+							"aria-pressed": L === "grid",
+							className: `p-1.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${L === "grid" ? "bg-accent-blue text-action-primary-text" : "text-text-secondary"}`,
+							children: /* @__PURE__ */ x(u, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ x("button", {
+							onClick: () => R("list"),
 							"aria-label": "List view",
-							"aria-pressed": I === "list",
-							className: `p-1.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${I === "list" ? "bg-accent-blue text-action-primary-text" : "text-text-secondary"}`,
-							children: /* @__PURE__ */ y(f, { className: "h-4 w-4" })
+							"aria-pressed": L === "list",
+							className: `p-1.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${L === "list" ? "bg-accent-blue text-action-primary-text" : "text-text-secondary"}`,
+							children: /* @__PURE__ */ x(p, { className: "h-4 w-4" })
 						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex gap-2",
 				children: [
 					{
@@ -237,30 +241,30 @@ function F() {
 						field: "size",
 						label: "Size"
 					}
-				].map(({ field: e, label: t }) => /* @__PURE__ */ b("button", {
-					onClick: () => oe(e),
-					"aria-pressed": H === e,
-					className: `flex items-center gap-1 rounded border px-3 py-1 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${H === e ? "border-accent-blue bg-accent-blue-subtle text-accent-blue" : "border-border-seam text-text-secondary hover:text-text-primary"}`,
-					children: [/* @__PURE__ */ y(ee, { className: "h-3 w-3" }), t]
+				].map(({ field: e, label: t }) => /* @__PURE__ */ S("button", {
+					onClick: () => se(e),
+					"aria-pressed": U === e,
+					className: `flex items-center gap-1 rounded border px-3 py-1 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${U === e ? "border-accent-blue bg-accent-blue-subtle text-accent-blue" : "border-border-seam text-text-secondary hover:text-text-primary"}`,
+					children: [/* @__PURE__ */ x(r, { className: "h-3 w-3" }), t]
 				}, e))
 			}),
-			!K && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+			!q && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Folders"
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ x("div", {
 				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: F.map((e) => /* @__PURE__ */ b("button", {
-					onClick: () => q(e.id),
+				children: I.map((e) => /* @__PURE__ */ S("button", {
+					onClick: () => J(e.id),
 					className: "flex items-center gap-3 rounded-lg border border-border-seam p-3 text-left transition-shadow hover:shadow-pop focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-					children: [/* @__PURE__ */ y(s, { className: `h-8 w-8 ${re[e.color] ?? "text-text-secondary"}` }), /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x(c, { className: `h-8 w-8 ${P[e.color] ?? "text-text-secondary"}` }), /* @__PURE__ */ S("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ y("p", {
+						children: [/* @__PURE__ */ x("p", {
 							className: "truncate font-medium text-sm",
 							children: e.name
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ S("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ x("span", {
 									className: "tabular-nums",
 									children: e.documentsCount
 								}),
@@ -271,134 +275,134 @@ function F() {
 					})]
 				}, e.id))
 			})] }),
-			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h3", {
+			/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: ["Files ", Q.length > 0 && `(${Q.length})`]
-			}), Q.length === 0 ? /* @__PURE__ */ y(w, {
+			}), Q.length === 0 ? /* @__PURE__ */ x(w, {
 				className: "border-border-seam",
-				children: /* @__PURE__ */ y(T, {
+				children: /* @__PURE__ */ x(T, {
 					className: "py-6",
-					children: /* @__PURE__ */ y(A, {
-						illustration: R || B !== "all" ? "empty-search" : "empty-files",
+					children: /* @__PURE__ */ x(k, {
+						illustration: z || V !== "all" ? "empty-search" : "empty-files",
 						title: "No files found",
 						description: "Try adjusting your filters or upload a new document.",
-						action: /* @__PURE__ */ b(S, {
+						action: /* @__PURE__ */ S(C, {
 							size: "sm",
-							onClick: () => Y(!0),
-							children: [/* @__PURE__ */ y(_, { className: "mr-2 h-4 w-4" }), " Upload"]
+							onClick: () => X(!0),
+							children: [/* @__PURE__ */ x(v, { className: "mr-2 h-4 w-4" }), " Upload"]
 						})
 					})
 				})
-			}) : I === "grid" ? /* @__PURE__ */ y("div", {
+			}) : L === "grid" ? /* @__PURE__ */ x("div", {
 				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-				children: Q.map((e) => /* @__PURE__ */ y(O, {
+				children: Q.map((e) => /* @__PURE__ */ x(O, {
 					treatment: "plain",
 					className: "border-border-seam transition-shadow hover:shadow-pop",
-					children: /* @__PURE__ */ b(T, {
+					children: /* @__PURE__ */ S(T, {
 						className: "pt-4",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ y(M[e.type] ?? a, { className: `h-10 w-10 ${N[e.type] ?? "text-text-secondary"}` }), /* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ x(M[e.type] ?? o, { className: `h-10 w-10 ${N[e.type] ?? "text-text-secondary"}` }), /* @__PURE__ */ S("div", {
 									className: "flex items-center gap-1",
-									children: [e.isStarred && /* @__PURE__ */ y(g, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), e.sharedWith > 0 && /* @__PURE__ */ y(h, { className: "h-4 w-4 text-text-secondary" })]
+									children: [e.isStarred && /* @__PURE__ */ x(_, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), e.sharedWith > 0 && /* @__PURE__ */ x(g, { className: "h-4 w-4 text-text-secondary" })]
 								})]
 							}),
-							/* @__PURE__ */ y("h4", {
+							/* @__PURE__ */ x("h4", {
 								className: "mt-3 truncate font-medium text-sm",
 								children: e.name
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "mt-1 flex items-center gap-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ x("span", {
 									className: "tabular-nums",
-									children: P(e.size)
-								}), /* @__PURE__ */ b("span", {
+									children: F(e.size)
+								}), /* @__PURE__ */ S("span", {
 									className: "tabular-nums",
 									children: ["v", e.version]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "mt-2 flex items-center gap-1 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ y(r, { className: "h-3 w-3" }),
+									/* @__PURE__ */ x(ee, { className: "h-3 w-3" }),
 									" ",
 									e.modifiedAt
 								]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "mt-3 flex gap-1",
-								children: [/* @__PURE__ */ b(S, {
+								children: [/* @__PURE__ */ S(C, {
 									variant: "outline",
 									size: "sm",
 									className: "flex-1 text-xs",
-									children: [/* @__PURE__ */ y(i, { className: "mr-1 h-3 w-3" }), " Download"]
-								}), /* @__PURE__ */ y(S, {
+									children: [/* @__PURE__ */ x(a, { className: "mr-1 h-3 w-3" }), " Download"]
+								}), /* @__PURE__ */ x(C, {
 									variant: "outline",
 									size: "sm",
 									"aria-label": "More actions",
-									children: /* @__PURE__ */ y(p, { className: "h-3 w-3" })
+									children: /* @__PURE__ */ x(m, { className: "h-3 w-3" })
 								})]
 							})
 						]
 					})
 				}, e.id))
-			}) : /* @__PURE__ */ y(w, {
+			}) : /* @__PURE__ */ x(w, {
 				className: "border-border-seam",
-				children: /* @__PURE__ */ y(T, {
+				children: /* @__PURE__ */ x(T, {
 					className: "pt-4",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ b("table", {
+						children: /* @__PURE__ */ S("table", {
 							className: "w-full text-sm",
-							children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
+							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
 								className: "border-b border-border-seam text-left text-text-secondary",
 								children: [
-									/* @__PURE__ */ y("th", {
+									/* @__PURE__ */ x("th", {
 										className: "p-3",
 										children: "Name"
 									}),
-									/* @__PURE__ */ y("th", {
+									/* @__PURE__ */ x("th", {
 										className: "p-3",
 										children: "Type"
 									}),
-									/* @__PURE__ */ y("th", {
+									/* @__PURE__ */ x("th", {
 										className: "p-3",
 										children: "Size"
 									}),
-									/* @__PURE__ */ y("th", {
+									/* @__PURE__ */ x("th", {
 										className: "p-3",
 										children: "Modified"
 									}),
-									/* @__PURE__ */ y("th", {
+									/* @__PURE__ */ x("th", {
 										className: "p-3",
 										children: "Uploaded By"
 									}),
-									/* @__PURE__ */ y("th", {
+									/* @__PURE__ */ x("th", {
 										className: "p-3 text-right",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ y("tbody", { children: Q.map((e) => /* @__PURE__ */ b("tr", {
+							}) }), /* @__PURE__ */ x("tbody", { children: Q.map((e) => /* @__PURE__ */ S("tr", {
 								className: "border-b border-border-seam hover:bg-bg-sunken",
 								children: [
-									/* @__PURE__ */ y("td", {
+									/* @__PURE__ */ x("td", {
 										className: "p-3",
-										children: /* @__PURE__ */ b("div", {
+										children: /* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ y(M[e.type] ?? a, { className: `h-5 w-5 ${N[e.type] ?? "text-text-secondary"}` }),
-												/* @__PURE__ */ y("span", {
+												/* @__PURE__ */ x(M[e.type] ?? o, { className: `h-5 w-5 ${N[e.type] ?? "text-text-secondary"}` }),
+												/* @__PURE__ */ x("span", {
 													className: "font-medium",
 													children: e.name
 												}),
-												e.isStarred && /* @__PURE__ */ y(g, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
-												e.sharedWith > 0 && /* @__PURE__ */ b("span", {
+												e.isStarred && /* @__PURE__ */ x(_, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
+												e.sharedWith > 0 && /* @__PURE__ */ S("span", {
 													className: "flex items-center gap-0.5 text-xs text-text-secondary",
 													children: [
-														/* @__PURE__ */ y(v, { className: "h-3 w-3" }),
+														/* @__PURE__ */ x(y, { className: "h-3 w-3" }),
 														" ",
-														/* @__PURE__ */ y("span", {
+														/* @__PURE__ */ x("span", {
 															className: "tabular-nums",
 															children: e.sharedWith
 														})
@@ -407,36 +411,36 @@ function F() {
 											]
 										})
 									}),
-									/* @__PURE__ */ y("td", {
+									/* @__PURE__ */ x("td", {
 										className: "p-3 uppercase text-xs",
 										children: e.type
 									}),
-									/* @__PURE__ */ y("td", {
+									/* @__PURE__ */ x("td", {
 										className: "p-3 tabular-nums",
-										children: P(e.size)
+										children: F(e.size)
 									}),
-									/* @__PURE__ */ y("td", {
+									/* @__PURE__ */ x("td", {
 										className: "p-3 text-text-secondary",
 										children: e.modifiedAt
 									}),
-									/* @__PURE__ */ y("td", {
+									/* @__PURE__ */ x("td", {
 										className: "p-3 text-text-secondary",
 										children: e.uploadedBy
 									}),
-									/* @__PURE__ */ y("td", {
+									/* @__PURE__ */ x("td", {
 										className: "p-3",
-										children: /* @__PURE__ */ b("div", {
+										children: /* @__PURE__ */ S("div", {
 											className: "flex justify-end gap-1",
-											children: [/* @__PURE__ */ y(S, {
+											children: [/* @__PURE__ */ x(C, {
 												variant: "outline",
 												size: "sm",
 												"aria-label": "Download",
-												children: /* @__PURE__ */ y(i, { className: "h-3 w-3" })
-											}), /* @__PURE__ */ y(S, {
+												children: /* @__PURE__ */ x(a, { className: "h-3 w-3" })
+											}), /* @__PURE__ */ x(C, {
 												variant: "outline",
 												size: "sm",
 												"aria-label": "Share",
-												children: /* @__PURE__ */ y(h, { className: "h-3 w-3" })
+												children: /* @__PURE__ */ x(g, { className: "h-3 w-3" })
 											})]
 										})
 									})
@@ -446,62 +450,62 @@ function F() {
 					})
 				})
 			})] }),
-			J && /* @__PURE__ */ y("div", {
+			Y && /* @__PURE__ */ x("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
-				children: /* @__PURE__ */ b(O, {
+				children: /* @__PURE__ */ S(O, {
 					treatment: "glass",
 					className: "mx-4 w-full max-w-md border-border-seam",
-					children: [/* @__PURE__ */ y(E, { children: /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ S("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ y(D, { children: "Upload Files" }), /* @__PURE__ */ y(S, {
+						children: [/* @__PURE__ */ x(D, { children: "Upload Files" }), /* @__PURE__ */ x(C, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => Y(!1),
+							onClick: () => X(!1),
 							children: "Close"
 						})]
-					}) }), /* @__PURE__ */ b(T, {
+					}) }), /* @__PURE__ */ S(T, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-border-seam p-8",
 								children: [
-									/* @__PURE__ */ y(_, { className: "h-10 w-10 text-text-secondary" }),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ x(v, { className: "h-10 w-10 text-text-secondary" }),
+									/* @__PURE__ */ x("p", {
 										className: "mt-2 text-sm font-medium",
 										children: "Drag & drop files here"
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "or click to browse"
 									})
 								]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y("label", {
+								children: [/* @__PURE__ */ x("label", {
 									className: "text-sm font-medium",
 									htmlFor: "upload-folder",
 									children: "Destination Folder"
-								}), /* @__PURE__ */ b("select", {
+								}), /* @__PURE__ */ S("select", {
 									id: "upload-folder",
 									className: "w-full rounded border border-border-seam bg-bg-surface px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-									children: [/* @__PURE__ */ y("option", {
+									children: [/* @__PURE__ */ x("option", {
 										value: "",
 										children: "Root"
-									}), F.map((e) => /* @__PURE__ */ y("option", {
+									}), I.map((e) => /* @__PURE__ */ x("option", {
 										value: e.id,
 										children: e.name
 									}, e.id))]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex gap-2",
-								children: [/* @__PURE__ */ y(S, {
+								children: [/* @__PURE__ */ x(C, {
 									variant: "outline",
 									className: "flex-1",
-									onClick: () => Y(!1),
+									onClick: () => X(!1),
 									children: "Cancel"
-								}), /* @__PURE__ */ y(S, {
+								}), /* @__PURE__ */ x(C, {
 									className: "flex-1",
 									children: "Upload"
 								})]
@@ -510,39 +514,39 @@ function F() {
 					})]
 				})
 			}),
-			X && /* @__PURE__ */ y("div", {
+			ie && /* @__PURE__ */ x("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
-				children: /* @__PURE__ */ b(O, {
+				children: /* @__PURE__ */ S(O, {
 					treatment: "glass",
 					className: "mx-4 w-full max-w-md border-border-seam",
-					children: [/* @__PURE__ */ y(E, { children: /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ S("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ y(D, { children: "Create Folder" }), /* @__PURE__ */ y(S, {
+						children: [/* @__PURE__ */ x(D, { children: "Create Folder" }), /* @__PURE__ */ x(C, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => Z(!1),
 							children: "Close"
 						})]
-					}) }), /* @__PURE__ */ b(T, {
+					}) }), /* @__PURE__ */ S(T, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y("label", {
+							children: [/* @__PURE__ */ x("label", {
 								className: "text-sm font-medium",
 								htmlFor: "folder-name",
 								children: "Folder Name"
-							}), /* @__PURE__ */ y(j, {
+							}), /* @__PURE__ */ x(A, {
 								id: "folder-name",
 								placeholder: "Enter folder name..."
 							})]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ y(S, {
+							children: [/* @__PURE__ */ x(C, {
 								variant: "outline",
 								className: "flex-1",
 								onClick: () => Z(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ y(S, {
+							}), /* @__PURE__ */ x(C, {
 								className: "flex-1",
 								children: "Create"
 							})]
@@ -554,6 +558,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as DocumentsPage };
+export { I as DocumentsPage };
 
 //# sourceMappingURL=DocumentsPage.js.map