@burdenoff/microfe-workspaces 2026.510.50 → 2026.511.1

package/dist/pages/ProjectsListPage.js

@@ -1,29 +1,33 @@
 import { useWorkspacesStore as e } from "../store/workspacesStore.js";
-import { nativeConfirm as t, nativeImpact as n } from "../utils/nativeBridge.js";
-import { useProjects as r } from "../hooks/useProjects.js";
-import { useArchiveProject as i, useDeleteProject as ee, useUnarchiveProject as a } from "../hooks/useProjectMutations.js";
-import { ProjectCard as o } from "../components/ProjectCard.js";
-import { CreateProjectDialog as te } from "../components/CreateProjectDialog.js";
-import { useWorkspacePermissions as ne } from "../hooks/useWorkspacePermissions.js";
-import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
-import { FolderKanban as d, Grid3x3 as re, List as f, Plus as p, Search as ie } from "lucide-react";
-import { Fragment as ae, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g, Card as _, CardContent as v, Input as oe, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Skeleton as w } from "@burdenoff/fe-libs/ui";
-import { useParams as se } from "react-router-dom";
-import { useDebounce as ce } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { TagBadge as ue } from "@burdenoff/fe-libs/tag";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useWorkspacesPageView as n } from "../hooks/useWorkspacesPageView.js";
+import { nativeConfirm as ee, nativeImpact as r } from "../utils/nativeBridge.js";
+import { useProjects as i } from "../hooks/useProjects.js";
+import { useArchiveProject as te, useDeleteProject as ne, useUnarchiveProject as re } from "../hooks/useProjectMutations.js";
+import { ProjectCard as ie } from "../components/ProjectCard.js";
+import { CreateProjectDialog as ae } from "../components/CreateProjectDialog.js";
+import { useWorkspacePermissions as oe } from "../hooks/useWorkspacePermissions.js";
+import { useEffect as a, useMemo as o, useState as s } from "react";
+import { FolderKanban as c, Grid3x3 as l, List as u, Plus as d, Search as se } from "lucide-react";
+import { Fragment as ce, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Card as h, CardContent as g, Input as le, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Skeleton as S } 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 T() {
-	let { t: T } = le(), E = s((e, t) => {
-		let n = T(e);
-		return n === e ? t : n;
-	}, [T]), { workspaceId: D } = se(), { viewMode: O, setViewMode: k, projectFilters: A, setProjectFilters: j, clearProjectFilters: de, selectedProjectIds: M, toggleProjectSelection: N, clearProjectSelection: P, openCreateProjectDialog: fe, isCreateProjectDialogOpen: pe } = e(), [F, I] = u(A.search || ""), [L, R] = u([]), [z, B] = u(!0), V = ce(F, 500);
-	c(() => {
-		j({ search: V });
-	}, [V, j]), c(() => {
+function C() {
+	let { t: C } = fe(), { workspaceId: w } = ue();
+	n("workspaces.projects", {
+		workspaceId: w,
+		requireParams: !0
+	});
+	let { viewMode: T, setViewMode: E, projectFilters: D, setProjectFilters: O, clearProjectFilters: k, selectedProjectIds: A, toggleProjectSelection: j, clearProjectSelection: M, openCreateProjectDialog: N, isCreateProjectDialogOpen: P } = e(), [F, I] = s(D.search || ""), [L, R] = s([]), [z, B] = s(!0), V = de(F, 500);
+	a(() => {
+		O({ search: V });
+	}, [V, O]), a(() => {
 		if (L.length === 0) {
-			j({
+			O({
 				tagIds: void 0,
 				tagHierarchyPaths: void 0,
 				matchAllTags: void 0,
@@ -31,7 +35,7 @@ function T() {
 			});
 			return;
 		}
-		j({
+		O({
 			tagIds: L.map((e) => e.tagId),
 			tagHierarchyPaths: L.map((e) => e.hierarchyPath).filter((e) => typeof e == "string" && e.length > 0),
 			matchAllTags: z,
@@ -40,184 +44,184 @@ function T() {
 	}, [
 		L,
 		z,
-		j
-	]), c(() => () => P(), [P]);
-	let { data: H, isLoading: U, error: W } = r(A, void 0, D), { mutateAsync: me } = i(D), { mutateAsync: he } = a(D), { mutateAsync: ge } = ee(D), G = l(() => H?.items.filter((e) => M.has(e.id)) ?? [], [H?.items, M]), K = l(() => G.filter((e) => !e.archived), [G]), q = l(() => G.filter((e) => e.archived), [G]), J = (H?.items.length ?? 0) > 0 && (H?.items ?? []).every((e) => M.has(e.id)), _e = (H?.items ?? []).some((e) => M.has(e.id)) && !J, { canListProjects: ve, canCreateProject: Y, canDeleteProject: X, canArchiveProject: Z, isLoading: ye } = ne();
-	if (ye) return /* @__PURE__ */ h("div", {
+		O
+	]), a(() => () => M(), [M]);
+	let { data: H, isLoading: U, error: W } = i(D, void 0, w), { mutateAsync: me } = te(w), { mutateAsync: he } = re(w), { mutateAsync: ge } = ne(w), G = o(() => H?.items.filter((e) => A.has(e.id)) ?? [], [H?.items, A]), K = o(() => G.filter((e) => !e.archived), [G]), q = o(() => G.filter((e) => e.archived), [G]), J = (H?.items.length ?? 0) > 0 && (H?.items ?? []).every((e) => A.has(e.id)), _e = (H?.items ?? []).some((e) => A.has(e.id)) && !J, { canListProjects: ve, canCreateProject: Y, canDeleteProject: X, canArchiveProject: Z, isLoading: ye } = oe();
+	if (ye) return /* @__PURE__ */ p("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ m(w, { className: "h-10 w-1/3" }), /* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ f(S, { className: "h-10 w-1/3" }), /* @__PURE__ */ p("div", {
 			className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 			children: [
-				/* @__PURE__ */ m(w, { className: "h-32" }),
-				/* @__PURE__ */ m(w, { className: "h-32" }),
-				/* @__PURE__ */ m(w, { className: "h-32" })
+				/* @__PURE__ */ f(S, { className: "h-32" }),
+				/* @__PURE__ */ f(S, { className: "h-32" }),
+				/* @__PURE__ */ f(S, { className: "h-32" })
 			]
 		})]
 	});
-	if (!ve) return /* @__PURE__ */ m("div", {
+	if (!ve) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ m("h2", {
+			children: [/* @__PURE__ */ f("h2", {
 				className: "text-lg font-semibold",
-				children: E("projectsList.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ m("p", {
+				children: t(C, "projectsList.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-muted-foreground",
-				children: E("projectsList.noPermissionToViewProjects", "You don't have permission to view projects.")
+				children: t(C, "projectsList.noPermissionToViewProjects", "You don't have permission to view projects.")
 			})]
 		})
 	});
 	let Q = () => {
-		fe({});
+		N({});
 	}, be = (e) => {
 		if (e === "all") {
-			let e = { ...A };
-			delete e.status, j(e);
-		} else j({ status: e });
+			let e = { ...D };
+			delete e.status, O(e);
+		} else O({ status: e });
 	}, xe = (e) => {
 		if (e === "all") {
-			let e = { ...A };
-			delete e.archived, j(e);
-		} else j({ archived: e === "true" });
+			let e = { ...D };
+			delete e.archived, O(e);
+		} else O({ archived: e === "true" });
 	}, $ = (e) => {
 		R((t) => t.some((t) => t.tagId === e.tagId) ? t.filter((t) => t.tagId !== e.tagId) : [...t, e]);
 	}, Se = () => {
-		I(""), R([]), B(!0), de();
+		I(""), R([]), B(!0), k();
 	}, Ce = (e) => {
 		(H?.items ?? []).forEach((t) => {
-			e !== M.has(t.id) && N(t.id);
+			e !== A.has(t.id) && j(t.id);
 		});
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl sm:text-3xl font-bold",
-					children: E("projectsList.pageTitle", "Projects")
-				}), /* @__PURE__ */ m("p", {
+					children: t(C, "projectsList.pageTitle", "Projects")
+				}), /* @__PURE__ */ f("p", {
 					className: "text-muted-foreground",
-					children: E("projectsList.pageSubtitle", "Manage and organize your projects")
-				})] }), /* @__PURE__ */ h("div", {
+					children: t(C, "projectsList.pageSubtitle", "Manage and organize your projects")
+				})] }), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-1 border rounded-lg p-1",
-						children: [/* @__PURE__ */ m(g, {
-							variant: O === "grid" ? "secondary" : "ghost",
+						children: [/* @__PURE__ */ f(m, {
+							variant: T === "grid" ? "secondary" : "ghost",
 							size: "sm",
-							onClick: () => k("grid"),
+							onClick: () => E("grid"),
 							className: "h-8 w-8 p-0",
-							"aria-label": E("projectsList.gridViewAriaLabel", "Show projects in grid view"),
-							children: /* @__PURE__ */ m(re, { size: 16 })
-						}), /* @__PURE__ */ m(g, {
-							variant: O === "list" ? "secondary" : "ghost",
+							"aria-label": t(C, "projectsList.gridViewAriaLabel", "Show projects in grid view"),
+							children: /* @__PURE__ */ f(l, { size: 16 })
+						}), /* @__PURE__ */ f(m, {
+							variant: T === "list" ? "secondary" : "ghost",
 							size: "sm",
-							onClick: () => k("list"),
+							onClick: () => E("list"),
 							className: "h-8 w-8 p-0",
-							"aria-label": E("projectsList.listViewAriaLabel", "Show projects in list view"),
-							children: /* @__PURE__ */ m(f, { size: 16 })
+							"aria-label": t(C, "projectsList.listViewAriaLabel", "Show projects in list view"),
+							children: /* @__PURE__ */ f(u, { size: 16 })
 						})]
-					}), Y && /* @__PURE__ */ h(g, {
+					}), Y && /* @__PURE__ */ p(m, {
 						onClick: Q,
-						children: [/* @__PURE__ */ m(p, { className: "h-4 w-4 sm:mr-2" }), /* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 sm:mr-2" }), /* @__PURE__ */ f("span", {
 							className: "hidden sm:inline",
-							children: E("projectsList.createProject", "Create Project")
+							children: t(C, "projectsList.createProject", "Create Project")
 						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col sm:flex-row gap-3",
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ p("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ m(ie, {
+						children: [/* @__PURE__ */ f(se, {
 							className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
 							size: 18
-						}), /* @__PURE__ */ m(oe, {
-							placeholder: E("projectsList.searchPlaceholder", "Search projects..."),
+						}), /* @__PURE__ */ f(le, {
+							placeholder: t(C, "projectsList.searchPlaceholder", "Search projects..."),
 							value: F,
 							onChange: (e) => I(e.target.value),
 							className: "pl-[3.25rem]"
 						})]
 					}),
-					/* @__PURE__ */ h(y, {
-						value: A.status || "all",
+					/* @__PURE__ */ p(_, {
+						value: D.status || "all",
 						onValueChange: be,
-						children: [/* @__PURE__ */ m(S, {
+						children: [/* @__PURE__ */ f(b, {
 							className: "w-full sm:w-[180px]",
-							children: /* @__PURE__ */ m(C, { placeholder: E("projectsList.filterByStatus", "Filter by status") })
-						}), /* @__PURE__ */ h(b, { children: [
-							/* @__PURE__ */ m(x, {
+							children: /* @__PURE__ */ f(x, { placeholder: t(C, "projectsList.filterByStatus", "Filter by status") })
+						}), /* @__PURE__ */ p(v, { children: [
+							/* @__PURE__ */ f(y, {
 								value: "all",
-								children: E("projectsList.statusAll", "All Statuses")
+								children: t(C, "projectsList.statusAll", "All Statuses")
 							}),
-							/* @__PURE__ */ m(x, {
+							/* @__PURE__ */ f(y, {
 								value: "ACTIVE",
-								children: E("projectsList.statusActive", "Active")
+								children: t(C, "projectsList.statusActive", "Active")
 							}),
-							/* @__PURE__ */ m(x, {
+							/* @__PURE__ */ f(y, {
 								value: "INACTIVE",
-								children: E("projectsList.statusInactive", "Inactive")
+								children: t(C, "projectsList.statusInactive", "Inactive")
 							})
 						] })]
 					}),
-					/* @__PURE__ */ h(y, {
-						value: A.archived === void 0 ? "all" : A.archived ? "true" : "false",
+					/* @__PURE__ */ p(_, {
+						value: D.archived === void 0 ? "all" : D.archived ? "true" : "false",
 						onValueChange: xe,
-						children: [/* @__PURE__ */ m(S, {
+						children: [/* @__PURE__ */ f(b, {
 							className: "w-full sm:w-[180px]",
-							children: /* @__PURE__ */ m(C, { placeholder: E("projectsList.filterByArchive", "Filter by archive") })
-						}), /* @__PURE__ */ h(b, { children: [
-							/* @__PURE__ */ m(x, {
+							children: /* @__PURE__ */ f(x, { placeholder: t(C, "projectsList.filterByArchive", "Filter by archive") })
+						}), /* @__PURE__ */ p(v, { children: [
+							/* @__PURE__ */ f(y, {
 								value: "all",
-								children: E("projectsList.archiveAll", "All Projects")
+								children: t(C, "projectsList.archiveAll", "All Projects")
 							}),
-							/* @__PURE__ */ m(x, {
+							/* @__PURE__ */ f(y, {
 								value: "false",
-								children: E("projectsList.archiveActiveProjects", "Active Projects")
+								children: t(C, "projectsList.archiveActiveProjects", "Active Projects")
 							}),
-							/* @__PURE__ */ m(x, {
+							/* @__PURE__ */ f(y, {
 								value: "true",
-								children: E("projectsList.archiveArchived", "Archived")
+								children: t(C, "projectsList.archiveArchived", "Archived")
 							})
 						] })]
 					}),
-					(A.search || A.status || A.archived !== void 0 || L.length > 0) && /* @__PURE__ */ m(g, {
+					(D.search || D.status || D.archived !== void 0 || L.length > 0) && /* @__PURE__ */ f(m, {
 						variant: "outline",
 						onClick: Se,
-						children: E("projectsList.clearFilters", "Clear Filters")
+						children: t(C, "projectsList.clearFilters", "Clear Filters")
 					})
 				]
 			}),
-			L.length > 0 && /* @__PURE__ */ h("div", {
+			L.length > 0 && /* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+					children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 						className: "text-sm font-medium",
-						children: E("projectsList.activeTagFilters", "Active tag filters")
-					}), /* @__PURE__ */ m("p", {
+						children: t(C, "projectsList.activeTagFilters", "Active tag filters")
+					}), /* @__PURE__ */ f("p", {
 						className: "text-xs text-muted-foreground",
-						children: E("projectsList.activeTagFiltersDescription", "Click a project tag to add or remove it from the current filter set.")
-					})] }), /* @__PURE__ */ h(y, {
+						children: t(C, "projectsList.activeTagFiltersDescription", "Click a project tag to add or remove it from the current filter set.")
+					})] }), /* @__PURE__ */ p(_, {
 						value: z ? "all" : "any",
 						onValueChange: (e) => B(e === "all"),
-						children: [/* @__PURE__ */ m(S, {
+						children: [/* @__PURE__ */ f(b, {
 							className: "w-full sm:w-[180px]",
-							children: /* @__PURE__ */ m(C, { placeholder: E("projectsList.tagMatchMode", "Tag match mode") })
-						}), /* @__PURE__ */ h(b, { children: [/* @__PURE__ */ m(x, {
+							children: /* @__PURE__ */ f(x, { placeholder: t(C, "projectsList.tagMatchMode", "Tag match mode") })
+						}), /* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(y, {
 							value: "all",
-							children: E("projectsList.tagMatchAll", "Match all tags")
-						}), /* @__PURE__ */ m(x, {
+							children: t(C, "projectsList.tagMatchAll", "Match all tags")
+						}), /* @__PURE__ */ f(y, {
 							value: "any",
-							children: E("projectsList.tagMatchAny", "Match any tag")
+							children: t(C, "projectsList.tagMatchAny", "Match any tag")
 						})] })]
 					})]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex flex-wrap gap-2",
-					children: L.map((e) => /* @__PURE__ */ m(ue, {
+					children: L.map((e) => /* @__PURE__ */ f(pe, {
 						id: e.tagId,
 						label: e.label,
 						color: e.color ?? void 0,
@@ -229,170 +233,170 @@ function T() {
 					}, e.tagId))
 				})]
 			}),
-			W && /* @__PURE__ */ m(_, {
+			W && /* @__PURE__ */ f(h, {
 				className: "border-destructive",
-				children: /* @__PURE__ */ m(v, {
+				children: /* @__PURE__ */ f(g, {
 					className: "pt-6",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex flex-col items-center justify-center py-8 text-center",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ f("p", {
 							className: "text-destructive font-semibold mb-2",
-							children: E("projectsList.errorLoading", "Error loading projects")
-						}), /* @__PURE__ */ m("p", {
+							children: t(C, "projectsList.errorLoading", "Error loading projects")
+						}), /* @__PURE__ */ f("p", {
 							className: "text-sm text-muted-foreground",
-							children: W instanceof Error ? W.message : E("projectsList.unknownError", "An unknown error occurred")
+							children: W instanceof Error ? W.message : t(C, "projectsList.unknownError", "An unknown error occurred")
 						})]
 					})
 				})
 			}),
-			U && /* @__PURE__ */ m("div", {
+			U && /* @__PURE__ */ f("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__ */ m(_, { children: /* @__PURE__ */ m(v, {
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ f(h, { children: /* @__PURE__ */ f(g, {
 					className: "pt-6",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ m(w, { className: "h-12 w-12 rounded-lg" }),
-							/* @__PURE__ */ m(w, { className: "h-4 w-3/4" }),
-							/* @__PURE__ */ m(w, { className: "h-4 w-1/2" })
+							/* @__PURE__ */ f(S, { className: "h-12 w-12 rounded-lg" }),
+							/* @__PURE__ */ f(S, { className: "h-4 w-3/4" }),
+							/* @__PURE__ */ f(S, { className: "h-4 w-1/2" })
 						]
 					})
 				}) }, t))
 			}),
-			!U && !W && H?.items.length === 0 && /* @__PURE__ */ m(_, { children: /* @__PURE__ */ m(v, {
+			!U && !W && H?.items.length === 0 && /* @__PURE__ */ f(h, { children: /* @__PURE__ */ f(g, {
 				className: "pt-6",
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ f("div", {
 							className: "rounded-full bg-muted p-6 mb-4",
-							children: /* @__PURE__ */ m(d, {
+							children: /* @__PURE__ */ f(c, {
 								size: 48,
 								className: "text-muted-foreground"
 							})
 						}),
-						/* @__PURE__ */ m("h3", {
+						/* @__PURE__ */ f("h3", {
 							className: "text-lg font-semibold mb-2",
-							children: E("projectsList.noProjectsFound", "No projects found")
+							children: t(C, "projectsList.noProjectsFound", "No projects found")
 						}),
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ f("p", {
 							className: "text-muted-foreground max-w-sm mb-4",
-							children: A.search ? E("projectsList.adjustSearchOrFilters", "Try adjusting your search or filters") : E("projectsList.createFirstProject", "Create your first project to get started organizing your work")
+							children: D.search ? t(C, "projectsList.adjustSearchOrFilters", "Try adjusting your search or filters") : t(C, "projectsList.createFirstProject", "Create your first project to get started organizing your work")
 						}),
-						!A.search && Y && /* @__PURE__ */ h(g, {
+						!D.search && Y && /* @__PURE__ */ p(m, {
 							onClick: Q,
-							children: [/* @__PURE__ */ m(p, {
+							children: [/* @__PURE__ */ f(d, {
 								size: 16,
 								className: "mr-2"
-							}), E("projectsList.createProject", "Create Project")]
+							}), t(C, "projectsList.createProject", "Create Project")]
 						})
 					]
 				})
 			}) }),
-			!U && !W && H && H.items.length > 0 && /* @__PURE__ */ h(ae, { children: [
-				/* @__PURE__ */ h("div", {
+			!U && !W && H && H.items.length > 0 && /* @__PURE__ */ p(ce, { children: [
+				/* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ h("label", {
+					children: [/* @__PURE__ */ p("label", {
 						className: "flex items-center gap-2 text-sm text-foreground",
-						children: [/* @__PURE__ */ m("input", {
+						children: [/* @__PURE__ */ f("input", {
 							type: "checkbox",
 							checked: J,
 							ref: (e) => {
 								e && (e.indeterminate = _e && !J);
 							},
 							onChange: (e) => Ce(e.target.checked),
-							"aria-label": E("projectsList.selectAllAriaLabel", "Select all projects"),
+							"aria-label": t(C, "projectsList.selectAllAriaLabel", "Select all projects"),
 							className: "h-4 w-4 rounded border-border text-primary"
-						}), /* @__PURE__ */ m("span", { children: E("projectsList.selectAllVisible", "Select all visible") })]
-					}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ f("span", { children: t(C, "projectsList.selectAllVisible", "Select all visible") })]
+					}), /* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ p("span", {
 								className: "text-sm text-muted-foreground",
 								children: [
-									M.size,
+									A.size,
 									" ",
-									E("projectsList.selected", "selected")
+									t(C, "projectsList.selected", "selected")
 								]
 							}),
-							M.size > 0 && /* @__PURE__ */ m(g, {
+							A.size > 0 && /* @__PURE__ */ f(m, {
 								variant: "ghost",
 								size: "sm",
-								onClick: P,
-								children: E("projectsList.clearSelection", "Clear selection")
+								onClick: M,
+								children: t(C, "projectsList.clearSelection", "Clear selection")
 							}),
-							Z && /* @__PURE__ */ h(g, {
+							Z && /* @__PURE__ */ p(m, {
 								variant: "outline",
 								size: "sm",
 								onClick: async () => {
-									K.length !== 0 && (await Promise.allSettled(K.map((e) => me(e.id))), P());
+									K.length !== 0 && (await Promise.allSettled(K.map((e) => me(e.id))), M());
 								},
 								disabled: K.length === 0,
-								children: [E("projectsList.archiveSelected", "Archive Selected"), K.length > 0 ? ` (${K.length})` : ""]
+								children: [t(C, "projectsList.archiveSelected", "Archive Selected"), K.length > 0 ? ` (${K.length})` : ""]
 							}),
-							Z && /* @__PURE__ */ h(g, {
+							Z && /* @__PURE__ */ p(m, {
 								variant: "outline",
 								size: "sm",
 								onClick: async () => {
-									q.length !== 0 && (await Promise.allSettled(q.map((e) => he(e.id))), P());
+									q.length !== 0 && (await Promise.allSettled(q.map((e) => he(e.id))), M());
 								},
 								disabled: q.length === 0,
-								children: [E("projectsList.unarchiveSelected", "Unarchive Selected"), q.length > 0 ? ` (${q.length})` : ""]
+								children: [t(C, "projectsList.unarchiveSelected", "Unarchive Selected"), q.length > 0 ? ` (${q.length})` : ""]
 							}),
-							X && /* @__PURE__ */ h(g, {
+							X && /* @__PURE__ */ p(m, {
 								variant: "outline",
 								size: "sm",
 								onClick: async () => {
 									if (G.length === 0) return;
-									n("medium");
-									let e = E("projectsList.bulkDeleteConfirmPrefix", "Delete ") + G.length + " " + E("projectsList.bulkDeleteConfirmProject", "selected project") + (G.length === 1 ? "" : E("projectsList.bulkDeleteConfirmPluralSuffix", "s")) + E("projectsList.bulkDeleteConfirmSuffix", "? This cannot be undone."), r = await t({
+									r("medium");
+									let e = t(C, "projectsList.bulkDeleteConfirmPrefix", "Delete ") + G.length + " " + t(C, "projectsList.bulkDeleteConfirmProject", "selected project") + (G.length === 1 ? "" : t(C, "projectsList.bulkDeleteConfirmPluralSuffix", "s")) + t(C, "projectsList.bulkDeleteConfirmSuffix", "? This cannot be undone."), n = await ee({
 										title: "Delete projects",
 										message: e,
 										okButtonTitle: "Delete",
 										cancelButtonTitle: "Cancel"
 									});
-									(r === null ? window.confirm(e) : r) && (await Promise.allSettled(G.map((e) => ge(e.id))), P());
+									(n === null ? window.confirm(e) : n) && (await Promise.allSettled(G.map((e) => ge(e.id))), M());
 								},
 								disabled: G.length === 0,
 								className: "text-destructive",
-								children: [E("projectsList.deleteSelected", "Delete Selected"), G.length > 0 ? ` (${G.length})` : ""]
+								children: [t(C, "projectsList.deleteSelected", "Delete Selected"), G.length > 0 ? ` (${G.length})` : ""]
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ m("div", {
-					className: O === "list" ? "space-y-3" : "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
-					children: H.items.map((e) => /* @__PURE__ */ m(o, {
+				/* @__PURE__ */ f("div", {
+					className: T === "list" ? "space-y-3" : "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
+					children: H.items.map((e) => /* @__PURE__ */ f(ie, {
 						project: e,
-						selected: M.has(e.id),
+						selected: A.has(e.id),
 						canArchive: Z,
 						canDelete: X,
 						onTagClick: $,
 						onToggleSelect: (t) => {
-							t !== M.has(e.id) && N(e.id);
+							t !== A.has(e.id) && j(e.id);
 						}
 					}, e.id))
 				}),
-				H.total > H.items.length && /* @__PURE__ */ h("div", {
+				H.total > H.items.length && /* @__PURE__ */ p("div", {
 					className: "text-center text-sm text-muted-foreground",
 					children: [
-						E("projectsList.showingPrefix", "Showing"),
+						t(C, "projectsList.showingPrefix", "Showing"),
 						" ",
 						H.items.length,
 						" ",
-						E("projectsList.showingOf", "of"),
+						t(C, "projectsList.showingOf", "of"),
 						" ",
 						H.total,
 						" ",
-						E("projectsList.showingProjects", "projects")
+						t(C, "projectsList.showingProjects", "projects")
 					]
 				})
 			] }),
-			pe && /* @__PURE__ */ m(te, { workspaceId: D })
+			P && /* @__PURE__ */ f(ae, { workspaceId: w })
 		]
 	});
 }
 //#endregion
-export { T as ProjectsListPage };
+export { C as ProjectsListPage };
 
 //# sourceMappingURL=ProjectsListPage.js.map