@burdenoff/microfe-workspaces 2026.510.50

package/dist/pages/ProjectsListPage.js

@@ -0,0 +1,398 @@
+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";
+//#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(() => {
+		if (L.length === 0) {
+			j({
+				tagIds: void 0,
+				tagHierarchyPaths: void 0,
+				matchAllTags: void 0,
+				includeDescendants: void 0
+			});
+			return;
+		}
+		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
+		});
+	}, [
+		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", {
+		className: "space-y-4 p-6",
+		children: [/* @__PURE__ */ m(w, { className: "h-10 w-1/3" }), /* @__PURE__ */ h("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" })
+			]
+		})]
+	});
+	if (!ve) return /* @__PURE__ */ m("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ h("div", {
+			className: "text-center space-y-2",
+			children: [/* @__PURE__ */ m("h2", {
+				className: "text-lg font-semibold",
+				children: E("projectsList.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ m("p", {
+				className: "text-sm text-muted-foreground",
+				children: E("projectsList.noPermissionToViewProjects", "You don't have permission to view projects.")
+			})]
+		})
+	});
+	let Q = () => {
+		fe({});
+	}, be = (e) => {
+		if (e === "all") {
+			let e = { ...A };
+			delete e.status, j(e);
+		} else j({ status: e });
+	}, xe = (e) => {
+		if (e === "all") {
+			let e = { ...A };
+			delete e.archived, j(e);
+		} else j({ 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();
+	}, Ce = (e) => {
+		(H?.items ?? []).forEach((t) => {
+			e !== M.has(t.id) && N(t.id);
+		});
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl sm:text-3xl font-bold",
+					children: E("projectsList.pageTitle", "Projects")
+				}), /* @__PURE__ */ m("p", {
+					className: "text-muted-foreground",
+					children: E("projectsList.pageSubtitle", "Manage and organize your projects")
+				})] }), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-1 border rounded-lg p-1",
+						children: [/* @__PURE__ */ m(g, {
+							variant: O === "grid" ? "secondary" : "ghost",
+							size: "sm",
+							onClick: () => k("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",
+							size: "sm",
+							onClick: () => k("list"),
+							className: "h-8 w-8 p-0",
+							"aria-label": E("projectsList.listViewAriaLabel", "Show projects in list view"),
+							children: /* @__PURE__ */ m(f, { size: 16 })
+						})]
+					}), Y && /* @__PURE__ */ h(g, {
+						onClick: Q,
+						children: [/* @__PURE__ */ m(p, { className: "h-4 w-4 sm:mr-2" }), /* @__PURE__ */ m("span", {
+							className: "hidden sm:inline",
+							children: E("projectsList.createProject", "Create Project")
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col sm:flex-row gap-3",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ m(ie, {
+							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..."),
+							value: F,
+							onChange: (e) => I(e.target.value),
+							className: "pl-[3.25rem]"
+						})]
+					}),
+					/* @__PURE__ */ h(y, {
+						value: A.status || "all",
+						onValueChange: be,
+						children: [/* @__PURE__ */ m(S, {
+							className: "w-full sm:w-[180px]",
+							children: /* @__PURE__ */ m(C, { placeholder: E("projectsList.filterByStatus", "Filter by status") })
+						}), /* @__PURE__ */ h(b, { children: [
+							/* @__PURE__ */ m(x, {
+								value: "all",
+								children: E("projectsList.statusAll", "All Statuses")
+							}),
+							/* @__PURE__ */ m(x, {
+								value: "ACTIVE",
+								children: E("projectsList.statusActive", "Active")
+							}),
+							/* @__PURE__ */ m(x, {
+								value: "INACTIVE",
+								children: E("projectsList.statusInactive", "Inactive")
+							})
+						] })]
+					}),
+					/* @__PURE__ */ h(y, {
+						value: A.archived === void 0 ? "all" : A.archived ? "true" : "false",
+						onValueChange: xe,
+						children: [/* @__PURE__ */ m(S, {
+							className: "w-full sm:w-[180px]",
+							children: /* @__PURE__ */ m(C, { placeholder: E("projectsList.filterByArchive", "Filter by archive") })
+						}), /* @__PURE__ */ h(b, { children: [
+							/* @__PURE__ */ m(x, {
+								value: "all",
+								children: E("projectsList.archiveAll", "All Projects")
+							}),
+							/* @__PURE__ */ m(x, {
+								value: "false",
+								children: E("projectsList.archiveActiveProjects", "Active Projects")
+							}),
+							/* @__PURE__ */ m(x, {
+								value: "true",
+								children: E("projectsList.archiveArchived", "Archived")
+							})
+						] })]
+					}),
+					(A.search || A.status || A.archived !== void 0 || L.length > 0) && /* @__PURE__ */ m(g, {
+						variant: "outline",
+						onClick: Se,
+						children: E("projectsList.clearFilters", "Clear Filters")
+					})
+				]
+			}),
+			L.length > 0 && /* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+						className: "text-sm font-medium",
+						children: E("projectsList.activeTagFilters", "Active tag filters")
+					}), /* @__PURE__ */ m("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, {
+						value: z ? "all" : "any",
+						onValueChange: (e) => B(e === "all"),
+						children: [/* @__PURE__ */ m(S, {
+							className: "w-full sm:w-[180px]",
+							children: /* @__PURE__ */ m(C, { placeholder: E("projectsList.tagMatchMode", "Tag match mode") })
+						}), /* @__PURE__ */ h(b, { children: [/* @__PURE__ */ m(x, {
+							value: "all",
+							children: E("projectsList.tagMatchAll", "Match all tags")
+						}), /* @__PURE__ */ m(x, {
+							value: "any",
+							children: E("projectsList.tagMatchAny", "Match any tag")
+						})] })]
+					})]
+				}), /* @__PURE__ */ m("div", {
+					className: "flex flex-wrap gap-2",
+					children: L.map((e) => /* @__PURE__ */ m(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))
+				})]
+			}),
+			W && /* @__PURE__ */ m(_, {
+				className: "border-destructive",
+				children: /* @__PURE__ */ m(v, {
+					className: "pt-6",
+					children: /* @__PURE__ */ h("div", {
+						className: "flex flex-col items-center justify-center py-8 text-center",
+						children: [/* @__PURE__ */ m("p", {
+							className: "text-destructive font-semibold mb-2",
+							children: E("projectsList.errorLoading", "Error loading projects")
+						}), /* @__PURE__ */ m("p", {
+							className: "text-sm text-muted-foreground",
+							children: W instanceof Error ? W.message : E("projectsList.unknownError", "An unknown error occurred")
+						})]
+					})
+				})
+			}),
+			U && /* @__PURE__ */ m("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, {
+					className: "pt-6",
+					children: /* @__PURE__ */ h("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" })
+						]
+					})
+				}) }, t))
+			}),
+			!U && !W && H?.items.length === 0 && /* @__PURE__ */ m(_, { children: /* @__PURE__ */ m(v, {
+				className: "pt-6",
+				children: /* @__PURE__ */ h("div", {
+					className: "flex flex-col items-center justify-center py-12 text-center",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "rounded-full bg-muted p-6 mb-4",
+							children: /* @__PURE__ */ m(d, {
+								size: 48,
+								className: "text-muted-foreground"
+							})
+						}),
+						/* @__PURE__ */ m("h3", {
+							className: "text-lg font-semibold mb-2",
+							children: E("projectsList.noProjectsFound", "No projects found")
+						}),
+						/* @__PURE__ */ m("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")
+						}),
+						!A.search && Y && /* @__PURE__ */ h(g, {
+							onClick: Q,
+							children: [/* @__PURE__ */ m(p, {
+								size: 16,
+								className: "mr-2"
+							}), E("projectsList.createProject", "Create Project")]
+						})
+					]
+				})
+			}) }),
+			!U && !W && H && H.items.length > 0 && /* @__PURE__ */ h(ae, { children: [
+				/* @__PURE__ */ h("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", {
+						className: "flex items-center gap-2 text-sm text-foreground",
+						children: [/* @__PURE__ */ m("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"),
+							className: "h-4 w-4 rounded border-border text-primary"
+						}), /* @__PURE__ */ m("span", { children: E("projectsList.selectAllVisible", "Select all visible") })]
+					}), /* @__PURE__ */ h("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ h("span", {
+								className: "text-sm text-muted-foreground",
+								children: [
+									M.size,
+									" ",
+									E("projectsList.selected", "selected")
+								]
+							}),
+							M.size > 0 && /* @__PURE__ */ m(g, {
+								variant: "ghost",
+								size: "sm",
+								onClick: P,
+								children: E("projectsList.clearSelection", "Clear selection")
+							}),
+							Z && /* @__PURE__ */ h(g, {
+								variant: "outline",
+								size: "sm",
+								onClick: async () => {
+									K.length !== 0 && (await Promise.allSettled(K.map((e) => me(e.id))), P());
+								},
+								disabled: K.length === 0,
+								children: [E("projectsList.archiveSelected", "Archive Selected"), K.length > 0 ? ` (${K.length})` : ""]
+							}),
+							Z && /* @__PURE__ */ h(g, {
+								variant: "outline",
+								size: "sm",
+								onClick: async () => {
+									q.length !== 0 && (await Promise.allSettled(q.map((e) => he(e.id))), P());
+								},
+								disabled: q.length === 0,
+								children: [E("projectsList.unarchiveSelected", "Unarchive Selected"), q.length > 0 ? ` (${q.length})` : ""]
+							}),
+							X && /* @__PURE__ */ h(g, {
+								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({
+										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());
+								},
+								disabled: G.length === 0,
+								className: "text-destructive",
+								children: [E("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, {
+						project: e,
+						selected: M.has(e.id),
+						canArchive: Z,
+						canDelete: X,
+						onTagClick: $,
+						onToggleSelect: (t) => {
+							t !== M.has(e.id) && N(e.id);
+						}
+					}, e.id))
+				}),
+				H.total > H.items.length && /* @__PURE__ */ h("div", {
+					className: "text-center text-sm text-muted-foreground",
+					children: [
+						E("projectsList.showingPrefix", "Showing"),
+						" ",
+						H.items.length,
+						" ",
+						E("projectsList.showingOf", "of"),
+						" ",
+						H.total,
+						" ",
+						E("projectsList.showingProjects", "projects")
+					]
+				})
+			] }),
+			pe && /* @__PURE__ */ m(te, { workspaceId: D })
+		]
+	});
+}
+//#endregion
+export { T as ProjectsListPage };
+
+//# sourceMappingURL=ProjectsListPage.js.map

package/dist/pages/ProjectsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsListPage.js","names":[],"sources":["../../src/pages/ProjectsListPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { FolderKanban, Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useProjects } from '../hooks/useProjects';\nimport {\n  useArchiveProject,\n  useDeleteProject,\n  useUnarchiveProject,\n} from '../hooks/useProjectMutations';\nimport { ProjectCard } from '../components/ProjectCard';\nimport { CreateProjectDialog } from '../components/CreateProjectDialog';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport type { ProjectTag, Workspace } from '../types';\n\nexport function ProjectsListPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  const {\n    viewMode,\n    setViewMode,\n    projectFilters,\n    setProjectFilters,\n    clearProjectFilters,\n    selectedProjectIds,\n    toggleProjectSelection,\n    clearProjectSelection,\n    openCreateProjectDialog,\n    isCreateProjectDialogOpen,\n  } = useWorkspacesStore();\n\n  const [searchValue, setSearchValue] = useState(projectFilters.search || '');\n  const [activeTagFilters, setActiveTagFilters] = useState<ProjectTag[]>([]);\n  const [matchAllTagFilters, setMatchAllTagFilters] = useState(true);\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setProjectFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setProjectFilters]);\n\n  useEffect(() => {\n    if (activeTagFilters.length === 0) {\n      setProjectFilters({\n        tagIds: undefined,\n        tagHierarchyPaths: undefined,\n        matchAllTags: undefined,\n        includeDescendants: undefined,\n      });\n      return;\n    }\n\n    setProjectFilters({\n      tagIds: activeTagFilters.map((tag) => tag.tagId),\n      tagHierarchyPaths: activeTagFilters\n        .map((tag) => tag.hierarchyPath)\n        .filter((tagPath): tagPath is string => typeof tagPath === 'string' && tagPath.length > 0),\n      matchAllTags: matchAllTagFilters,\n      includeDescendants: true,\n    });\n  }, [activeTagFilters, matchAllTagFilters, setProjectFilters]);\n\n  useEffect(() => {\n    return () => clearProjectSelection();\n  }, [clearProjectSelection]);\n\n  const { data, isLoading, error } = useProjects(projectFilters, undefined, workspaceId);\n  const { mutateAsync: archiveProject } = useArchiveProject(workspaceId);\n  const { mutateAsync: unarchiveProject } = useUnarchiveProject(workspaceId);\n  const { mutateAsync: deleteProject } = useDeleteProject(workspaceId);\n\n  const selectedProjects = useMemo(\n    () => data?.items.filter((project) => selectedProjectIds.has(project.id)) ?? [],\n    [data?.items, selectedProjectIds]\n  );\n\n  const archivableProjects = useMemo(\n    () => selectedProjects.filter((project) => !project.archived),\n    [selectedProjects]\n  );\n\n  const unarchivableProjects = useMemo(\n    () => selectedProjects.filter((project) => project.archived),\n    [selectedProjects]\n  );\n\n  const allVisibleSelected =\n    (data?.items.length ?? 0) > 0 &&\n    (data?.items ?? []).every((project) => selectedProjectIds.has(project.id));\n  const partiallySelected =\n    (data?.items ?? []).some((project) => selectedProjectIds.has(project.id)) &&\n    !allVisibleSelected;\n\n  const {\n    canListProjects,\n    canCreateProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!canListProjects) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tr('projectsList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr(\n              'projectsList.noPermissionToViewProjects',\n              \"You don't have permission to view projects.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleCreateProject = () => {\n    openCreateProjectDialog({} as Workspace);\n  };\n\n  const handleStatusFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.status;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ status: value as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' });\n    }\n  };\n\n  const handleArchivedFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.archived;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ archived: value === 'true' });\n    }\n  };\n\n  const toggleTagFilter = (tag: ProjectTag) => {\n    setActiveTagFilters((current) => {\n      const exists = current.some((entry) => entry.tagId === tag.tagId);\n      if (exists) {\n        return current.filter((entry) => entry.tagId !== tag.tagId);\n      }\n\n      return [...current, tag];\n    });\n  };\n\n  const clearAllProjectFilters = () => {\n    setSearchValue('');\n    setActiveTagFilters([]);\n    setMatchAllTagFilters(true);\n    clearProjectFilters();\n  };\n\n  const toggleAllProjects = (checked: boolean) => {\n    (data?.items ?? []).forEach((project) => {\n      const isSelected = selectedProjectIds.has(project.id);\n      if (checked !== isSelected) {\n        toggleProjectSelection(project.id);\n      }\n    });\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableProjects.length === 0) return;\n    await Promise.allSettled(archivableProjects.map((project) => archiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkUnarchive = async () => {\n    if (unarchivableProjects.length === 0) return;\n    await Promise.allSettled(unarchivableProjects.map((project) => unarchiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedProjects.length === 0) return;\n    void nativeImpact('medium');\n    const message =\n      tr('projectsList.bulkDeleteConfirmPrefix', 'Delete ') +\n      selectedProjects.length +\n      ' ' +\n      tr('projectsList.bulkDeleteConfirmProject', 'selected project') +\n      (selectedProjects.length === 1 ? '' : tr('projectsList.bulkDeleteConfirmPluralSuffix', 's')) +\n      tr('projectsList.bulkDeleteConfirmSuffix', '? This cannot be undone.');\n    const native = await nativeConfirm({\n      title: 'Delete projects',\n      message,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    await Promise.allSettled(selectedProjects.map((project) => deleteProject(project.id)));\n    clearProjectSelection();\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tr('projectsList.pageTitle', 'Projects')}\n          </h1>\n          <p className=\"text-muted-foreground\">\n            {tr('projectsList.pageSubtitle', 'Manage and organize your projects')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {/* View mode toggle */}\n          <div className=\"flex items-center gap-1 border rounded-lg p-1\">\n            <Button\n              variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n              size=\"sm\"\n              onClick={() => setViewMode('grid')}\n              className=\"h-8 w-8 p-0\"\n              aria-label={tr('projectsList.gridViewAriaLabel', 'Show projects in grid view')}\n            >\n              <Grid3x3 size={16} />\n            </Button>\n            <Button\n              variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n              size=\"sm\"\n              onClick={() => setViewMode('list')}\n              className=\"h-8 w-8 p-0\"\n              aria-label={tr('projectsList.listViewAriaLabel', 'Show projects in list view')}\n            >\n              <List size={16} />\n            </Button>\n          </div>\n          {canCreateProject && (\n            <Button onClick={handleCreateProject}>\n              <Plus className=\"h-4 w-4 sm:mr-2\" />\n              <span className=\"hidden sm:inline\">\n                {tr('projectsList.createProject', 'Create Project')}\n              </span>\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Filters & Search */}\n      <div className=\"flex flex-col sm:flex-row gap-3\">\n        <div className=\"relative flex-1\">\n          <Search\n            className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground\"\n            size={18}\n          />\n          <Input\n            placeholder={tr('projectsList.searchPlaceholder', 'Search projects...')}\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            className=\"pl-[3.25rem]\"\n          />\n        </div>\n        <Select value={projectFilters.status || 'all'} onValueChange={handleStatusFilter}>\n          <SelectTrigger className=\"w-full sm:w-[180px]\">\n            <SelectValue placeholder={tr('projectsList.filterByStatus', 'Filter by status')} />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">{tr('projectsList.statusAll', 'All Statuses')}</SelectItem>\n            <SelectItem value=\"ACTIVE\">{tr('projectsList.statusActive', 'Active')}</SelectItem>\n            <SelectItem value=\"INACTIVE\">\n              {tr('projectsList.statusInactive', 'Inactive')}\n            </SelectItem>\n          </SelectContent>\n        </Select>\n        <Select\n          value={\n            projectFilters.archived === undefined\n              ? 'all'\n              : projectFilters.archived\n                ? 'true'\n                : 'false'\n          }\n          onValueChange={handleArchivedFilter}\n        >\n          <SelectTrigger className=\"w-full sm:w-[180px]\">\n            <SelectValue placeholder={tr('projectsList.filterByArchive', 'Filter by archive')} />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">{tr('projectsList.archiveAll', 'All Projects')}</SelectItem>\n            <SelectItem value=\"false\">\n              {tr('projectsList.archiveActiveProjects', 'Active Projects')}\n            </SelectItem>\n            <SelectItem value=\"true\">{tr('projectsList.archiveArchived', 'Archived')}</SelectItem>\n          </SelectContent>\n        </Select>\n        {(projectFilters.search ||\n          projectFilters.status ||\n          projectFilters.archived !== undefined ||\n          activeTagFilters.length > 0) && (\n          <Button variant=\"outline\" onClick={clearAllProjectFilters}>\n            {tr('projectsList.clearFilters', 'Clear Filters')}\n          </Button>\n        )}\n      </div>\n\n      {activeTagFilters.length > 0 && (\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n            <div>\n              <p className=\"text-sm font-medium\">\n                {tr('projectsList.activeTagFilters', 'Active tag filters')}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                {tr(\n                  'projectsList.activeTagFiltersDescription',\n                  'Click a project tag to add or remove it from the current filter set.'\n                )}\n              </p>\n            </div>\n            <Select\n              value={matchAllTagFilters ? 'all' : 'any'}\n              onValueChange={(value) => setMatchAllTagFilters(value === 'all')}\n            >\n              <SelectTrigger className=\"w-full sm:w-[180px]\">\n                <SelectValue placeholder={tr('projectsList.tagMatchMode', 'Tag match mode')} />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"all\">\n                  {tr('projectsList.tagMatchAll', 'Match all tags')}\n                </SelectItem>\n                <SelectItem value=\"any\">\n                  {tr('projectsList.tagMatchAny', 'Match any tag')}\n                </SelectItem>\n              </SelectContent>\n            </Select>\n          </div>\n\n          <div className=\"flex flex-wrap gap-2\">\n            {activeTagFilters.map((tag) => (\n              <TagBadge\n                key={tag.tagId}\n                id={tag.tagId}\n                label={tag.label}\n                color={tag.color ?? undefined}\n                icon={tag.icon ?? undefined}\n                description={tag.description ?? undefined}\n                removable\n                onRemove={() => toggleTagFilter(tag)}\n                size=\"sm\"\n              />\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Error State */}\n      {error && (\n        <Card className=\"border-destructive\">\n          <CardContent className=\"pt-6\">\n            <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n              <p className=\"text-destructive font-semibold mb-2\">\n                {tr('projectsList.errorLoading', 'Error loading projects')}\n              </p>\n              <p className=\"text-sm text-muted-foreground\">\n                {error instanceof Error\n                  ? error.message\n                  : tr('projectsList.unknownError', 'An unknown error occurred')}\n              </p>\n            </div>\n          </CardContent>\n        </Card>\n      )}\n\n      {/* Loading State */}\n      {isLoading && (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n          {Array.from({ length: 6 }).map((_, i) => (\n            <Card key={i}>\n              <CardContent className=\"pt-6\">\n                <div className=\"space-y-3\">\n                  <Skeleton className=\"h-12 w-12 rounded-lg\" />\n                  <Skeleton className=\"h-4 w-3/4\" />\n                  <Skeleton className=\"h-4 w-1/2\" />\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n\n      {/* Empty State */}\n      {!isLoading && !error && data?.items.length === 0 && (\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-muted p-6 mb-4\">\n                <FolderKanban size={48} className=\"text-muted-foreground\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tr('projectsList.noProjectsFound', 'No projects found')}\n              </h3>\n              <p className=\"text-muted-foreground max-w-sm mb-4\">\n                {projectFilters.search\n                  ? tr('projectsList.adjustSearchOrFilters', 'Try adjusting your search or filters')\n                  : tr(\n                      'projectsList.createFirstProject',\n                      'Create your first project to get started organizing your work'\n                    )}\n              </p>\n              {!projectFilters.search && canCreateProject && (\n                <Button onClick={handleCreateProject}>\n                  <Plus size={16} className=\"mr-2\" />\n                  {tr('projectsList.createProject', 'Create Project')}\n                </Button>\n              )}\n            </div>\n          </CardContent>\n        </Card>\n      )}\n\n      {/* Projects Grid */}\n      {!isLoading && !error && data && data.items.length > 0 && (\n        <>\n          <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-foreground\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelected && !allVisibleSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllProjects(event.target.checked)}\n                aria-label={tr('projectsList.selectAllAriaLabel', 'Select all projects')}\n                className=\"h-4 w-4 rounded border-border text-primary\"\n              />\n              <span>{tr('projectsList.selectAllVisible', 'Select all visible')}</span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-muted-foreground\">\n                {selectedProjectIds.size} {tr('projectsList.selected', 'selected')}\n              </span>\n              {selectedProjectIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearProjectSelection}>\n                  {tr('projectsList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canArchiveProject && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkArchive}\n                  disabled={archivableProjects.length === 0}\n                >\n                  {tr('projectsList.archiveSelected', 'Archive Selected')}\n                  {archivableProjects.length > 0 ? ` (${archivableProjects.length})` : ''}\n                </Button>\n              )}\n              {canArchiveProject && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkUnarchive}\n                  disabled={unarchivableProjects.length === 0}\n                >\n                  {tr('projectsList.unarchiveSelected', 'Unarchive Selected')}\n                  {unarchivableProjects.length > 0 ? ` (${unarchivableProjects.length})` : ''}\n                </Button>\n              )}\n              {canDeleteProject && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkDelete}\n                  disabled={selectedProjects.length === 0}\n                  className=\"text-destructive\"\n                >\n                  {tr('projectsList.deleteSelected', 'Delete Selected')}\n                  {selectedProjects.length > 0 ? ` (${selectedProjects.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          <div\n            className={\n              viewMode === 'list'\n                ? 'space-y-3'\n                : 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4'\n            }\n          >\n            {data.items.map((project) => (\n              <ProjectCard\n                key={project.id}\n                project={project}\n                selected={selectedProjectIds.has(project.id)}\n                canArchive={canArchiveProject}\n                canDelete={canDeleteProject}\n                onTagClick={toggleTagFilter}\n                onToggleSelect={(checked) => {\n                  const isSelected = selectedProjectIds.has(project.id);\n                  if (checked !== isSelected) {\n                    toggleProjectSelection(project.id);\n                  }\n                }}\n              />\n            ))}\n          </div>\n\n          {/* Pagination Info */}\n          {data.total > data.items.length && (\n            <div className=\"text-center text-sm text-muted-foreground\">\n              {tr('projectsList.showingPrefix', 'Showing')} {data.items.length}{' '}\n              {tr('projectsList.showingOf', 'of')} {data.total}{' '}\n              {tr('projectsList.showingProjects', 'projects')}\n            </div>\n          )}\n        </>\n      )}\n\n      {/* Create Project Dialog */}\n      {isCreateProjectDialogOpen && <CreateProjectDialog workspaceId={workspaceId} />}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/WorkspaceDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function WorkspaceDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkspaceDetailPage.d.ts.map

package/dist/pages/WorkspaceDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceDetailPage.d.ts","sourceRoot":"","sources":["../../src/pages/WorkspaceDetailPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,mBAAmB,4CA8PlC"}