@burdenoff/microfe-workspaces 2026.624.2 → 2026.625.2

package/dist/pages/ProjectsListPage.js

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