@burdenoff/microfe-workspaces 2026.520.1 → 2026.528.1

package/dist/pages/ProjectsListPage.js

@@ -11,19 +11,19 @@ import { useWorkspacePermissions as d } from "../hooks/useWorkspacePermissions.j
 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, 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 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 { 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";
 //#region src/pages/ProjectsListPage.tsx
 function D() {
-	let { t: D } = le(), { workspaceId: O } = se();
+	let { t: D } = ue(), { workspaceId: O } = ce();
 	n("workspaces.projects", {
 		workspaceId: O,
 		requireParams: !0
 	});
-	let { viewMode: k, setViewMode: A, projectFilters: j, setProjectFilters: M, clearProjectFilters: de, selectedProjectIds: N, toggleProjectSelection: P, clearProjectSelection: F, openCreateProjectDialog: fe, isCreateProjectDialogOpen: pe } = e(), [I, L] = m(j.search || ""), [R, z] = m([]), [B, V] = m(!0), H = ce(I, 500);
+	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(() => {
@@ -67,8 +67,8 @@ function D() {
 		U?.hasMore,
 		j,
 		O
-	]), { mutateAsync: me } = o(O), { mutateAsync: he } = c(O), { mutateAsync: ge } = s(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)), _e = (K?.items ?? []).some((e) => N.has(e.id)) && !X, { canCreateProject: ve, canDeleteProject: Z, canArchiveProject: Q, isLoading: ye } = d();
-	if (ye) return /* @__PURE__ */ _("div", {
+	]), { mutateAsync: he } = o(O), { mutateAsync: ge } = c(O), { mutateAsync: _e } = s(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 } = d();
+	if (xe) return /* @__PURE__ */ _("div", {
 		className: "space-y-4 p-6",
 		children: [/* @__PURE__ */ g(E, { className: "h-10 w-1/3" }), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 md:grid-cols-3 gap-4",
@@ -79,329 +79,332 @@ function D() {
 			]
 		})]
 	});
-	let be = () => {
-		fe({});
-	}, xe = (e) => {
+	let Q = () => {
+		pe({});
+	}, Se = (e) => {
 		if (e === "all") {
 			let e = { ...j };
 			delete e.status, M(e);
 		} else M({ status: e });
-	}, Se = (e) => {
+	}, Ce = (e) => {
 		if (e === "all") {
 			let e = { ...j };
 			delete e.archived, M(e);
 		} else M({ archived: e === "true" });
 	}, $ = (e) => {
 		z((t) => t.some((t) => t.tagId === e.tagId) ? t.filter((t) => t.tagId !== e.tagId) : [...t, e]);
-	}, Ce = () => {
-		L(""), z([]), V(!0), de();
-	}, we = (e) => {
+	}, we = () => {
+		L(""), z([]), V(!0), fe();
+	}, Te = (e) => {
 		(K?.items ?? []).forEach((t) => {
 			e !== N.has(t.id) && P(t.id);
 		});
 	};
-	return /* @__PURE__ */ _("div", {
-		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: [
-			/* @__PURE__ */ _("div", {
-				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(D, "projectsList.pageTitle", "Projects")
-				}), /* @__PURE__ */ g("p", {
-					className: "text-muted-foreground",
-					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: k === "grid" ? "secondary" : "ghost",
-							size: "sm",
-							onClick: () => A("grid"),
-							className: "h-8 w-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",
-							size: "sm",
-							onClick: () => A("list"),
-							className: "h-8 w-8 p-0",
-							"aria-label": t(D, "projectsList.listViewAriaLabel", "Show projects in list view"),
-							children: /* @__PURE__ */ g(re, { size: 16 })
-						})]
-					}), ve && /* @__PURE__ */ _(v, {
-						onClick: be,
-						children: [/* @__PURE__ */ g(h, { className: "h-4 w-4 sm:mr-2" }), /* @__PURE__ */ g("span", {
-							className: "hidden sm:inline",
-							children: t(D, "projectsList.createProject", "Create Project")
-						})]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "flex flex-col sm:flex-row gap-3",
-				children: [
-					/* @__PURE__ */ _("div", {
-						className: "relative flex-1",
-						children: [/* @__PURE__ */ g(ie, {
-							className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
-							size: 18
-						}), /* @__PURE__ */ g(oe, {
-							placeholder: t(D, "projectsList.searchPlaceholder", "Search projects..."),
-							value: I,
-							onChange: (e) => L(e.target.value),
-							className: "pl-[3.25rem]"
-						})]
-					}),
-					/* @__PURE__ */ _(x, {
-						value: j.status || "all",
-						onValueChange: xe,
-						children: [/* @__PURE__ */ g(w, {
-							className: "w-full sm:w-[180px]",
-							children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.filterByStatus", "Filter by status") })
-						}), /* @__PURE__ */ _(S, { children: [
-							/* @__PURE__ */ g(C, {
-								value: "all",
-								children: t(D, "projectsList.statusAll", "All Statuses")
-							}),
-							/* @__PURE__ */ g(C, {
-								value: "ACTIVE",
-								children: t(D, "projectsList.statusActive", "Active")
-							}),
-							/* @__PURE__ */ g(C, {
-								value: "INACTIVE",
-								children: t(D, "projectsList.statusInactive", "Inactive")
-							})
-						] })]
-					}),
-					/* @__PURE__ */ _(x, {
-						value: j.archived === void 0 ? "all" : j.archived ? "true" : "false",
-						onValueChange: Se,
-						children: [/* @__PURE__ */ g(w, {
-							className: "w-full sm:w-[180px]",
-							children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.filterByArchive", "Filter by archive") })
-						}), /* @__PURE__ */ _(S, { children: [
-							/* @__PURE__ */ g(C, {
-								value: "all",
-								children: t(D, "projectsList.archiveAll", "All Projects")
-							}),
-							/* @__PURE__ */ g(C, {
-								value: "false",
-								children: t(D, "projectsList.archiveActiveProjects", "Active Projects")
-							}),
-							/* @__PURE__ */ g(C, {
-								value: "true",
-								children: t(D, "projectsList.archiveArchived", "Archived")
-							})
-						] })]
-					}),
-					(j.search || j.status || j.archived !== void 0 || R.length > 0) && /* @__PURE__ */ g(v, {
-						variant: "outline",
-						onClick: Ce,
-						children: t(D, "projectsList.clearFilters", "Clear Filters")
-					})
-				]
-			}),
-			R.length > 0 && /* @__PURE__ */ _("div", {
-				className: "flex flex-col gap-3 rounded-lg border border-border bg-card 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(D, "projectsList.activeTagFilters", "Active tag filters")
+	return /* @__PURE__ */ g(se, {
+		padded: !1,
+		children: /* @__PURE__ */ _("div", {
+			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+			children: [
+				/* @__PURE__ */ _("div", {
+					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(D, "projectsList.pageTitle", "Projects")
 					}), /* @__PURE__ */ g("p", {
-						className: "text-xs text-muted-foreground",
-						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(T, { placeholder: t(D, "projectsList.tagMatchMode", "Tag match mode") })
-						}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, {
-							value: "all",
-							children: t(D, "projectsList.tagMatchAll", "Match all tags")
-						}), /* @__PURE__ */ g(C, {
-							value: "any",
-							children: t(D, "projectsList.tagMatchAny", "Match any tag")
-						})] })]
-					})]
-				}), /* @__PURE__ */ g("div", {
-					className: "flex flex-wrap gap-2",
-					children: R.map((e) => /* @__PURE__ */ g(ue, {
-						id: e.tagId,
-						label: e.label,
-						color: e.color ?? void 0,
-						icon: e.icon ?? void 0,
-						description: e.description ?? void 0,
-						removable: !0,
-						onRemove: () => $(e),
-						size: "sm"
-					}, e.tagId))
-				})]
-			}),
-			G && /* @__PURE__ */ g(y, {
-				className: "border-destructive",
-				children: /* @__PURE__ */ g(b, {
-					className: "pt-6",
-					children: /* @__PURE__ */ _("div", {
-						className: "flex flex-col items-center justify-center py-8 text-center",
-						children: [/* @__PURE__ */ g("p", {
-							className: "text-destructive font-semibold mb-2",
-							children: t(D, "projectsList.errorLoading", "Error loading projects")
-						}), /* @__PURE__ */ g("p", {
-							className: "text-sm text-muted-foreground",
-							children: G instanceof Error ? G.message : t(D, "projectsList.unknownError", "An unknown error occurred")
+						className: "text-muted-foreground",
+						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: k === "grid" ? "secondary" : "ghost",
+								size: "sm",
+								onClick: () => A("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",
+								size: "sm",
+								onClick: () => A("list"),
+								className: "size-8 p-0",
+								"aria-label": t(D, "projectsList.listViewAriaLabel", "Show projects in list view"),
+								children: /* @__PURE__ */ g(re, { size: 16 })
+							})]
+						}), ye && /* @__PURE__ */ _(v, {
+							onClick: Q,
+							children: [/* @__PURE__ */ g(h, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ g("span", {
+								className: "hidden sm:inline",
+								children: t(D, "projectsList.createProject", "Create Project")
+							})]
 						})]
-					})
-				})
-			}),
-			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(y, { children: /* @__PURE__ */ g(b, {
-					className: "pt-6",
-					children: /* @__PURE__ */ _("div", {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ g(E, { className: "h-12 w-12 rounded-lg" }),
-							/* @__PURE__ */ g(E, { className: "h-4 w-3/4" }),
-							/* @__PURE__ */ g(E, { className: "h-4 w-1/2" })
-						]
-					})
-				}) }, 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",
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "flex flex-col sm:flex-row gap-3",
 					children: [
-						/* @__PURE__ */ g("div", {
-							className: "rounded-full bg-muted p-6 mb-4",
-							children: /* @__PURE__ */ g(te, {
-								size: 48,
-								className: "text-muted-foreground"
-							})
+						/* @__PURE__ */ _("div", {
+							className: "relative flex-1",
+							children: [/* @__PURE__ */ g(ie, {
+								className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
+								size: 18
+							}), /* @__PURE__ */ g(oe, {
+								placeholder: t(D, "projectsList.searchPlaceholder", "Search projects..."),
+								value: I,
+								onChange: (e) => L(e.target.value),
+								className: "pl-[3.25rem]"
+							})]
 						}),
-						/* @__PURE__ */ g("h3", {
-							className: "text-lg font-semibold mb-2",
-							children: t(D, "projectsList.noProjectsFound", "No projects found")
+						/* @__PURE__ */ _(x, {
+							value: j.status || "all",
+							onValueChange: Se,
+							children: [/* @__PURE__ */ g(w, {
+								className: "w-full sm:w-[180px]",
+								children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.filterByStatus", "Filter by status") })
+							}), /* @__PURE__ */ _(S, { children: [
+								/* @__PURE__ */ g(C, {
+									value: "all",
+									children: t(D, "projectsList.statusAll", "All Statuses")
+								}),
+								/* @__PURE__ */ g(C, {
+									value: "ACTIVE",
+									children: t(D, "projectsList.statusActive", "Active")
+								}),
+								/* @__PURE__ */ g(C, {
+									value: "INACTIVE",
+									children: t(D, "projectsList.statusInactive", "Inactive")
+								})
+							] })]
 						}),
-						/* @__PURE__ */ g("p", {
-							className: "text-muted-foreground 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")
+						/* @__PURE__ */ _(x, {
+							value: j.archived === void 0 ? "all" : j.archived ? "true" : "false",
+							onValueChange: Ce,
+							children: [/* @__PURE__ */ g(w, {
+								className: "w-full sm:w-[180px]",
+								children: /* @__PURE__ */ g(T, { placeholder: t(D, "projectsList.filterByArchive", "Filter by archive") })
+							}), /* @__PURE__ */ _(S, { children: [
+								/* @__PURE__ */ g(C, {
+									value: "all",
+									children: t(D, "projectsList.archiveAll", "All Projects")
+								}),
+								/* @__PURE__ */ g(C, {
+									value: "false",
+									children: t(D, "projectsList.archiveActiveProjects", "Active Projects")
+								}),
+								/* @__PURE__ */ g(C, {
+									value: "true",
+									children: t(D, "projectsList.archiveArchived", "Archived")
+								})
+							] })]
 						}),
-						!j.search && ve && /* @__PURE__ */ _(v, {
-							onClick: be,
-							children: [/* @__PURE__ */ g(h, {
-								size: 16,
-								className: "mr-2"
-							}), t(D, "projectsList.createProject", "Create Project")]
+						(j.search || j.status || j.archived !== void 0 || R.length > 0) && /* @__PURE__ */ g(v, {
+							variant: "outline",
+							onClick: we,
+							children: t(D, "projectsList.clearFilters", "Clear Filters")
 						})
 					]
-				})
-			}) }),
-			!W && !G && K && K.items.length > 0 && /* @__PURE__ */ _(ae, { children: [
-				/* @__PURE__ */ _("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__ */ _("label", {
-						className: "flex items-center gap-2 text-sm text-foreground",
-						children: [/* @__PURE__ */ g("input", {
-							type: "checkbox",
-							checked: X,
-							ref: (e) => {
-								e && (e.indeterminate = _e && !X);
-							},
-							onChange: (e) => we(e.target.checked),
-							"aria-label": t(D, "projectsList.selectAllAriaLabel", "Select all projects"),
-							className: "h-4 w-4 rounded border-border text-primary"
-						}), /* @__PURE__ */ g("span", { children: t(D, "projectsList.selectAllVisible", "Select all visible") })]
-					}), /* @__PURE__ */ _("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [
-							/* @__PURE__ */ _("span", {
+				}),
+				R.length > 0 && /* @__PURE__ */ _("div", {
+					className: "flex flex-col gap-3 rounded-lg border border-border bg-card 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(D, "projectsList.activeTagFilters", "Active tag filters")
+						}), /* @__PURE__ */ g("p", {
+							className: "text-xs text-muted-foreground",
+							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(T, { placeholder: t(D, "projectsList.tagMatchMode", "Tag match mode") })
+							}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, {
+								value: "all",
+								children: t(D, "projectsList.tagMatchAll", "Match all tags")
+							}), /* @__PURE__ */ g(C, {
+								value: "any",
+								children: t(D, "projectsList.tagMatchAny", "Match any tag")
+							})] })]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "flex flex-wrap gap-2",
+						children: R.map((e) => /* @__PURE__ */ g(de, {
+							id: e.tagId,
+							label: e.label,
+							color: e.color ?? void 0,
+							icon: e.icon ?? void 0,
+							description: e.description ?? void 0,
+							removable: !0,
+							onRemove: () => $(e),
+							size: "sm"
+						}, e.tagId))
+					})]
+				}),
+				G && /* @__PURE__ */ g(y, {
+					className: "border-destructive",
+					children: /* @__PURE__ */ g(b, {
+						className: "pt-6",
+						children: /* @__PURE__ */ _("div", {
+							className: "flex flex-col items-center justify-center py-8 text-center",
+							children: [/* @__PURE__ */ g("p", {
+								className: "text-destructive font-semibold mb-2",
+								children: t(D, "projectsList.errorLoading", "Error loading projects")
+							}), /* @__PURE__ */ g("p", {
 								className: "text-sm text-muted-foreground",
-								children: [
-									N.size,
-									" ",
-									t(D, "projectsList.selected", "selected")
-								]
+								children: G instanceof Error ? G.message : t(D, "projectsList.unknownError", "An unknown error occurred")
+							})]
+						})
+					})
+				}),
+				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(y, { children: /* @__PURE__ */ g(b, {
+						className: "pt-6",
+						children: /* @__PURE__ */ _("div", {
+							className: "space-y-3",
+							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" })
+							]
+						})
+					}) }, 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-muted p-6 mb-4",
+								children: /* @__PURE__ */ g(te, {
+									size: 48,
+									className: "text-muted-foreground"
+								})
 							}),
-							N.size > 0 && /* @__PURE__ */ g(v, {
-								variant: "ghost",
-								size: "sm",
-								onClick: F,
-								children: t(D, "projectsList.clearSelection", "Clear selection")
+							/* @__PURE__ */ g("h3", {
+								className: "text-lg font-semibold mb-2",
+								children: t(D, "projectsList.noProjectsFound", "No projects found")
 							}),
-							O && Q && /* @__PURE__ */ _(v, {
-								variant: "outline",
-								size: "sm",
-								onClick: async () => {
-									J.length !== 0 && (await Promise.allSettled(J.map((e) => me(e.id))), F());
-								},
-								disabled: J.length === 0,
-								children: [t(D, "projectsList.archiveSelected", "Archive Selected"), J.length > 0 ? ` (${J.length})` : ""]
+							/* @__PURE__ */ g("p", {
+								className: "text-muted-foreground 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")
 							}),
-							O && Q && /* @__PURE__ */ _(v, {
-								variant: "outline",
-								size: "sm",
-								onClick: async () => {
-									Y.length !== 0 && (await Promise.allSettled(Y.map((e) => he(e.id))), F());
-								},
-								disabled: Y.length === 0,
-								children: [t(D, "projectsList.unarchiveSelected", "Unarchive Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
-							}),
-							O && Z && /* @__PURE__ */ _(v, {
-								variant: "outline",
-								size: "sm",
-								onClick: async () => {
-									if (q.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({
-										title: "Delete projects",
-										message: e,
-										okButtonTitle: "Delete",
-										cancelButtonTitle: "Cancel"
-									});
-									(n === null ? window.confirm(e) : n) && (await Promise.allSettled(q.map((e) => ge(e.id))), F());
-								},
-								disabled: q.length === 0,
-								className: "text-destructive",
-								children: [t(D, "projectsList.deleteSelected", "Delete Selected"), q.length > 0 ? ` (${q.length})` : ""]
+							!j.search && ye && /* @__PURE__ */ _(v, {
+								onClick: Q,
+								children: [/* @__PURE__ */ g(h, {
+									size: 16,
+									className: "mr-2"
+								}), t(D, "projectsList.createProject", "Create Project")]
 							})
 						]
-					})]
-				}),
-				/* @__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(l, {
-						project: e,
-						selected: N.has(e.id),
-						canArchive: Q,
-						canDelete: Z,
-						onTagClick: $,
-						onToggleSelect: (t) => {
-							t !== N.has(e.id) && P(e.id);
-						}
-					}, e.id))
-				}),
-				K.total > K.items.length && /* @__PURE__ */ _("div", {
-					className: "text-center text-sm text-muted-foreground",
-					children: [
-						t(D, "projectsList.showingPrefix", "Showing"),
-						" ",
-						K.items.length,
-						" ",
-						t(D, "projectsList.showingOf", "of"),
-						" ",
-						K.total,
-						" ",
-						t(D, "projectsList.showingProjects", "projects")
-					]
-				})
-			] }),
-			pe && /* @__PURE__ */ g(u, { workspaceId: O })
-		]
+					})
+				}) }),
+				!W && !G && K && K.items.length > 0 && /* @__PURE__ */ _(ae, { children: [
+					/* @__PURE__ */ _("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__ */ _("label", {
+							className: "flex items-center gap-2 text-sm text-foreground",
+							children: [/* @__PURE__ */ g("input", {
+								type: "checkbox",
+								checked: X,
+								ref: (e) => {
+									e && (e.indeterminate = ve && !X);
+								},
+								onChange: (e) => Te(e.target.checked),
+								"aria-label": t(D, "projectsList.selectAllAriaLabel", "Select all projects"),
+								className: "size-4 rounded border-border text-primary"
+							}), /* @__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-muted-foreground",
+									children: [
+										N.size,
+										" ",
+										t(D, "projectsList.selected", "selected")
+									]
+								}),
+								N.size > 0 && /* @__PURE__ */ g(v, {
+									variant: "ghost",
+									size: "sm",
+									onClick: F,
+									children: t(D, "projectsList.clearSelection", "Clear selection")
+								}),
+								O && Z && /* @__PURE__ */ _(v, {
+									variant: "outline",
+									size: "sm",
+									onClick: async () => {
+										J.length !== 0 && (await Promise.allSettled(J.map((e) => he(e.id))), F());
+									},
+									disabled: J.length === 0,
+									children: [t(D, "projectsList.archiveSelected", "Archive Selected"), J.length > 0 ? ` (${J.length})` : ""]
+								}),
+								O && Z && /* @__PURE__ */ _(v, {
+									variant: "outline",
+									size: "sm",
+									onClick: async () => {
+										Y.length !== 0 && (await Promise.allSettled(Y.map((e) => ge(e.id))), F());
+									},
+									disabled: Y.length === 0,
+									children: [t(D, "projectsList.unarchiveSelected", "Unarchive Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
+								}),
+								O && be && /* @__PURE__ */ _(v, {
+									variant: "outline",
+									size: "sm",
+									onClick: async () => {
+										if (q.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({
+											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());
+									},
+									disabled: q.length === 0,
+									className: "text-destructive",
+									children: [t(D, "projectsList.deleteSelected", "Delete Selected"), q.length > 0 ? ` (${q.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(l, {
+							project: e,
+							selected: N.has(e.id),
+							canArchive: Z,
+							canDelete: be,
+							onTagClick: $,
+							onToggleSelect: (t) => {
+								t !== N.has(e.id) && P(e.id);
+							}
+						}, e.id))
+					}),
+					K.total > K.items.length && /* @__PURE__ */ _("div", {
+						className: "text-center text-sm text-muted-foreground",
+						children: [
+							t(D, "projectsList.showingPrefix", "Showing"),
+							" ",
+							K.items.length,
+							" ",
+							t(D, "projectsList.showingOf", "of"),
+							" ",
+							K.total,
+							" ",
+							t(D, "projectsList.showingProjects", "projects")
+						]
+					})
+				] }),
+				me && /* @__PURE__ */ g(u, { workspaceId: O })
+			]
+		})
 	});
 }
 //#endregion