@burdenoff/microfe-workspaces 2026.625.2 → 2026.625.4

package/dist/pages/ProjectsListPage.js

@@ -6,12 +6,12 @@ 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 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 { 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 { 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 { 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";
@@ -23,10 +23,10 @@ function E() {
 		workspaceId: D,
 		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] = p(A.search || ""), [L, R] = p([]), [z, B] = p(!0), V = de(F, 500);
-	d(() => {
+	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);
+	f(() => {
 		j({ search: V });
-	}, [V, j]), d(() => {
+	}, [V, j]), f(() => {
 		if (L.length === 0) {
 			j({
 				tagIds: void 0,
@@ -46,20 +46,20 @@ function E() {
 		L,
 		z,
 		j
-	]), d(() => () => P(), [P]);
+	]), f(() => () => P(), [P]);
 	let { data: H, isLoading: U, error: W } = o({
 		limit: 500,
 		offset: 0
-	}), G = f(() => {
+	}), 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) => {
 			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)), te = H?.total ?? l.length, u = H?.hasMore ?? !1;
+		}, l = e.filter((e) => i(e) && a(e) && o(e) && s(e) && c(e)), u = H?.total ?? l.length, d = H?.hasMore ?? !1;
 		return {
 			items: l,
-			total: D || n.length > 0 ? l.length : te,
-			hasMore: u
+			total: D || n.length > 0 ? l.length : u,
+			hasMore: d
 		};
 	}, [
 		H?.items,
@@ -67,15 +67,15 @@ function E() {
 		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", {
+	]), { 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", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ h(T, { className: "h-10 w-1/3" }), /* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ g(T, { className: "h-10 w-1/3" }), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 			children: [
-				/* @__PURE__ */ h(T, { className: "h-32" }),
-				/* @__PURE__ */ h(T, { className: "h-32" }),
-				/* @__PURE__ */ h(T, { className: "h-32" })
+				/* @__PURE__ */ g(T, { className: "h-32" }),
+				/* @__PURE__ */ g(T, { className: "h-32" }),
+				/* @__PURE__ */ g(T, { className: "h-32" })
 			]
 		})]
 	});
@@ -100,138 +100,138 @@ function E() {
 			e !== M.has(t.id) && N(t.id);
 		});
 	};
-	return /* @__PURE__ */ h(le, {
+	return /* @__PURE__ */ g(le, {
 		padded: !1,
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
 						className: "text-2xl sm:text-3xl font-bold",
 						children: t(E, "projectsList.pageTitle", "Projects")
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ g("p", {
 						className: "text-text-secondary",
 						children: t(E, "projectsList.pageSubtitle", "Manage and organize your projects")
-					})] }), /* @__PURE__ */ g("div", {
+					})] }), /* @__PURE__ */ _("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-1 border rounded-lg p-1",
-							children: [/* @__PURE__ */ h(_, {
+							children: [/* @__PURE__ */ g(v, {
 								variant: O === "grid" ? "secondary" : "ghost",
 								size: "sm",
 								onClick: () => k("grid"),
 								className: "size-8 p-0",
 								"aria-label": t(E, "projectsList.gridViewAriaLabel", "Show projects in grid view"),
-								children: /* @__PURE__ */ h(re, { size: 16 })
-							}), /* @__PURE__ */ h(_, {
+								children: /* @__PURE__ */ g(te, { size: 16 })
+							}), /* @__PURE__ */ g(v, {
 								variant: O === "list" ? "secondary" : "ghost",
 								size: "sm",
 								onClick: () => k("list"),
 								className: "size-8 p-0",
 								"aria-label": t(E, "projectsList.listViewAriaLabel", "Show projects in list view"),
-								children: /* @__PURE__ */ h(ie, { size: 16 })
+								children: /* @__PURE__ */ g(ne, { size: 16 })
 							})]
-						}), X && /* @__PURE__ */ g(_, {
+						}), X && /* @__PURE__ */ _(v, {
 							onClick: Se,
-							children: [/* @__PURE__ */ h(m, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ h("span", {
+							children: [/* @__PURE__ */ g(h, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ g("span", {
 								className: "hidden sm:inline",
 								children: t(E, "projectsList.createProject", "Create Project")
 							})]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "flex flex-col sm:flex-row gap-3",
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "relative flex-1",
-							children: [/* @__PURE__ */ h(ae, {
+							children: [/* @__PURE__ */ g(re, {
 								className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-text-secondary",
 								size: 18
-							}), /* @__PURE__ */ h(ce, {
+							}), /* @__PURE__ */ g(ce, {
 								placeholder: t(E, "projectsList.searchPlaceholder", "Search projects..."),
 								value: F,
 								onChange: (e) => I(e.target.value),
 								className: "pl-[3.25rem]"
 							})]
 						}),
-						/* @__PURE__ */ g(b, {
+						/* @__PURE__ */ _(b, {
 							value: A.status || "all",
 							onValueChange: Ce,
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "w-full sm:w-[180px]",
-								children: /* @__PURE__ */ h(w, { placeholder: t(E, "projectsList.filterByStatus", "Filter by status") })
-							}), /* @__PURE__ */ g(x, { children: [
-								/* @__PURE__ */ h(S, {
+								children: /* @__PURE__ */ g(w, { placeholder: t(E, "projectsList.filterByStatus", "Filter by status") })
+							}), /* @__PURE__ */ _(x, { children: [
+								/* @__PURE__ */ g(S, {
 									value: "all",
 									children: t(E, "projectsList.statusAll", "All Statuses")
 								}),
-								/* @__PURE__ */ h(S, {
+								/* @__PURE__ */ g(S, {
 									value: "ACTIVE",
 									children: t(E, "projectsList.statusActive", "Active")
 								}),
-								/* @__PURE__ */ h(S, {
+								/* @__PURE__ */ g(S, {
 									value: "INACTIVE",
 									children: t(E, "projectsList.statusInactive", "Inactive")
 								})
 							] })]
 						}),
-						/* @__PURE__ */ g(b, {
+						/* @__PURE__ */ _(b, {
 							value: A.archived === void 0 ? "all" : A.archived ? "true" : "false",
 							onValueChange: we,
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "w-full sm:w-[180px]",
-								children: /* @__PURE__ */ h(w, { placeholder: t(E, "projectsList.filterByArchive", "Filter by archive") })
-							}), /* @__PURE__ */ g(x, { children: [
-								/* @__PURE__ */ h(S, {
+								children: /* @__PURE__ */ g(w, { placeholder: t(E, "projectsList.filterByArchive", "Filter by archive") })
+							}), /* @__PURE__ */ _(x, { children: [
+								/* @__PURE__ */ g(S, {
 									value: "all",
 									children: t(E, "projectsList.archiveAll", "All Projects")
 								}),
-								/* @__PURE__ */ h(S, {
+								/* @__PURE__ */ g(S, {
 									value: "false",
 									children: t(E, "projectsList.archiveActiveProjects", "Active Projects")
 								}),
-								/* @__PURE__ */ h(S, {
+								/* @__PURE__ */ g(S, {
 									value: "true",
 									children: t(E, "projectsList.archiveArchived", "Archived")
 								})
 							] })]
 						}),
-						(A.search || A.status || A.archived !== void 0 || L.length > 0) && /* @__PURE__ */ h(_, {
+						(A.search || A.status || A.archived !== void 0 || L.length > 0) && /* @__PURE__ */ g(v, {
 							variant: "outline",
 							onClick: Te,
 							children: t(E, "projectsList.clearFilters", "Clear Filters")
 						})
 					]
 				}),
-				L.length > 0 && /* @__PURE__ */ g("div", {
+				L.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__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 							className: "text-sm font-medium",
 							children: t(E, "projectsList.activeTagFilters", "Active tag filters")
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__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__ */ g(b, {
+						})] }), /* @__PURE__ */ _(b, {
 							value: z ? "all" : "any",
 							onValueChange: (e) => B(e === "all"),
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(C, {
 								className: "w-full sm:w-[180px]",
-								children: /* @__PURE__ */ h(w, { placeholder: t(E, "projectsList.tagMatchMode", "Tag match mode") })
-							}), /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(S, {
+								children: /* @__PURE__ */ g(w, { placeholder: t(E, "projectsList.tagMatchMode", "Tag match mode") })
+							}), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g(S, {
 								value: "all",
 								children: t(E, "projectsList.tagMatchAll", "Match all tags")
-							}), /* @__PURE__ */ h(S, {
+							}), /* @__PURE__ */ g(S, {
 								value: "any",
 								children: t(E, "projectsList.tagMatchAny", "Match any tag")
 							})] })]
 						})]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap gap-2",
-						children: L.map((e) => /* @__PURE__ */ h(pe, {
+						children: L.map((e) => /* @__PURE__ */ g(pe, {
 							id: e.tagId,
 							label: e.label,
 							color: e.color ?? void 0,
@@ -243,80 +243,65 @@ function E() {
 						}, e.tagId))
 					})]
 				}),
-				W && /* @__PURE__ */ h(y, {
+				W && /* @__PURE__ */ g(oe, {
 					treatment: "plain",
 					className: "border-status-error-border",
-					children: /* @__PURE__ */ h(v, {
+					children: /* @__PURE__ */ g(y, {
 						className: "pt-6",
-						children: /* @__PURE__ */ g("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "flex flex-col items-center justify-center py-8 text-center",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-status-error-text font-semibold mb-2",
 								children: t(E, "projectsList.errorLoading", "Error loading projects")
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
 								children: W instanceof Error ? W.message : t(E, "projectsList.unknownError", "An unknown error occurred")
 							})]
 						})
 					})
 				}),
-				U && /* @__PURE__ */ h("div", {
+				U && /* @__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__ */ h(se, {
+					children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(ae, {
 						className: "border-border-seam",
-						children: /* @__PURE__ */ h(v, {
+						children: /* @__PURE__ */ g(y, {
 							className: "pt-6",
-							children: /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _("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" })
+									/* @__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" })
 								]
 							})
 						})
 					}, t))
 				}),
-				!U && !W && G?.items.length === 0 && /* @__PURE__ */ h(y, {
+				!U && !W && G?.items.length === 0 && /* @__PURE__ */ g(oe, {
 					treatment: "plain",
 					className: "border-border-seam",
-					children: /* @__PURE__ */ h(v, {
+					children: /* @__PURE__ */ g(y, {
 						className: "pt-6",
-						children: /* @__PURE__ */ g("div", {
-							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [
-								/* @__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")]
-								})
-							]
+						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(h, {
+									size: 16,
+									className: "mr-2"
+								}), t(E, "projectsList.createProject", "Create Project")]
+							}) : void 0
 						})
 					})
 				}),
-				!U && !W && G && G.items.length > 0 && /* @__PURE__ */ g(oe, { children: [
-					/* @__PURE__ */ g("div", {
+				!U && !W && G && G.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__ */ g("label", {
+						children: [/* @__PURE__ */ _("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ h("input", {
+							children: [/* @__PURE__ */ g("input", {
 								type: "checkbox",
 								checked: Y,
 								ref: (e) => {
@@ -325,11 +310,11 @@ function E() {
 								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__ */ h("span", { children: t(E, "projectsList.selectAllVisible", "Select all visible") })]
-						}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g("span", { children: t(E, "projectsList.selectAllVisible", "Select all visible") })]
+						}), /* @__PURE__ */ _("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "text-sm text-text-secondary",
 									children: [
 										M.size,
@@ -337,13 +322,13 @@ function E() {
 										t(E, "projectsList.selected", "selected")
 									]
 								}),
-								M.size > 0 && /* @__PURE__ */ h(_, {
+								M.size > 0 && /* @__PURE__ */ g(v, {
 									variant: "ghost",
 									size: "sm",
 									onClick: P,
 									children: t(E, "projectsList.clearSelection", "Clear selection")
 								}),
-								D && Q && /* @__PURE__ */ g(_, {
+								D && Q && /* @__PURE__ */ _(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
@@ -352,7 +337,7 @@ function E() {
 									disabled: q.length === 0,
 									children: [t(E, "projectsList.archiveSelected", "Archive Selected"), q.length > 0 ? ` (${q.length})` : ""]
 								}),
-								D && Q && /* @__PURE__ */ g(_, {
+								D && Q && /* @__PURE__ */ _(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
@@ -361,7 +346,7 @@ function E() {
 									disabled: J.length === 0,
 									children: [t(E, "projectsList.unarchiveSelected", "Unarchive Selected"), J.length > 0 ? ` (${J.length})` : ""]
 								}),
-								D && Z && /* @__PURE__ */ g(_, {
+								D && Z && /* @__PURE__ */ _(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
@@ -382,9 +367,9 @@ function E() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__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__ */ h(te, {
+						children: G.items.map((e) => /* @__PURE__ */ g(u, {
 							project: e,
 							selected: M.has(e.id),
 							canArchive: Q,
@@ -395,7 +380,7 @@ function E() {
 							}
 						}, e.id))
 					}),
-					G.total > G.items.length && /* @__PURE__ */ g("div", {
+					G.total > G.items.length && /* @__PURE__ */ _("div", {
 						className: "text-center text-sm text-text-secondary",
 						children: [
 							t(E, "projectsList.showingPrefix", "Showing"),
@@ -410,7 +395,7 @@ function E() {
 						]
 					})
 				] }),
-				ge && /* @__PURE__ */ h(u, { workspaceId: D })
+				ge && /* @__PURE__ */ g(d, { workspaceId: D })
 			]
 		})
 	});