@burdenoff/microfe-workspaces 2026.627.1 → 2026.711.1

package/dist/pages/ProjectDetailPage.js

@@ -9,89 +9,90 @@ import { useProject as ie, useProjectMembersCount as ae } from "../hooks/useProj
 import { useArchiveProject as oe, useDeleteProject as se, useTagProject as ce, useUnarchiveProject as le, useUntagProject as ue, useUpdateProject as de } from "../hooks/useProjectMutations.js";
 import { formatDate as i } from "../utils/formatters.js";
 import { getProjectDisplayTags as fe, toProjectTag as a } from "../utils/projectTags.js";
-import { useWorkspaceActivity as pe } from "../hooks/useWorkspaceActivity.js";
-import { ProjectTagsWidget as me } from "../components/tags/ProjectTagsWidget.js";
+import { RenameProjectDialog as pe } from "../components/RenameProjectDialog.js";
+import { useWorkspaceActivity as me } from "../hooks/useWorkspaceActivity.js";
+import { ProjectTagsWidget as he } from "../components/tags/ProjectTagsWidget.js";
 import { ProjectMemberPickerDialog as o } from "../components/ProjectMemberPickerDialog.js";
-import { useMemo as s, useState as c } from "react";
-import { Activity as l, Archive as u, ArrowLeft as d, Clock as f, FolderKanban as p, MoreVertical as he, UserPlus as m, Users as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { AlertDialog as ge, AlertDialogAction as _e, AlertDialogCancel as ve, AlertDialogContent as ye, AlertDialogDescription as be, AlertDialogFooter as xe, AlertDialogHeader as Se, AlertDialogTitle as Ce, Badge as v, Button as y, CardContent as b, CardHeader as x, CardTitle as S, DropdownMenu as we, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuSeparator as T, DropdownMenuTrigger as E, EntityIdModal as D, GlassCard as O, IllustratedEmptyState as k, NextSteps as Te, PagePurpose as A, ShowMore as Ee, Skeleton as j, useEntityIdModal as De } from "@burdenoff/fe-libs/ui";
-import { useNavigate as Oe, useParams as ke } from "react-router-dom";
-import { useI18n as Ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMemo as ge, useState as s } from "react";
+import { Activity as c, Archive as l, ArrowLeft as u, Clock as d, FolderKanban as f, MoreVertical as _e, Pencil as ve, UserPlus as p, Users as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { AlertDialog as ye, AlertDialogAction as be, AlertDialogCancel as xe, AlertDialogContent as Se, AlertDialogDescription as Ce, AlertDialogFooter as we, AlertDialogHeader as Te, AlertDialogTitle as Ee, Badge as _, Button as v, CardContent as y, CardHeader as b, CardTitle as x, DropdownMenu as De, DropdownMenuContent as Oe, DropdownMenuItem as S, DropdownMenuSeparator as C, DropdownMenuTrigger as w, EntityIdModal as T, GlassCard as E, IllustratedEmptyState as ke, NextSteps as Ae, PagePurpose as je, ShowMore as Me, Skeleton as D, useEntityIdModal as Ne } from "@burdenoff/fe-libs/ui";
+import { useNavigate as Pe, useParams as O } from "react-router-dom";
+import { useI18n as Fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/ProjectDetailPage.tsx
-function M() {
-	let { t: M } = Ae(), N = De(), { workspaceId: P, projectId: F } = ke();
+function k() {
+	let { t: k } = Fe(), A = Ne(), { workspaceId: j, projectId: M } = O();
 	te("workspaces.project-detail", {
-		workspaceId: P,
-		projectId: F,
+		workspaceId: j,
+		projectId: M,
 		requireParams: !0
 	});
-	let I = Oe(), { basePath: L = "/workspaces" } = e(), { withCurrentSearch: R } = ee(), { data: z, isLoading: je, error: Me } = ie(F || "", P), [Ne, B] = c(!1), [V, H] = c(!1), { mutate: Pe, isPending: U } = oe(P), { mutate: Fe, isPending: W } = le(P), { mutate: Ie, isPending: G } = se(P), { mutateAsync: Le, isPending: Re } = ce(P), { mutateAsync: ze, isPending: Be } = ue(P), { mutateAsync: Ve, isPending: He } = de(P), { canViewProject: Ue, canDeleteProject: K, canArchiveProject: q, canListProjectMembers: J, canAddProjectMember: Y, isLoading: We } = re(), { data: Ge } = ae(F || "", P), X = s(() => fe({
-		tags: z?.tags ?? [],
-		tagAssignments: z?.tagAssignments
-	}), [z?.tags, z?.tagAssignments]), { data: Ke } = pe(P), qe = (Ke ?? []).filter((e) => e.resourceId === F || e.resourceType?.toLowerCase() === "project").length, Je = X;
-	if (We) return /* @__PURE__ */ _("div", {
+	let N = Pe(), { basePath: P = "/workspaces" } = e(), { withCurrentSearch: F } = ee(), { data: I, isLoading: Ie, error: Le } = ie(M || "", j), [Re, L] = s(!1), [R, z] = s(!1), [B, V] = s(!1), { mutate: ze, isPending: H } = oe(j), { mutate: Be, isPending: U } = le(j), { mutate: Ve, isPending: W } = se(j), { mutateAsync: He, isPending: Ue } = ce(j), { mutateAsync: We, isPending: Ge } = ue(j), { mutateAsync: Ke, isPending: qe } = de(j), { canViewProject: Je, canUpdateProject: G, canDeleteProject: K, canArchiveProject: q, canListProjectMembers: J, canAddProjectMember: Y, isLoading: Ye } = re(), { data: Xe } = ae(M || "", j), X = ge(() => fe({
+		tags: I?.tags ?? [],
+		tagAssignments: I?.tagAssignments
+	}), [I?.tags, I?.tagAssignments]), { data: Ze } = me(j), Qe = (Ze ?? []).filter((e) => e.resourceId === M || e.resourceType?.toLowerCase() === "project").length, $e = X;
+	if (Ye) return /* @__PURE__ */ g("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ g(j, { className: "h-10 w-1/3" }), /* @__PURE__ */ g(j, { className: "h-64" })]
+		children: [/* @__PURE__ */ h(D, { className: "h-10 w-1/3" }), /* @__PURE__ */ h(D, { className: "h-64" })]
 	});
-	if (!Ue) return /* @__PURE__ */ g("div", {
+	if (!Je) return /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ g("h2", {
+			children: [/* @__PURE__ */ h("h2", {
 				className: "text-lg font-semibold",
-				children: n(M, "projectDetail.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ g("p", {
+				children: n(k, "projectDetail.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ h("p", {
 				className: "text-sm text-text-secondary",
-				children: n(M, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
+				children: n(k, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
 			})]
 		})
 	});
 	let Z = () => {
-		I(R(`${L}/${P}/projects`));
-	}, Ye = () => {
-		z && (z.archived ? Fe(z.id, { onError: (e) => {
+		N(F(`${P}/${j}/projects`));
+	}, et = () => {
+		I && (I.archived ? Be(I.id, { onError: (e) => {
 			console.error("Failed to unarchive project:", e);
-		} }) : Pe(z.id, { onError: (e) => {
+		} }) : ze(I.id, { onError: (e) => {
 			console.error("Failed to archive project:", e);
 		} }));
-	}, Xe = () => {
-		z && (ne("medium"), Ie(z.id, {
+	}, tt = () => {
+		I && (ne("medium"), Ve(I.id, {
 			onSuccess: () => {
-				r("success"), B(!1), I(R(`${L}/${P}/projects`));
+				r("success"), L(!1), N(F(`${P}/${j}/projects`));
 			},
 			onError: (e) => {
 				r("error"), console.error("Failed to delete project:", e);
 			}
 		}));
 	}, Q = () => {
-		I(R(`${L}/${P}/projects/${F}/members`));
+		N(F(`${P}/${j}/projects/${M}/members`));
 	}, $ = async (e) => {
-		if (!z) return;
+		if (!I) return;
 		let t = e.map((e) => a(e));
 		try {
-			await Ve({
-				id: z.id,
+			await Ke({
+				id: I.id,
 				input: { tags: t }
 			});
 		} catch (e) {
 			r("warning"), console.error("Failed to sync legacy project tag mirror after updating structured project tags:", e);
 		}
-	}, Ze = async (e) => {
-		if (z) try {
-			await Le({
-				entityId: z.id,
+	}, nt = async (e) => {
+		if (I) try {
+			await He({
+				entityId: I.id,
 				tagId: e.id
 			}), await $([...X, a(e)]);
 		} catch (e) {
 			throw r("error"), e;
 		}
-	}, Qe = async (e) => {
-		if (!z) return;
-		let t = z.tagAssignments?.find((t) => t.tagId === e)?.id;
+	}, rt = async (e) => {
+		if (!I) return;
+		let t = I.tagAssignments?.find((t) => t.tagId === e)?.id;
 		try {
-			await ze({
-				entityId: z.id,
+			await We({
+				entityId: I.id,
 				tagId: e,
 				assignmentId: t
 			}), await $(X.filter((t) => t.tagId !== e && t.id !== e));
@@ -99,129 +100,137 @@ function M() {
 			throw r("error"), e;
 		}
 	};
-	return je ? /* @__PURE__ */ _("div", {
+	return Ie ? /* @__PURE__ */ g("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ g(j, { className: "h-10 w-32" }),
-			/* @__PURE__ */ g(j, { className: "h-10 w-1/3" }),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ h(D, { className: "h-10 w-32" }),
+			/* @__PURE__ */ h(D, { className: "h-10 w-1/3" }),
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ g(j, { className: "h-32" }),
-					/* @__PURE__ */ g(j, { className: "h-32" }),
-					/* @__PURE__ */ g(j, { className: "h-32" })
+					/* @__PURE__ */ h(D, { className: "h-32" }),
+					/* @__PURE__ */ h(D, { className: "h-32" }),
+					/* @__PURE__ */ h(D, { className: "h-32" })
 				]
 			}),
-			/* @__PURE__ */ g(j, { className: "h-48" })
+			/* @__PURE__ */ h(D, { className: "h-48" })
 		]
-	}) : Me || !z ? /* @__PURE__ */ _("div", {
+	}) : Le || !I ? /* @__PURE__ */ g("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ _(y, {
+		children: [/* @__PURE__ */ g(v, {
 			variant: "ghost",
 			onClick: Z,
 			className: "gap-2",
-			children: [/* @__PURE__ */ g(d, { size: 20 }), n(M, "projectDetail.backToProjects", "Back to Projects")]
-		}), /* @__PURE__ */ g(k, {
+			children: [/* @__PURE__ */ h(u, { size: 20 }), n(k, "projectDetail.backToProjects", "Back to Projects")]
+		}), /* @__PURE__ */ h(ke, {
 			illustration: "empty-search",
-			title: n(M, "projectDetail.projectNotFound", "Project not found"),
-			description: n(M, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it."),
-			action: /* @__PURE__ */ _(y, {
+			title: n(k, "projectDetail.projectNotFound", "Project not found"),
+			description: n(k, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it."),
+			action: /* @__PURE__ */ g(v, {
 				onClick: Z,
-				children: [/* @__PURE__ */ g(d, {
+				children: [/* @__PURE__ */ h(u, {
 					size: 16,
 					className: "mr-2"
-				}), n(M, "projectDetail.backToProjects", "Back to Projects")]
+				}), n(k, "projectDetail.backToProjects", "Back to Projects")]
 			})
 		})]
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__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-start sm:justify-between gap-3",
-				children: [/* @__PURE__ */ _("div", { children: [
-					/* @__PURE__ */ _(y, {
+				children: [/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ g(v, {
 						variant: "ghost",
 						onClick: Z,
 						className: "gap-2 mb-2 -ml-2",
-						children: [/* @__PURE__ */ g(d, { size: 20 }), n(M, "projectDetail.backToProjects", "Back to Projects")]
+						children: [/* @__PURE__ */ h(u, { size: 20 }), n(k, "projectDetail.backToProjects", "Back to Projects")]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "p-3 rounded-lg bg-action-primary-bg/10",
-							children: /* @__PURE__ */ g(p, {
+							children: /* @__PURE__ */ h(f, {
 								className: "text-primary",
 								size: 28
 							})
-						}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
+						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 							className: "text-2xl sm:text-3xl font-bold",
-							children: z.name
-						}), /* @__PURE__ */ g("p", {
+							children: I.name
+						}), /* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary font-mono",
-							children: z.key
+							children: I.key
 						})] })]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2 mt-3",
-						children: [/* @__PURE__ */ g(v, {
-							className: `border ${t(z.status)}`,
-							children: z.status
-						}), z.archived && /* @__PURE__ */ _(v, {
+						children: [/* @__PURE__ */ h(_, {
+							className: `border ${t(I.status)}`,
+							children: I.status
+						}), I.archived && /* @__PURE__ */ g(_, {
 							variant: "outline",
 							className: "border-workspace-archived-border text-workspace-archived-text",
-							children: [/* @__PURE__ */ g(u, {
+							children: [/* @__PURE__ */ h(l, {
 								size: 12,
 								className: "mr-1"
-							}), n(M, "projectDetail.archived", "Archived")]
+							}), n(k, "projectDetail.archived", "Archived")]
 						})]
 					})
-				] }), /* @__PURE__ */ g("div", {
+				] }), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ _(we, { children: [/* @__PURE__ */ g(E, {
+					children: /* @__PURE__ */ g(De, { children: [/* @__PURE__ */ h(w, {
 						asChild: !0,
-						children: /* @__PURE__ */ g(y, {
+						children: /* @__PURE__ */ h(v, {
 							variant: "outline",
 							size: "icon",
-							"aria-label": n(M, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
-							children: /* @__PURE__ */ g(he, { size: 20 })
+							"aria-label": n(k, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
+							children: /* @__PURE__ */ h(_e, { size: 20 })
 						})
-					}), /* @__PURE__ */ _(C, {
+					}), /* @__PURE__ */ g(Oe, {
 						align: "end",
 						children: [
-							q && /* @__PURE__ */ _(w, {
-								onClick: Ye,
-								disabled: U || W,
-								children: [/* @__PURE__ */ g(u, {
+							G && /* @__PURE__ */ g(S, {
+								onClick: () => V(!0),
+								children: [/* @__PURE__ */ h(ve, {
 									size: 16,
 									className: "mr-2"
-								}), U || W ? n(M, "projectDetail.processing", "Processing...") : z.archived ? n(M, "projectDetail.unarchive", "Unarchive") : n(M, "projectDetail.archive", "Archive")]
+								}), n(k, "projectDetail.renameProject", "Rename Project")]
 							}),
-							q && K && /* @__PURE__ */ g(T, {}),
-							K && /* @__PURE__ */ g(w, {
-								onClick: () => B(!0),
+							G && (q || K) && /* @__PURE__ */ h(C, {}),
+							q && /* @__PURE__ */ g(S, {
+								onClick: et,
+								disabled: H || U,
+								children: [/* @__PURE__ */ h(l, {
+									size: 16,
+									className: "mr-2"
+								}), H || U ? n(k, "projectDetail.processing", "Processing...") : I.archived ? n(k, "projectDetail.unarchive", "Unarchive") : n(k, "projectDetail.archive", "Archive")]
+							}),
+							q && K && /* @__PURE__ */ h(C, {}),
+							K && /* @__PURE__ */ h(S, {
+								onClick: () => L(!0),
 								className: "text-status-error-text",
-								children: n(M, "projectDetail.deleteProject", "Delete Project")
+								children: n(k, "projectDetail.deleteProject", "Delete Project")
 							})
 						]
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ g(A, { children: n(M, "projectDetail.purpose", "This is a single project — a focused stream of work within its workspace. From here you can manage the people working on it, organise it with tags so it surfaces in filters and reports, and keep track of related activity. Use the menu in the top-right to archive or delete it when it wraps up.") }),
-			/* @__PURE__ */ g(Te, {
+			/* @__PURE__ */ h(je, { children: n(k, "projectDetail.purpose", "This is a single project — a focused stream of work within its workspace. From here you can manage the people working on it, organise it with tags so it surfaces in filters and reports, and keep track of related activity. Use the menu in the top-right to archive or delete it when it wraps up.") }),
+			/* @__PURE__ */ h(Ae, {
 				storageKey: "workspaces-project-detail",
 				steps: [
 					...Y ? [{
 						id: "add-member",
-						label: n(M, "projectDetail.stepAddMember", "Add people to the project"),
-						description: n(M, "projectDetail.stepAddMemberDesc", "Pull in the teammates who will actually work on this project."),
-						icon: /* @__PURE__ */ g(m, { size: 16 }),
-						onClick: () => H(!0)
+						label: n(k, "projectDetail.stepAddMember", "Add people to the project"),
+						description: n(k, "projectDetail.stepAddMemberDesc", "Pull in the teammates who will actually work on this project."),
+						icon: /* @__PURE__ */ h(p, { size: 16 }),
+						onClick: () => z(!0)
 					}] : [],
 					{
 						id: "tag-project",
-						label: n(M, "projectDetail.stepTag", "Tag the project"),
-						description: n(M, "projectDetail.stepTagDesc", "Add tags so this project shows up in the right filters and views."),
-						icon: /* @__PURE__ */ g(p, { size: 16 }),
+						label: n(k, "projectDetail.stepTag", "Tag the project"),
+						description: n(k, "projectDetail.stepTagDesc", "Add tags so this project shows up in the right filters and views."),
+						icon: /* @__PURE__ */ h(f, { size: 16 }),
 						onClick: () => {
 							document.getElementById("project-tags-section")?.scrollIntoView({
 								behavior: "smooth",
@@ -231,231 +240,231 @@ function M() {
 					},
 					...J ? [{
 						id: "manage-members",
-						label: n(M, "projectDetail.stepManageMembers", "Review project members"),
-						description: n(M, "projectDetail.stepManageMembersDesc", "See who has access and adjust their project roles."),
-						icon: /* @__PURE__ */ g(h, { size: 16 }),
+						label: n(k, "projectDetail.stepManageMembers", "Review project members"),
+						description: n(k, "projectDetail.stepManageMembersDesc", "See who has access and adjust their project roles."),
+						icon: /* @__PURE__ */ h(m, { size: 16 }),
 						onClick: Q
 					}] : [],
 					{
 						id: "review-activity",
-						label: n(M, "projectDetail.stepActivity", "Check recent activity"),
-						description: n(M, "projectDetail.stepActivityDesc", "Catch up on what has changed across the workspace."),
-						icon: /* @__PURE__ */ g(l, { size: 16 }),
-						onClick: () => I(R(`${L}/${P}/activity`))
+						label: n(k, "projectDetail.stepActivity", "Check recent activity"),
+						description: n(k, "projectDetail.stepActivityDesc", "Catch up on what has changed across the workspace."),
+						icon: /* @__PURE__ */ h(c, { size: 16 }),
+						onClick: () => N(F(`${P}/${j}/activity`))
 					}
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "lg:col-span-2 space-y-4 sm:space-y-6",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ _(O, {
+						children: [/* @__PURE__ */ g(E, {
 							treatment: "metric",
 							glow: !0,
-							children: [/* @__PURE__ */ g(x, {
+							children: [/* @__PURE__ */ h(b, {
 								className: "flex flex-row items-center justify-between pb-2",
-								children: /* @__PURE__ */ _(S, {
+								children: /* @__PURE__ */ g(x, {
 									className: "flex items-center gap-2 text-sm font-medium text-text-secondary",
-									children: [/* @__PURE__ */ g(h, {
+									children: [/* @__PURE__ */ h(m, {
 										size: 18,
 										className: "text-text-muted"
-									}), n(M, "projectDetail.membersCardTitle", "Members")]
+									}), n(k, "projectDetail.membersCardTitle", "Members")]
 								})
-							}), /* @__PURE__ */ _(b, {
+							}), /* @__PURE__ */ g(y, {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ g("p", {
+									/* @__PURE__ */ h("p", {
 										className: "text-3xl font-bold tabular-nums",
-										children: Ge ?? 0
+										children: Xe ?? 0
 									}),
-									/* @__PURE__ */ g("p", {
+									/* @__PURE__ */ h("p", {
 										className: "text-sm text-text-muted",
-										children: n(M, "projectDetail.projectMembers", "Project members")
+										children: n(k, "projectDetail.projectMembers", "Project members")
 									}),
-									Y || J ? /* @__PURE__ */ _("div", {
+									Y || J ? /* @__PURE__ */ g("div", {
 										className: "flex flex-wrap gap-2",
-										children: [Y ? /* @__PURE__ */ _(y, {
+										children: [Y ? /* @__PURE__ */ g(v, {
 											size: "sm",
-											onClick: () => H(!0),
-											children: [/* @__PURE__ */ g(m, {
+											onClick: () => z(!0),
+											children: [/* @__PURE__ */ h(p, {
 												size: 16,
 												className: "mr-2"
-											}), n(M, "projectDetail.addProjectMember", "Add Member")]
-										}) : null, J ? /* @__PURE__ */ _(y, {
+											}), n(k, "projectDetail.addProjectMember", "Add Member")]
+										}) : null, J ? /* @__PURE__ */ g(v, {
 											variant: "outline",
 											size: "sm",
 											onClick: Q,
-											children: [/* @__PURE__ */ g(h, {
+											children: [/* @__PURE__ */ h(m, {
 												size: 16,
 												className: "mr-2"
-											}), n(M, "projectDetail.manageProjectMembers", "Manage Members")]
+											}), n(k, "projectDetail.manageProjectMembers", "Manage Members")]
 										}) : null]
 									}) : null
 								]
 							})]
-						}), /* @__PURE__ */ _(O, {
+						}), /* @__PURE__ */ g(E, {
 							treatment: "metric",
-							children: [/* @__PURE__ */ g(x, {
+							children: [/* @__PURE__ */ h(b, {
 								className: "flex flex-row items-center justify-between pb-2",
-								children: /* @__PURE__ */ _(S, {
+								children: /* @__PURE__ */ g(x, {
 									className: "flex items-center gap-2 text-sm font-medium text-text-secondary",
-									children: [/* @__PURE__ */ g(l, {
+									children: [/* @__PURE__ */ h(c, {
 										size: 18,
 										className: "text-text-muted"
-									}), n(M, "projectDetail.activityCardTitle", "Activity")]
+									}), n(k, "projectDetail.activityCardTitle", "Activity")]
 								})
-							}), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h("p", {
 								className: "text-3xl font-bold tabular-nums",
-								children: qe
-							}), /* @__PURE__ */ g("p", {
+								children: Qe
+							}), /* @__PURE__ */ h("p", {
 								className: "text-sm text-text-muted",
-								children: n(M, "projectDetail.recentActivityItems", "Recent activity items")
+								children: n(k, "projectDetail.recentActivityItems", "Recent activity items")
 							})] })]
 						})]
-					}), /* @__PURE__ */ _(O, {
+					}), /* @__PURE__ */ g(E, {
 						treatment: "plain",
 						id: "project-tags-section",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: n(M, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ _(b, {
+						children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: n(k, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ g(y, {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ h("p", {
 								className: "text-sm text-text-muted",
-								children: n(M, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
-							}), /* @__PURE__ */ g(me, {
+								children: n(k, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
+							}), /* @__PURE__ */ h(he, {
 								entityType: "Project",
-								entityId: z.id,
-								workspaceId: P,
-								tags: Je,
-								onAdd: Ze,
-								onRemove: Qe,
-								className: Re || Be || He ? "pointer-events-none opacity-75" : void 0
+								entityId: I.id,
+								workspaceId: j,
+								tags: $e,
+								onAdd: nt,
+								onRemove: rt,
+								className: Ue || Ge || qe ? "pointer-events-none opacity-75" : void 0
 							})]
 						})]
 					})]
-				}), /* @__PURE__ */ g("aside", {
+				}), /* @__PURE__ */ h("aside", {
 					className: "lg:sticky lg:top-6 lg:self-start",
-					children: /* @__PURE__ */ _(O, {
+					children: /* @__PURE__ */ g(E, {
 						treatment: "plain",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: n(M, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ _(b, {
+						children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: n(k, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ g(y, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-4 text-sm",
 									children: [
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ g("span", {
 												className: "text-text-muted flex items-center gap-2",
-												children: [/* @__PURE__ */ g(p, { size: 14 }), n(M, "projectDetail.projectId", "Project ID")]
-											}), /* @__PURE__ */ g("button", {
+												children: [/* @__PURE__ */ h(f, { size: 14 }), n(k, "projectDetail.projectId", "Project ID")]
+											}), /* @__PURE__ */ h("button", {
 												type: "button",
-												onClick: () => N.show({
-													id: z.id,
-													name: z.name,
+												onClick: () => A.show({
+													id: I.id,
+													name: I.name,
 													type: "Project",
-													details: z.key ? [{
+													details: I.key ? [{
 														label: "Key",
-														value: z.key
+														value: I.key
 													}] : void 0
 												}),
 												className: "inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded",
-												children: n(M, "projectDetail.getId", "Get ID")
+												children: n(k, "projectDetail.getId", "Get ID")
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ g("span", {
 												className: "text-text-secondary flex items-center gap-2",
-												children: [/* @__PURE__ */ g(p, { size: 14 }), n(M, "projectDetail.projectKey", "Project Key")]
-											}), /* @__PURE__ */ g("span", {
+												children: [/* @__PURE__ */ h(f, { size: 14 }), n(k, "projectDetail.projectKey", "Project Key")]
+											}), /* @__PURE__ */ h("span", {
 												className: "font-medium",
-												children: z.key
+												children: I.key
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ g("span", {
 												className: "text-text-secondary flex items-center gap-2",
-												children: [/* @__PURE__ */ g(f, { size: 14 }), n(M, "projectDetail.created", "Created")]
-											}), /* @__PURE__ */ g("span", { children: i(z.createdAt) })]
+												children: [/* @__PURE__ */ h(d, { size: 14 }), n(k, "projectDetail.created", "Created")]
+											}), /* @__PURE__ */ h("span", { children: i(I.createdAt) })]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ g("span", {
 												className: "text-text-secondary flex items-center gap-2",
-												children: [/* @__PURE__ */ g(f, { size: 14 }), n(M, "projectDetail.lastUpdated", "Last Updated")]
-											}), /* @__PURE__ */ g("span", { children: i(z.updatedAt) })]
+												children: [/* @__PURE__ */ h(d, { size: 14 }), n(k, "projectDetail.lastUpdated", "Last Updated")]
+											}), /* @__PURE__ */ h("span", { children: i(I.updatedAt) })]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ g("span", {
 												className: "text-text-secondary flex items-center gap-2",
-												children: [/* @__PURE__ */ g(h, { size: 14 }), n(M, "projectDetail.workspaceId", "Workspace ID")]
-											}), /* @__PURE__ */ g("span", {
+												children: [/* @__PURE__ */ h(m, { size: 14 }), n(k, "projectDetail.workspaceId", "Workspace ID")]
+											}), /* @__PURE__ */ h("span", {
 												className: "font-mono text-xs block",
-												children: z.workspaceId
+												children: I.workspaceId
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ g("span", {
 												className: "text-text-secondary flex items-center gap-2",
-												children: [/* @__PURE__ */ g(h, { size: 14 }), n(M, "projectDetail.creatorId", "Creator ID")]
-											}), /* @__PURE__ */ g("span", {
+												children: [/* @__PURE__ */ h(m, { size: 14 }), n(k, "projectDetail.creatorId", "Creator ID")]
+											}), /* @__PURE__ */ h("span", {
 												className: "font-mono text-xs block",
-												children: z.creatorId
+												children: I.creatorId
 											})]
 										})
 									]
 								}),
-								z.config && Object.keys(z.config).length > 0 && /* @__PURE__ */ _("div", {
+								I.config && Object.keys(I.config).length > 0 && /* @__PURE__ */ g("div", {
 									className: "pt-4 border-t border-border-seam",
-									children: [/* @__PURE__ */ g("h4", {
+									children: [/* @__PURE__ */ h("h4", {
 										className: "text-sm font-medium mb-2",
-										children: n(M, "projectDetail.configuration", "Configuration")
-									}), /* @__PURE__ */ g("pre", {
+										children: n(k, "projectDetail.configuration", "Configuration")
+									}), /* @__PURE__ */ h("pre", {
 										className: "text-xs bg-bg-sunken p-3 rounded-lg overflow-auto",
-										children: JSON.stringify(z.config, null, 2)
+										children: JSON.stringify(I.config, null, 2)
 									})]
 								}),
-								/* @__PURE__ */ g(Ee, {
+								/* @__PURE__ */ h(Me, {
 									collapsedHeight: 0,
-									label: n(M, "projectDetail.quickActions", "Quick Actions"),
-									children: /* @__PURE__ */ _("div", {
+									label: n(k, "projectDetail.quickActions", "Quick Actions"),
+									children: /* @__PURE__ */ g("div", {
 										className: "flex flex-col gap-2 pt-2",
 										children: [
-											J ? /* @__PURE__ */ _(y, {
+											J ? /* @__PURE__ */ g(v, {
 												variant: "outline",
 												size: "sm",
 												className: "justify-start",
 												onClick: Q,
-												children: [/* @__PURE__ */ g(h, {
+												children: [/* @__PURE__ */ h(m, {
 													size: 16,
 													className: "mr-2"
-												}), n(M, "projectDetail.projectMembersPage", "Project Members")]
+												}), n(k, "projectDetail.projectMembersPage", "Project Members")]
 											}) : null,
-											/* @__PURE__ */ _(y, {
+											/* @__PURE__ */ g(v, {
 												variant: "outline",
 												size: "sm",
 												className: "justify-start",
-												onClick: () => I(R(`${L}/${P}/members`)),
-												children: [/* @__PURE__ */ g(h, {
+												onClick: () => N(F(`${P}/${j}/members`)),
+												children: [/* @__PURE__ */ h(m, {
 													size: 16,
 													className: "mr-2"
-												}), n(M, "projectDetail.workspaceMembers", "Workspace Members")]
+												}), n(k, "projectDetail.workspaceMembers", "Workspace Members")]
 											}),
-											/* @__PURE__ */ _(y, {
+											/* @__PURE__ */ g(v, {
 												variant: "outline",
 												size: "sm",
 												className: "justify-start",
-												onClick: () => I(R(`${L}/${P}/activity`)),
-												children: [/* @__PURE__ */ g(l, {
+												onClick: () => N(F(`${P}/${j}/activity`)),
+												children: [/* @__PURE__ */ h(c, {
 													size: 16,
 													className: "mr-2"
-												}), n(M, "projectDetail.workspaceActivity", "Workspace Activity")]
+												}), n(k, "projectDetail.workspaceActivity", "Workspace Activity")]
 											})
 										]
 									})
@@ -465,31 +474,40 @@ function M() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ g(ge, {
-				open: Ne,
-				onOpenChange: B,
-				children: /* @__PURE__ */ _(ye, { children: [/* @__PURE__ */ _(Se, { children: [/* @__PURE__ */ g(Ce, { children: n(M, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ g(be, { children: n(M, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + z.name + n(M, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ _(xe, { children: [/* @__PURE__ */ g(ve, {
-					disabled: G,
-					children: n(M, "projectDetail.cancel", "Cancel")
-				}), /* @__PURE__ */ g(_e, {
-					onClick: Xe,
-					disabled: G,
+			/* @__PURE__ */ h(ye, {
+				open: Re,
+				onOpenChange: L,
+				children: /* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ g(Te, { children: [/* @__PURE__ */ h(Ee, { children: n(k, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ h(Ce, { children: n(k, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + I.name + n(k, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ g(we, { children: [/* @__PURE__ */ h(xe, {
+					disabled: W,
+					children: n(k, "projectDetail.cancel", "Cancel")
+				}), /* @__PURE__ */ h(be, {
+					onClick: tt,
+					disabled: W,
 					className: "bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90",
-					children: G ? n(M, "projectDetail.deleting", "Deleting...") : n(M, "projectDetail.deleteProject", "Delete Project")
+					children: W ? n(k, "projectDetail.deleting", "Deleting...") : n(k, "projectDetail.deleteProject", "Delete Project")
 				})] })] })
 			}),
-			P && F && V ? /* @__PURE__ */ g(o, {
-				open: V,
-				onOpenChange: H,
-				workspaceId: P,
-				projectId: F,
-				projectName: z.name
+			j && M && R ? /* @__PURE__ */ h(o, {
+				open: R,
+				onOpenChange: z,
+				workspaceId: j,
+				projectId: M,
+				projectName: I.name
 			}) : null,
-			/* @__PURE__ */ g(D, { control: N })
+			B && /* @__PURE__ */ h(pe, {
+				project: {
+					id: I.id,
+					name: I.name,
+					workspaceId: I.workspaceId
+				},
+				open: B,
+				onOpenChange: V
+			}),
+			/* @__PURE__ */ h(T, { control: A })
 		]
 	});
 }
 //#endregion
-export { M as ProjectDetailPage };
+export { k as ProjectDetailPage };
 
 //# sourceMappingURL=ProjectDetailPage.js.map