@burdenoff/microfe-workspaces 2026.625.4 → 2026.626.1

package/dist/pages/ProjectsListPage.js

@@ -11,24 +11,24 @@ import { CreateProjectDialog as d } from "../components/CreateProjectDialog.js";
 import { useEffect as f, useMemo as p, useState as m } from "react";
 import { Grid3x3 as te, List as ne, Plus as h, Search as re } from "lucide-react";
 import { Fragment as ie, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, Card as ae, CardContent as y, GlassCard as oe, IllustratedEmptyState as se, Input as ce, PageContainer as le, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Skeleton as T } from "@burdenoff/fe-libs/ui";
+import { Button as v, Card as ae, CardContent as y, GlassCard as b, IllustratedEmptyState as oe, Input as se, PageContainer as ce, PagePurpose as le, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
 import { useParams as ue } from "react-router-dom";
 import { useDebounce as de } from "@burdenoff/fe-libs/shared/hooks";
 import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { TagBadge as pe } from "@burdenoff/fe-libs/tag";
 //#region src/pages/ProjectsListPage.tsx
-function E() {
-	let { t: E } = fe(), { workspaceId: D } = ue();
+function D() {
+	let { t: D } = fe(), { workspaceId: O } = ue();
 	n("workspaces.projects", {
-		workspaceId: D,
+		workspaceId: O,
 		requireParams: !0
 	});
-	let { viewMode: O, setViewMode: k, projectFilters: A, setProjectFilters: j, clearProjectFilters: me, selectedProjectIds: M, toggleProjectSelection: N, clearProjectSelection: P, openCreateProjectDialog: he, isCreateProjectDialogOpen: ge } = e(), [F, I] = m(A.search || ""), [L, R] = m([]), [z, B] = m(!0), V = de(F, 500);
+	let { viewMode: k, setViewMode: A, projectFilters: j, setProjectFilters: M, clearProjectFilters: me, selectedProjectIds: N, toggleProjectSelection: P, clearProjectSelection: F, openCreateProjectDialog: he, isCreateProjectDialogOpen: ge } = e(), [I, L] = m(j.search || ""), [R, z] = m([]), [B, V] = m(!0), H = de(I, 500);
 	f(() => {
-		j({ search: V });
-	}, [V, j]), f(() => {
-		if (L.length === 0) {
-			j({
+		M({ search: H });
+	}, [H, M]), f(() => {
+		if (R.length === 0) {
+			M({
 				tagIds: void 0,
 				tagHierarchyPaths: void 0,
 				matchAllTags: void 0,
@@ -36,71 +36,71 @@ function E() {
 			});
 			return;
 		}
-		j({
-			tagIds: L.map((e) => e.tagId),
-			tagHierarchyPaths: L.map((e) => e.hierarchyPath).filter((e) => typeof e == "string" && e.length > 0),
-			matchAllTags: z,
+		M({
+			tagIds: R.map((e) => e.tagId),
+			tagHierarchyPaths: R.map((e) => e.hierarchyPath).filter((e) => typeof e == "string" && e.length > 0),
+			matchAllTags: B,
 			includeDescendants: !0
 		});
 	}, [
-		L,
-		z,
-		j
-	]), f(() => () => P(), [P]);
-	let { data: H, isLoading: U, error: W } = o({
+		R,
+		B,
+		M
+	]), f(() => () => F(), [F]);
+	let { data: U, isLoading: W, error: G } = o({
 		limit: 500,
 		offset: 0
-	}), G = p(() => {
-		let e = H?.items ?? [], t = (A.search ?? "").trim().toLowerCase(), n = A.tagIds ?? [], r = A.matchAllTags ?? !0, i = (e) => !D || e.workspaceId === D, a = (e) => !t || e.name.toLowerCase().includes(t) || e.key.toLowerCase().includes(t), o = (e) => !A.status || e.status === A.status, s = (e) => A.archived === void 0 || e.archived === A.archived, c = (e) => {
+	}), K = p(() => {
+		let e = U?.items ?? [], t = (j.search ?? "").trim().toLowerCase(), n = j.tagIds ?? [], r = j.matchAllTags ?? !0, i = (e) => !O || e.workspaceId === O, a = (e) => !t || e.name.toLowerCase().includes(t) || e.key.toLowerCase().includes(t), o = (e) => !j.status || e.status === j.status, s = (e) => j.archived === void 0 || e.archived === j.archived, c = (e) => {
 			if (n.length === 0) return !0;
 			let t = new Set(ee(e).map((e) => e.tagId));
 			return r ? n.every((e) => t.has(e)) : n.some((e) => t.has(e));
-		}, l = e.filter((e) => i(e) && a(e) && o(e) && s(e) && c(e)), u = H?.total ?? l.length, d = H?.hasMore ?? !1;
+		}, l = e.filter((e) => i(e) && a(e) && o(e) && s(e) && c(e)), u = U?.total ?? l.length, d = U?.hasMore ?? !1;
 		return {
 			items: l,
-			total: D || n.length > 0 ? l.length : u,
+			total: O || n.length > 0 ? l.length : u,
 			hasMore: d
 		};
 	}, [
-		H?.items,
-		H?.total,
-		H?.hasMore,
-		A,
-		D
-	]), { mutateAsync: _e } = s(D), { mutateAsync: ve } = l(D), { mutateAsync: ye } = c(D), K = p(() => G?.items.filter((e) => M.has(e.id)) ?? [], [G?.items, M]), q = p(() => K.filter((e) => !e.archived), [K]), J = p(() => K.filter((e) => e.archived), [K]), Y = (G?.items.length ?? 0) > 0 && (G?.items ?? []).every((e) => M.has(e.id)), be = (G?.items ?? []).some((e) => M.has(e.id)) && !Y, { canCreateProject: X, canDeleteProject: Z, canArchiveProject: Q, isLoading: xe } = a();
-	if (xe) return /* @__PURE__ */ _("div", {
+		U?.items,
+		U?.total,
+		U?.hasMore,
+		j,
+		O
+	]), { mutateAsync: _e } = s(O), { mutateAsync: ve } = l(O), { mutateAsync: ye } = c(O), q = p(() => K?.items.filter((e) => N.has(e.id)) ?? [], [K?.items, N]), J = p(() => q.filter((e) => !e.archived), [q]), Y = p(() => q.filter((e) => e.archived), [q]), X = (K?.items.length ?? 0) > 0 && (K?.items ?? []).every((e) => N.has(e.id)), be = (K?.items ?? []).some((e) => N.has(e.id)) && !X, { canCreateProject: Z, canDeleteProject: xe, canArchiveProject: Q, isLoading: Se } = a();
+	if (Se) return /* @__PURE__ */ _("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ g(T, { className: "h-10 w-1/3" }), /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ g(E, { className: "h-10 w-1/3" }), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 			children: [
-				/* @__PURE__ */ g(T, { className: "h-32" }),
-				/* @__PURE__ */ g(T, { className: "h-32" }),
-				/* @__PURE__ */ g(T, { className: "h-32" })
+				/* @__PURE__ */ g(E, { className: "h-32" }),
+				/* @__PURE__ */ g(E, { className: "h-32" }),
+				/* @__PURE__ */ g(E, { className: "h-32" })
 			]
 		})]
 	});
-	let Se = () => {
+	let Ce = () => {
 		he({});
-	}, Ce = (e) => {
-		if (e === "all") {
-			let e = { ...A };
-			delete e.status, j(e);
-		} else j({ status: e });
 	}, we = (e) => {
 		if (e === "all") {
-			let e = { ...A };
-			delete e.archived, j(e);
-		} else j({ archived: e === "true" });
+			let e = { ...j };
+			delete e.status, M(e);
+		} else M({ status: e });
+	}, Te = (e) => {
+		if (e === "all") {
+			let e = { ...j };
+			delete e.archived, M(e);
+		} else M({ archived: e === "true" });
 	}, $ = (e) => {
-		R((t) => t.some((t) => t.tagId === e.tagId) ? t.filter((t) => t.tagId !== e.tagId) : [...t, e]);
-	}, Te = () => {
-		I(""), R([]), B(!0), me();
-	}, Ee = (e) => {
-		(G?.items ?? []).forEach((t) => {
-			e !== M.has(t.id) && N(t.id);
+		z((t) => t.some((t) => t.tagId === e.tagId) ? t.filter((t) => t.tagId !== e.tagId) : [...t, e]);
+	}, Ee = () => {
+		L(""), z([]), V(!0), me();
+	}, De = (e) => {
+		(K?.items ?? []).forEach((t) => {
+			e !== N.has(t.id) && P(t.id);
 		});
 	};
-	return /* @__PURE__ */ g(le, {
+	return /* @__PURE__ */ g(ce, {
 		padded: !1,
 		children: /* @__PURE__ */ _("div", {
 			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
@@ -109,38 +109,39 @@ function E() {
 					className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
 					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
 						className: "text-2xl sm:text-3xl font-bold",
-						children: t(E, "projectsList.pageTitle", "Projects")
+						children: t(D, "projectsList.pageTitle", "Projects")
 					}), /* @__PURE__ */ g("p", {
 						className: "text-text-secondary",
-						children: t(E, "projectsList.pageSubtitle", "Manage and organize your projects")
+						children: t(D, "projectsList.pageSubtitle", "Manage and organize your projects")
 					})] }), /* @__PURE__ */ _("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-1 border rounded-lg p-1",
 							children: [/* @__PURE__ */ g(v, {
-								variant: O === "grid" ? "secondary" : "ghost",
+								variant: k === "grid" ? "secondary" : "ghost",
 								size: "sm",
-								onClick: () => k("grid"),
+								onClick: () => A("grid"),
 								className: "size-8 p-0",
-								"aria-label": t(E, "projectsList.gridViewAriaLabel", "Show projects in grid view"),
+								"aria-label": t(D, "projectsList.gridViewAriaLabel", "Show projects in grid view"),
 								children: /* @__PURE__ */ g(te, { size: 16 })
 							}), /* @__PURE__ */ g(v, {
-								variant: O === "list" ? "secondary" : "ghost",
+								variant: k === "list" ? "secondary" : "ghost",
 								size: "sm",
-								onClick: () => k("list"),
+								onClick: () => A("list"),
 								className: "size-8 p-0",
-								"aria-label": t(E, "projectsList.listViewAriaLabel", "Show projects in list view"),
+								"aria-label": t(D, "projectsList.listViewAriaLabel", "Show projects in list view"),
 								children: /* @__PURE__ */ g(ne, { size: 16 })
 							})]
-						}), X && /* @__PURE__ */ _(v, {
-							onClick: Se,
+						}), Z && /* @__PURE__ */ _(v, {
+							onClick: Ce,
 							children: [/* @__PURE__ */ g(h, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ g("span", {
 								className: "hidden sm:inline",
-								children: t(E, "projectsList.createProject", "Create Project")
+								children: t(D, "projectsList.createProject", "Create Project")
 							})]
 						})]
 					})]
 				}),
+				/* @__PURE__ */ g(le, { children: t(D, "projectsList.purpose", "Projects are the individual streams of work inside your workspaces — a launch, a client engagement, a feature. Each carries its own members, tags and activity. Use search, status and tag filters to find the one you need, or create a new project to start tracking work.") }),
 				/* @__PURE__ */ _("div", {
 					className: "flex flex-col sm:flex-row gap-3",
 					children: [
@@ -149,89 +150,89 @@ function E() {
 							children: [/* @__PURE__ */ g(re, {
 								className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-text-secondary",
 								size: 18
-							}), /* @__PURE__ */ g(ce, {
-								placeholder: t(E, "projectsList.searchPlaceholder", "Search projects..."),
-								value: F,
-								onChange: (e) => I(e.target.value),
+							}), /* @__PURE__ */ g(se, {
+								placeholder: t(D, "projectsList.searchPlaceholder", "Search projects..."),
+								value: I,
+								onChange: (e) => L(e.target.value),
 								className: "pl-[3.25rem]"
 							})]
 						}),
-						/* @__PURE__ */ _(b, {
-							value: A.status || "all",
-							onValueChange: Ce,
-							children: [/* @__PURE__ */ g(C, {
+						/* @__PURE__ */ _(x, {
+							value: j.status || "all",
+							onValueChange: we,
+							children: [/* @__PURE__ */ g(w, {
 								className: "w-full sm:w-[180px]",
-								children: /* @__PURE__ */ g(w, { placeholder: t(E, "projectsList.filterByStatus", "Filter by status") })
-							}), /* @__PURE__ */ _(x, { children: [
-								/* @__PURE__ */ g(S, {
+								children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.filterByStatus", "Filter by status") })
+							}), /* @__PURE__ */ _(S, { children: [
+								/* @__PURE__ */ g(C, {
 									value: "all",
-									children: t(E, "projectsList.statusAll", "All Statuses")
+									children: t(D, "projectsList.statusAll", "All Statuses")
 								}),
-								/* @__PURE__ */ g(S, {
+								/* @__PURE__ */ g(C, {
 									value: "ACTIVE",
-									children: t(E, "projectsList.statusActive", "Active")
+									children: t(D, "projectsList.statusActive", "Active")
 								}),
-								/* @__PURE__ */ g(S, {
+								/* @__PURE__ */ g(C, {
 									value: "INACTIVE",
-									children: t(E, "projectsList.statusInactive", "Inactive")
+									children: t(D, "projectsList.statusInactive", "Inactive")
 								})
 							] })]
 						}),
-						/* @__PURE__ */ _(b, {
-							value: A.archived === void 0 ? "all" : A.archived ? "true" : "false",
-							onValueChange: we,
-							children: [/* @__PURE__ */ g(C, {
+						/* @__PURE__ */ _(x, {
+							value: j.archived === void 0 ? "all" : j.archived ? "true" : "false",
+							onValueChange: Te,
+							children: [/* @__PURE__ */ g(w, {
 								className: "w-full sm:w-[180px]",
-								children: /* @__PURE__ */ g(w, { placeholder: t(E, "projectsList.filterByArchive", "Filter by archive") })
-							}), /* @__PURE__ */ _(x, { children: [
-								/* @__PURE__ */ g(S, {
+								children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.filterByArchive", "Filter by archive") })
+							}), /* @__PURE__ */ _(S, { children: [
+								/* @__PURE__ */ g(C, {
 									value: "all",
-									children: t(E, "projectsList.archiveAll", "All Projects")
+									children: t(D, "projectsList.archiveAll", "All Projects")
 								}),
-								/* @__PURE__ */ g(S, {
+								/* @__PURE__ */ g(C, {
 									value: "false",
-									children: t(E, "projectsList.archiveActiveProjects", "Active Projects")
+									children: t(D, "projectsList.archiveActiveProjects", "Active Projects")
 								}),
-								/* @__PURE__ */ g(S, {
+								/* @__PURE__ */ g(C, {
 									value: "true",
-									children: t(E, "projectsList.archiveArchived", "Archived")
+									children: t(D, "projectsList.archiveArchived", "Archived")
 								})
 							] })]
 						}),
-						(A.search || A.status || A.archived !== void 0 || L.length > 0) && /* @__PURE__ */ g(v, {
+						(j.search || j.status || j.archived !== void 0 || R.length > 0) && /* @__PURE__ */ g(v, {
 							variant: "outline",
-							onClick: Te,
-							children: t(E, "projectsList.clearFilters", "Clear Filters")
+							onClick: Ee,
+							children: t(D, "projectsList.clearFilters", "Clear Filters")
 						})
 					]
 				}),
-				L.length > 0 && /* @__PURE__ */ _("div", {
+				R.length > 0 && /* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface px-4 py-3",
 					children: [/* @__PURE__ */ _("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 							className: "text-sm font-medium",
-							children: t(E, "projectsList.activeTagFilters", "Active tag filters")
+							children: t(D, "projectsList.activeTagFilters", "Active tag filters")
 						}), /* @__PURE__ */ g("p", {
 							className: "text-xs text-text-secondary",
-							children: t(E, "projectsList.activeTagFiltersDescription", "Click a project tag to add or remove it from the current filter set.")
-						})] }), /* @__PURE__ */ _(b, {
-							value: z ? "all" : "any",
-							onValueChange: (e) => B(e === "all"),
-							children: [/* @__PURE__ */ g(C, {
+							children: t(D, "projectsList.activeTagFiltersDescription", "Click a project tag to add or remove it from the current filter set.")
+						})] }), /* @__PURE__ */ _(x, {
+							value: B ? "all" : "any",
+							onValueChange: (e) => V(e === "all"),
+							children: [/* @__PURE__ */ g(w, {
 								className: "w-full sm:w-[180px]",
-								children: /* @__PURE__ */ g(w, { placeholder: t(E, "projectsList.tagMatchMode", "Tag match mode") })
-							}), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g(S, {
+								children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.tagMatchMode", "Tag match mode") })
+							}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, {
 								value: "all",
-								children: t(E, "projectsList.tagMatchAll", "Match all tags")
-							}), /* @__PURE__ */ g(S, {
+								children: t(D, "projectsList.tagMatchAll", "Match all tags")
+							}), /* @__PURE__ */ g(C, {
 								value: "any",
-								children: t(E, "projectsList.tagMatchAny", "Match any tag")
+								children: t(D, "projectsList.tagMatchAny", "Match any tag")
 							})] })]
 						})]
 					}), /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap gap-2",
-						children: L.map((e) => /* @__PURE__ */ g(pe, {
+						children: R.map((e) => /* @__PURE__ */ g(pe, {
 							id: e.tagId,
 							label: e.label,
 							color: e.color ?? void 0,
@@ -243,7 +244,7 @@ function E() {
 						}, e.tagId))
 					})]
 				}),
-				W && /* @__PURE__ */ g(oe, {
+				G && /* @__PURE__ */ g(b, {
 					treatment: "plain",
 					className: "border-status-error-border",
 					children: /* @__PURE__ */ g(y, {
@@ -252,15 +253,15 @@ function E() {
 							className: "flex flex-col items-center justify-center py-8 text-center",
 							children: [/* @__PURE__ */ g("p", {
 								className: "text-status-error-text font-semibold mb-2",
-								children: t(E, "projectsList.errorLoading", "Error loading projects")
+								children: t(D, "projectsList.errorLoading", "Error loading projects")
 							}), /* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
-								children: W instanceof Error ? W.message : t(E, "projectsList.unknownError", "An unknown error occurred")
+								children: G instanceof Error ? G.message : t(D, "projectsList.unknownError", "An unknown error occurred")
 							})]
 						})
 					})
 				}),
-				U && /* @__PURE__ */ g("div", {
+				W && /* @__PURE__ */ g("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
 					children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(ae, {
 						className: "border-border-seam",
@@ -269,138 +270,138 @@ function E() {
 							children: /* @__PURE__ */ _("div", {
 								className: "space-y-3",
 								children: [
-									/* @__PURE__ */ g(T, { className: "size-12 rounded-lg" }),
-									/* @__PURE__ */ g(T, { className: "h-4 w-3/4" }),
-									/* @__PURE__ */ g(T, { className: "h-4 w-1/2" })
+									/* @__PURE__ */ g(E, { className: "size-12 rounded-lg" }),
+									/* @__PURE__ */ g(E, { className: "h-4 w-3/4" }),
+									/* @__PURE__ */ g(E, { className: "h-4 w-1/2" })
 								]
 							})
 						})
 					}, t))
 				}),
-				!U && !W && G?.items.length === 0 && /* @__PURE__ */ g(oe, {
+				!W && !G && K?.items.length === 0 && /* @__PURE__ */ g(b, {
 					treatment: "plain",
 					className: "border-border-seam",
 					children: /* @__PURE__ */ g(y, {
 						className: "pt-6",
-						children: /* @__PURE__ */ g(se, {
-							illustration: A.search ? "empty-search" : "empty-data",
-							title: t(E, "projectsList.noProjectsFound", "No projects found"),
-							description: A.search ? t(E, "projectsList.adjustSearchOrFilters", "Try adjusting your search or filters") : t(E, "projectsList.createFirstProject", "Create your first project to get started organizing your work"),
-							action: !A.search && X ? /* @__PURE__ */ _(v, {
-								onClick: Se,
+						children: /* @__PURE__ */ g(oe, {
+							illustration: j.search ? "empty-search" : "empty-data",
+							title: t(D, "projectsList.noProjectsFound", "No projects found"),
+							description: j.search ? t(D, "projectsList.adjustSearchOrFilters", "Try adjusting your search or filters") : t(D, "projectsList.createFirstProject", "Create your first project to get started organizing your work"),
+							action: !j.search && Z ? /* @__PURE__ */ _(v, {
+								onClick: Ce,
 								children: [/* @__PURE__ */ g(h, {
 									size: 16,
 									className: "mr-2"
-								}), t(E, "projectsList.createProject", "Create Project")]
+								}), t(D, "projectsList.createProject", "Create Project")]
 							}) : void 0
 						})
 					})
 				}),
-				!U && !W && G && G.items.length > 0 && /* @__PURE__ */ _(ie, { children: [
+				!W && !G && K && K.items.length > 0 && /* @__PURE__ */ _(ie, { children: [
 					/* @__PURE__ */ _("div", {
 						className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
 						children: [/* @__PURE__ */ _("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
 							children: [/* @__PURE__ */ g("input", {
 								type: "checkbox",
-								checked: Y,
+								checked: X,
 								ref: (e) => {
-									e && (e.indeterminate = be && !Y);
+									e && (e.indeterminate = be && !X);
 								},
-								onChange: (e) => Ee(e.target.checked),
-								"aria-label": t(E, "projectsList.selectAllAriaLabel", "Select all projects"),
+								onChange: (e) => De(e.target.checked),
+								"aria-label": t(D, "projectsList.selectAllAriaLabel", "Select all projects"),
 								className: "size-4 rounded border-border-subtle text-primary"
-							}), /* @__PURE__ */ g("span", { children: t(E, "projectsList.selectAllVisible", "Select all visible") })]
+							}), /* @__PURE__ */ g("span", { children: t(D, "projectsList.selectAllVisible", "Select all visible") })]
 						}), /* @__PURE__ */ _("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
 								/* @__PURE__ */ _("span", {
 									className: "text-sm text-text-secondary",
 									children: [
-										M.size,
+										N.size,
 										" ",
-										t(E, "projectsList.selected", "selected")
+										t(D, "projectsList.selected", "selected")
 									]
 								}),
-								M.size > 0 && /* @__PURE__ */ g(v, {
+								N.size > 0 && /* @__PURE__ */ g(v, {
 									variant: "ghost",
 									size: "sm",
-									onClick: P,
-									children: t(E, "projectsList.clearSelection", "Clear selection")
+									onClick: F,
+									children: t(D, "projectsList.clearSelection", "Clear selection")
 								}),
-								D && Q && /* @__PURE__ */ _(v, {
+								O && Q && /* @__PURE__ */ _(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
-										q.length !== 0 && (await Promise.allSettled(q.map((e) => _e(e.id))), P());
+										J.length !== 0 && (await Promise.allSettled(J.map((e) => _e(e.id))), F());
 									},
-									disabled: q.length === 0,
-									children: [t(E, "projectsList.archiveSelected", "Archive Selected"), q.length > 0 ? ` (${q.length})` : ""]
+									disabled: J.length === 0,
+									children: [t(D, "projectsList.archiveSelected", "Archive Selected"), J.length > 0 ? ` (${J.length})` : ""]
 								}),
-								D && Q && /* @__PURE__ */ _(v, {
+								O && Q && /* @__PURE__ */ _(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
-										J.length !== 0 && (await Promise.allSettled(J.map((e) => ve(e.id))), P());
+										Y.length !== 0 && (await Promise.allSettled(Y.map((e) => ve(e.id))), F());
 									},
-									disabled: J.length === 0,
-									children: [t(E, "projectsList.unarchiveSelected", "Unarchive Selected"), J.length > 0 ? ` (${J.length})` : ""]
+									disabled: Y.length === 0,
+									children: [t(D, "projectsList.unarchiveSelected", "Unarchive Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
 								}),
-								D && Z && /* @__PURE__ */ _(v, {
+								O && xe && /* @__PURE__ */ _(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
-										if (K.length === 0) return;
+										if (q.length === 0) return;
 										i("medium");
-										let e = t(E, "projectsList.bulkDeleteConfirmPrefix", "Delete ") + K.length + " " + t(E, "projectsList.bulkDeleteConfirmProject", "selected project") + (K.length === 1 ? "" : t(E, "projectsList.bulkDeleteConfirmPluralSuffix", "s")) + t(E, "projectsList.bulkDeleteConfirmSuffix", "? This cannot be undone."), n = await r({
+										let e = t(D, "projectsList.bulkDeleteConfirmPrefix", "Delete ") + q.length + " " + t(D, "projectsList.bulkDeleteConfirmProject", "selected project") + (q.length === 1 ? "" : t(D, "projectsList.bulkDeleteConfirmPluralSuffix", "s")) + t(D, "projectsList.bulkDeleteConfirmSuffix", "? This cannot be undone."), n = await r({
 											title: "Delete projects",
 											message: e,
 											okButtonTitle: "Delete",
 											cancelButtonTitle: "Cancel"
 										});
-										(n === null ? window.confirm(e) : n) && (await Promise.allSettled(K.map((e) => ye(e.id))), P());
+										(n === null ? window.confirm(e) : n) && (await Promise.allSettled(q.map((e) => ye(e.id))), F());
 									},
-									disabled: K.length === 0,
+									disabled: q.length === 0,
 									className: "text-status-error-text",
-									children: [t(E, "projectsList.deleteSelected", "Delete Selected"), K.length > 0 ? ` (${K.length})` : ""]
+									children: [t(D, "projectsList.deleteSelected", "Delete Selected"), q.length > 0 ? ` (${q.length})` : ""]
 								})
 							]
 						})]
 					}),
 					/* @__PURE__ */ g("div", {
-						className: O === "list" ? "space-y-3" : "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
-						children: G.items.map((e) => /* @__PURE__ */ g(u, {
+						className: k === "list" ? "space-y-3" : "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
+						children: K.items.map((e) => /* @__PURE__ */ g(u, {
 							project: e,
-							selected: M.has(e.id),
+							selected: N.has(e.id),
 							canArchive: Q,
-							canDelete: Z,
+							canDelete: xe,
 							onTagClick: $,
 							onToggleSelect: (t) => {
-								t !== M.has(e.id) && N(e.id);
+								t !== N.has(e.id) && P(e.id);
 							}
 						}, e.id))
 					}),
-					G.total > G.items.length && /* @__PURE__ */ _("div", {
+					K.total > K.items.length && /* @__PURE__ */ _("div", {
 						className: "text-center text-sm text-text-secondary",
 						children: [
-							t(E, "projectsList.showingPrefix", "Showing"),
+							t(D, "projectsList.showingPrefix", "Showing"),
 							" ",
-							G.items.length,
+							K.items.length,
 							" ",
-							t(E, "projectsList.showingOf", "of"),
+							t(D, "projectsList.showingOf", "of"),
 							" ",
-							G.total,
+							K.total,
 							" ",
-							t(E, "projectsList.showingProjects", "projects")
+							t(D, "projectsList.showingProjects", "projects")
 						]
 					})
 				] }),
-				ge && /* @__PURE__ */ g(d, { workspaceId: D })
+				ge && /* @__PURE__ */ g(d, { workspaceId: O })
 			]
 		})
 	});
 }
 //#endregion
-export { E as ProjectsListPage };
+export { D as ProjectsListPage };
 
 //# sourceMappingURL=ProjectsListPage.js.map