@burdenoff/microfe-proserviceworld 2026.703.1 → 2026.706.2

package/dist/proserviceworld/pages/DocumentsPage.js

@@ -1,563 +1,259 @@
-import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
-import { useMemo as t, useState as n } from "react";
-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";
+import { useArchiveDocument as e, useCreateDocument as t, useDocuments as n } from "../hooks/useProServiceWorldApi.js";
+import { Banner as r, Empty as i, ErrorState as a, Field as o, LoadingBlock as s, Modal as c, NativeSelect as l, PageHeader as u, SectionCard as d, StatusPill as f, TableWrap as p, Td as m, TextArea as h, TextInput as g, Th as _, enumOptions as v, fmtDate as y, humanize as b } from "../components/ui.js";
+import { getDocumentDownloadUrl as x, uploadDocumentFile as S } from "../hooks/useFiles.js";
+import { useState as C } from "react";
+import { Archive as w, Download as T, FileText as E, Lock as D, Plus as O, Upload as k } from "lucide-react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Button as N } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/DocumentsPage.tsx
-var M = {
-	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",
-	doc: "text-accent-blue",
-	txt: "text-text-secondary",
-	image: "text-status-success-text",
-	video: "text-accent-purple",
-	audio: "text-status-warning-text",
-	other: "text-text-secondary"
-}, 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 F(e) {
-	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-}
-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)));
+var P = [
+	"PUBLIC",
+	"INTERNAL",
+	"CONFIDENTIAL",
+	"PRIVILEGED"
+], F = () => {
+	let [t, o] = C(""), [c, h] = C(!1), [g, S] = C(null), { data: k, isLoading: A, error: F, refetch: L } = n({ classification: t || void 0 }), R = e(), z = async (e) => {
+		try {
+			let t = await x(e);
+			window.open(t, "_blank", "noopener");
+		} catch (e) {
+			S({
+				tone: "danger",
+				text: e instanceof Error ? e.message : "Could not open document."
+			});
 		}
-		return e.sort((e, t) => {
-			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;
-	}, [
-		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__ */ S("div", {
-		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
+	return /* @__PURE__ */ M("div", {
+		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ S("div", {
-				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
-				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__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
-						className: "text-2xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ x(re, { children: "Documents" })
-					}), /* @__PURE__ */ x("p", {
-						className: "text-sm text-text-secondary",
-						children: "Manage files, folders, and shared documents."
-					})] }), /* @__PURE__ */ x(ne, {
-						primary: {
-							label: "Upload",
-							onSelect: () => X(!0),
-							icon: /* @__PURE__ */ x(v, { className: "h-4 w-4" })
-						},
-						actions: [{
-							label: "New Folder",
-							onSelect: () => Z(!0),
-							icon: /* @__PURE__ */ x(l, { className: "h-4 w-4" })
-						}]
-					})]
-				})]
-			}),
-			/* @__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__ */ x(O, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: /* @__PURE__ */ x(T, {
-							className: "pt-4",
-							children: /* @__PURE__ */ S("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-accent-blue-subtle p-2",
-									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: f.length
-								}), /* @__PURE__ */ x("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Files"
-								})] })]
-							})
-						})
-					}),
-					/* @__PURE__ */ x(O, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: /* @__PURE__ */ x(T, {
-							className: "pt-4",
-							children: /* @__PURE__ */ S("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-accent-purple-subtle p-2",
-									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: I.length
-								}), /* @__PURE__ */ x("p", {
-									className: "text-xs text-text-secondary",
-									children: "Folders"
-								})] })]
-							})
-						})
-					}),
-					/* @__PURE__ */ x(O, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: /* @__PURE__ */ x(T, {
-							className: "pt-4",
-							children: /* @__PURE__ */ S("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-status-warning-bg-subtle p-2",
-									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: oe
-								}), /* @__PURE__ */ x("p", {
-									className: "text-xs text-text-secondary",
-									children: "Starred"
-								})] })]
-							})
-						})
-					}),
-					/* @__PURE__ */ x(O, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: /* @__PURE__ */ x(T, {
-							className: "pt-4",
-							children: /* @__PURE__ */ S("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-status-success-bg-subtle p-2",
-									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: F(ae)
-								}), /* @__PURE__ */ x("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Size"
-								})] })]
-							})
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ S("div", {
-				className: "flex items-center gap-2 text-sm",
-				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__ */ 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__ */ j(u, {
+				title: "Documents",
+				subtitle: "Engagement letters, opinions, filings and evidence — metadata, classification and legal hold here; the file itself lives in the shared Files service.",
+				icon: /* @__PURE__ */ j(E, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ M(N, {
+					onClick: () => h(!0),
+					children: [/* @__PURE__ */ j(O, { className: "mr-1.5 h-4 w-4" }), "Add document"]
+				})
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ S("div", {
-					className: "relative flex-1",
-					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: z,
-						onChange: (e) => B(e.target.value),
-						className: "pl-10"
-					})]
-				}), /* @__PURE__ */ S("div", {
-					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ x("div", {
-						className: "flex flex-wrap gap-1",
-						children: [
-							"all",
-							"pdf",
-							"docx",
-							"txt",
-							"starred"
-						].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__ */ S("div", {
-						className: "flex rounded border border-border-seam",
-						children: [/* @__PURE__ */ x("button", {
-							onClick: () => R("grid"),
-							"aria-label": "Grid view",
-							"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": 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" })
-						})]
-					})]
-				})]
+			g && /* @__PURE__ */ j(r, {
+				tone: g.tone,
+				onClose: () => S(null),
+				children: g.text
 			}),
-			/* @__PURE__ */ x("div", {
-				className: "flex gap-2",
-				children: [
-					{
-						field: "name",
-						label: "Name"
-					},
-					{
-						field: "date",
-						label: "Date"
-					},
-					{
-						field: "size",
-						label: "Size"
-					}
-				].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))
+			/* @__PURE__ */ j("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ M(l, {
+					value: t,
+					onChange: (e) => o(e.target.value),
+					className: "sm:w-52",
+					children: [/* @__PURE__ */ j("option", {
+						value: "",
+						children: "All classifications"
+					}), v(P)]
+				})
 			}),
-			!q && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
-				className: "mb-3 text-sm font-medium text-text-secondary",
-				children: "Folders"
-			}), /* @__PURE__ */ x("div", {
-				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				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__ */ x(c, { className: `h-8 w-8 ${P[e.color] ?? "text-text-secondary"}` }), /* @__PURE__ */ S("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ x("p", {
-							className: "truncate font-medium text-sm",
-							children: e.name
-						}), /* @__PURE__ */ S("p", {
-							className: "text-xs text-text-secondary",
+			A ? /* @__PURE__ */ j(s, {}) : F ? /* @__PURE__ */ j(a, {
+				error: F,
+				onRetry: () => void L()
+			}) : !k || k.items.length === 0 ? /* @__PURE__ */ j(i, {
+				title: "No documents",
+				description: "Add a document — upload the file to the shared Files service and record it here.",
+				icon: /* @__PURE__ */ j(E, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ M(N, {
+					onClick: () => h(!0),
+					children: [/* @__PURE__ */ j(O, { className: "mr-1.5 h-4 w-4" }), "Add document"]
+				})
+			}) : /* @__PURE__ */ j(d, {
+				title: `${k.totalCount} document${k.totalCount === 1 ? "" : "s"}`,
+				children: /* @__PURE__ */ M(p, { children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", { children: [
+					/* @__PURE__ */ j(_, { children: "Name" }),
+					/* @__PURE__ */ j(_, { children: "Classification" }),
+					/* @__PURE__ */ j(_, { children: "Status" }),
+					/* @__PURE__ */ j(_, { children: "Added" }),
+					/* @__PURE__ */ j(_, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ j("tbody", { children: k.items.map((e) => /* @__PURE__ */ M("tr", {
+					className: "hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ j(m, { children: /* @__PURE__ */ M("span", {
+							className: "flex items-center gap-1.5 font-medium text-text-primary",
 							children: [
-								/* @__PURE__ */ x("span", {
-									className: "tabular-nums",
-									children: e.documentsCount
+								e.legalHold && /* @__PURE__ */ j(D, {
+									className: "h-3.5 w-3.5 text-status-warning-text",
+									"aria-label": "Legal hold"
 								}),
-								" files",
-								e.isPublic && " - Public"
-							]
-						})]
-					})]
-				}, e.id))
-			})] }),
-			/* @__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__ */ x(w, {
-				className: "border-border-seam",
-				children: /* @__PURE__ */ x(T, {
-					className: "py-6",
-					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__ */ S(C, {
-							size: "sm",
-							onClick: () => X(!0),
-							children: [/* @__PURE__ */ x(v, { className: "mr-2 h-4 w-4" }), " Upload"]
-						})
-					})
-				})
-			}) : 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__ */ x(O, {
-					treatment: "plain",
-					className: "border-border-seam transition-shadow hover:shadow-pop",
-					children: /* @__PURE__ */ S(T, {
-						className: "pt-4",
-						children: [
-							/* @__PURE__ */ S("div", {
-								className: "flex items-start justify-between",
-								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__ */ 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__ */ x("h4", {
-								className: "mt-3 truncate font-medium text-sm",
-								children: e.name
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "mt-1 flex items-center gap-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ x("span", {
-									className: "tabular-nums",
-									children: F(e.size)
-								}), /* @__PURE__ */ S("span", {
-									className: "tabular-nums",
+								e.name,
+								" ",
+								/* @__PURE__ */ M("span", {
+									className: "text-xs text-text-tertiary",
 									children: ["v", e.version]
-								})]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "mt-2 flex items-center gap-1 text-xs text-text-secondary",
-								children: [
-									/* @__PURE__ */ x(ee, { className: "h-3 w-3" }),
-									" ",
-									e.modifiedAt
-								]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "mt-3 flex gap-1",
-								children: [/* @__PURE__ */ S(C, {
-									variant: "outline",
+								})
+							]
+						}) }),
+						/* @__PURE__ */ j(m, { children: b(e.classification) }),
+						/* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(f, { status: e.status }) }),
+						/* @__PURE__ */ j(m, { children: y(e.createdAt) }),
+						/* @__PURE__ */ j(m, {
+							className: "text-right",
+							children: /* @__PURE__ */ M("div", {
+								className: "flex justify-end gap-1",
+								children: [e.file?.id && /* @__PURE__ */ j(N, {
+									variant: "ghost",
 									size: "sm",
-									className: "flex-1 text-xs",
-									children: [/* @__PURE__ */ x(a, { className: "mr-1 h-3 w-3" }), " Download"]
-								}), /* @__PURE__ */ x(C, {
-									variant: "outline",
+									onClick: () => void z(e.file.id),
+									"aria-label": "Download",
+									children: /* @__PURE__ */ j(T, { className: "h-4 w-4" })
+								}), e.status !== "ARCHIVED" && /* @__PURE__ */ j(N, {
+									variant: "ghost",
 									size: "sm",
-									"aria-label": "More actions",
-									children: /* @__PURE__ */ x(m, { className: "h-3 w-3" })
-								})]
-							})
-						]
-					})
-				}, e.id))
-			}) : /* @__PURE__ */ x(w, {
-				className: "border-border-seam",
-				children: /* @__PURE__ */ x(T, {
-					className: "pt-4",
-					children: /* @__PURE__ */ x("div", {
-						className: "overflow-x-auto",
-						children: /* @__PURE__ */ S("table", {
-							className: "w-full text-sm",
-							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
-								className: "border-b border-border-seam text-left text-text-secondary",
-								children: [
-									/* @__PURE__ */ x("th", {
-										className: "p-3",
-										children: "Name"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "p-3",
-										children: "Type"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "p-3",
-										children: "Size"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "p-3",
-										children: "Modified"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "p-3",
-										children: "Uploaded By"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "p-3 text-right",
-										children: "Actions"
-									})
-								]
-							}) }), /* @__PURE__ */ x("tbody", { children: Q.map((e) => /* @__PURE__ */ S("tr", {
-								className: "border-b border-border-seam hover:bg-bg-sunken",
-								children: [
-									/* @__PURE__ */ x("td", {
-										className: "p-3",
-										children: /* @__PURE__ */ S("div", {
-											className: "flex items-center gap-2",
-											children: [
-												/* @__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__ */ 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__ */ x(y, { className: "h-3 w-3" }),
-														" ",
-														/* @__PURE__ */ x("span", {
-															className: "tabular-nums",
-															children: e.sharedWith
-														})
-													]
-												})
-											]
+									"aria-label": "Archive",
+									disabled: R.isPending,
+									onClick: () => R.mutate(e.id, {
+										onSuccess: () => S({
+											tone: "success",
+											text: `${e.name} archived.`
+										}),
+										onError: (e) => S({
+											tone: "danger",
+											text: e instanceof Error ? e.message : "Failed."
 										})
 									}),
-									/* @__PURE__ */ x("td", {
-										className: "p-3 uppercase text-xs",
-										children: e.type
-									}),
-									/* @__PURE__ */ x("td", {
-										className: "p-3 tabular-nums",
-										children: F(e.size)
-									}),
-									/* @__PURE__ */ x("td", {
-										className: "p-3 text-text-secondary",
-										children: e.modifiedAt
-									}),
-									/* @__PURE__ */ x("td", {
-										className: "p-3 text-text-secondary",
-										children: e.uploadedBy
-									}),
-									/* @__PURE__ */ x("td", {
-										className: "p-3",
-										children: /* @__PURE__ */ S("div", {
-											className: "flex justify-end gap-1",
-											children: [/* @__PURE__ */ x(C, {
-												variant: "outline",
-												size: "sm",
-												"aria-label": "Download",
-												children: /* @__PURE__ */ x(a, { className: "h-3 w-3" })
-											}), /* @__PURE__ */ x(C, {
-												variant: "outline",
-												size: "sm",
-												"aria-label": "Share",
-												children: /* @__PURE__ */ x(g, { className: "h-3 w-3" })
-											})]
-										})
-									})
-								]
-							}, e.id)) })]
+									children: /* @__PURE__ */ j(w, { className: "h-4 w-4" })
+								})]
+							})
 						})
+					]
+				}, e.id)) })] })
+			}),
+			c && /* @__PURE__ */ j(I, {
+				onClose: () => h(!1),
+				onDone: () => {
+					L(), S({
+						tone: "success",
+						text: "Document added."
+					});
+				}
+			})
+		]
+	});
+}, I = ({ onClose: e, onDone: n }) => {
+	let i = t(), [a, s] = C({
+		name: "",
+		classification: "INTERNAL",
+		description: "",
+		legalHold: !1
+	}), [u, d] = C(null), [f, p] = C(!1), [m, _] = C(null), y = async () => {
+		if (_(null), !a.name.trim()) return _("Document name is required.");
+		let t = null;
+		if (u) {
+			try {
+				p(!0), t = (await S(u)).fileId;
+			} catch (e) {
+				return p(!1), _(e instanceof Error ? e.message : "Upload failed.");
+			}
+			p(!1);
+		}
+		i.mutate({
+			name: a.name.trim(),
+			classification: a.classification,
+			description: a.description.trim() || null,
+			legalHold: a.legalHold,
+			fileId: t
+		}, {
+			onSuccess: () => {
+				n(), e();
+			},
+			onError: (e) => _(e instanceof Error ? e.message : "Failed.")
+		});
+	}, b = f || i.isPending;
+	return /* @__PURE__ */ j(c, {
+		open: !0,
+		onClose: e,
+		title: "Add document",
+		footer: /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(N, {
+			variant: "outline",
+			onClick: e,
+			disabled: b,
+			children: "Cancel"
+		}), /* @__PURE__ */ j(N, {
+			onClick: () => void y(),
+			disabled: b,
+			children: f ? "Uploading…" : i.isPending ? "Saving…" : "Add document"
+		})] }),
+		children: /* @__PURE__ */ M("div", {
+			className: "space-y-3",
+			children: [
+				m && /* @__PURE__ */ j(r, {
+					tone: "danger",
+					children: m
+				}),
+				/* @__PURE__ */ j(o, {
+					label: "Name",
+					required: !0,
+					children: /* @__PURE__ */ j(g, {
+						value: a.name,
+						onChange: (e) => s((t) => ({
+							...t,
+							name: e.target.value
+						})),
+						placeholder: "Engagement letter — Acme FY26"
 					})
-				})
-			})] }),
-			Y && /* @__PURE__ */ x("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
-				children: /* @__PURE__ */ S(O, {
-					treatment: "glass",
-					className: "mx-4 w-full max-w-md border-border-seam",
-					children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ S("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ x(D, { children: "Upload Files" }), /* @__PURE__ */ x(C, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => X(!1),
-							children: "Close"
-						})]
-					}) }), /* @__PURE__ */ S(T, {
-						className: "space-y-4",
+				}),
+				/* @__PURE__ */ j(o, {
+					label: "Classification",
+					children: /* @__PURE__ */ j(l, {
+						value: a.classification,
+						onChange: (e) => s((t) => ({
+							...t,
+							classification: e.target.value
+						})),
+						children: v(P)
+					})
+				}),
+				/* @__PURE__ */ j(o, {
+					label: "File",
+					hint: "Optional — stored in the shared Files service.",
+					children: /* @__PURE__ */ M("label", {
+						className: "flex cursor-pointer items-center gap-2 rounded-lg border border-dashed border-border-seam bg-bg-canvas px-3 py-3 text-sm text-text-secondary hover:border-accent",
 						children: [
-							/* @__PURE__ */ S("div", {
-								className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-border-seam p-8",
-								children: [
-									/* @__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__ */ x("p", {
-										className: "text-xs text-text-secondary",
-										children: "or click to browse"
-									})
-								]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ x("label", {
-									className: "text-sm font-medium",
-									htmlFor: "upload-folder",
-									children: "Destination Folder"
-								}), /* @__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__ */ x("option", {
-										value: "",
-										children: "Root"
-									}), I.map((e) => /* @__PURE__ */ x("option", {
-										value: e.id,
-										children: e.name
-									}, e.id))]
-								})]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "flex gap-2",
-								children: [/* @__PURE__ */ x(C, {
-									variant: "outline",
-									className: "flex-1",
-									onClick: () => X(!1),
-									children: "Cancel"
-								}), /* @__PURE__ */ x(C, {
-									className: "flex-1",
-									children: "Upload"
-								})]
+							/* @__PURE__ */ j(k, { className: "h-4 w-4 text-text-tertiary" }),
+							u ? u.name : "Choose a file…",
+							/* @__PURE__ */ j("input", {
+								type: "file",
+								className: "hidden",
+								onChange: (e) => d(e.target.files?.[0] ?? null)
 							})
 						]
-					})]
-				})
-			}),
-			ie && /* @__PURE__ */ x("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
-				children: /* @__PURE__ */ S(O, {
-					treatment: "glass",
-					className: "mx-4 w-full max-w-md border-border-seam",
-					children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ S("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ x(D, { children: "Create Folder" }), /* @__PURE__ */ x(C, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => Z(!1),
-							children: "Close"
-						})]
-					}) }), /* @__PURE__ */ S(T, {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ S("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ x("label", {
-								className: "text-sm font-medium",
-								htmlFor: "folder-name",
-								children: "Folder Name"
-							}), /* @__PURE__ */ x(A, {
-								id: "folder-name",
-								placeholder: "Enter folder name..."
-							})]
-						}), /* @__PURE__ */ S("div", {
-							className: "flex gap-2",
-							children: [/* @__PURE__ */ x(C, {
-								variant: "outline",
-								className: "flex-1",
-								onClick: () => Z(!1),
-								children: "Cancel"
-							}), /* @__PURE__ */ x(C, {
-								className: "flex-1",
-								children: "Create"
-							})]
-						})]
-					})]
+					})
+				}),
+				/* @__PURE__ */ j(o, {
+					label: "Description",
+					children: /* @__PURE__ */ j(h, {
+						value: a.description,
+						onChange: (e) => s((t) => ({
+							...t,
+							description: e.target.value
+						}))
+					})
+				}),
+				/* @__PURE__ */ M("label", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ j("input", {
+						type: "checkbox",
+						checked: a.legalHold,
+						onChange: (e) => s((t) => ({
+							...t,
+							legalHold: e.target.checked
+						}))
+					}), "Place under legal hold (cannot be disposed)"]
 				})
-			})
-		]
+			]
+		})
 	});
-}
+};
 //#endregion
-export { I as DocumentsPage };
+export { F as DocumentsPage };
 
 //# sourceMappingURL=DocumentsPage.js.map