@burdenoff/microfe-workspaces 2026.531.2 → 2026.531.4

package/dist/pages/ProjectDetailPage.js

@@ -4,388 +4,424 @@ import { useScopedNavigation as n } from "../hooks/useScopedNavigation.js";
 import { tWithFallback as r } from "../utils/i18n.js";
 import { useWorkspacesPageView as ee } from "../hooks/useWorkspacesPageView.js";
 import { nativeImpact as te, nativeNotify as i } from "../utils/nativeBridge.js";
-import { useProject as ne, useProjectMembersCount as re } from "../hooks/useProjects.js";
-import { useArchiveProject as a, useDeleteProject as o, useTagProject as s, useUnarchiveProject as c, useUntagProject as ie, useUpdateProject as ae } from "../hooks/useProjectMutations.js";
-import { formatDate as l } from "../utils/formatters.js";
-import { getProjectDisplayTags as u, toProjectTag as d } from "../utils/projectTags.js";
-import { useWorkspaceActivity as oe } from "../hooks/useWorkspaceActivity.js";
-import { useWorkspacePermissions as se } from "../hooks/useWorkspacePermissions.js";
-import { ProjectTagsWidget as ce } from "../components/tags/ProjectTagsWidget.js";
-import { useEffect as le, useMemo as f, useState as p } from "react";
-import { Activity as m, Archive as h, ArrowLeft as g, Clock as _, FolderKanban as v, MoreVertical as ue, Users as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { AlertDialog as de, AlertDialogAction as fe, AlertDialogCancel as pe, AlertDialogContent as me, AlertDialogDescription as he, AlertDialogFooter as ge, AlertDialogHeader as _e, AlertDialogTitle as ve, Badge as S, Button as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, DropdownMenu as O, DropdownMenuContent as k, DropdownMenuItem as A, DropdownMenuSeparator as j, DropdownMenuTrigger as M, Skeleton as N } from "@burdenoff/fe-libs/ui";
-import { useNavigate as P, useParams as F } from "react-router-dom";
-import { useI18n as ye } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useWorkspacePermissions as ne } from "../hooks/useWorkspacePermissions.js";
+import { useProject as re, useProjectMembersCount as ie } from "../hooks/useProjects.js";
+import { useArchiveProject as ae, useDeleteProject as oe, useTagProject as se, useUnarchiveProject as ce, useUntagProject as le, useUpdateProject as ue } from "../hooks/useProjectMutations.js";
+import { formatDate as a } from "../utils/formatters.js";
+import { getProjectDisplayTags as de, toProjectTag as o } from "../utils/projectTags.js";
+import { useWorkspaceActivity as s } from "../hooks/useWorkspaceActivity.js";
+import { ProjectTagsWidget as c } from "../components/tags/ProjectTagsWidget.js";
+import { ProjectMemberPickerDialog as l } from "../components/ProjectMemberPickerDialog.js";
+import { useMemo as u, useState as d } from "react";
+import { Activity as f, Archive as p, ArrowLeft as m, Clock as h, FolderKanban as g, MoreVertical as fe, UserPlus as pe, Users as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { AlertDialog as me, AlertDialogAction as he, AlertDialogCancel as ge, AlertDialogContent as _e, AlertDialogDescription as ve, AlertDialogFooter as ye, AlertDialogHeader as be, AlertDialogTitle as xe, Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuSeparator as k, DropdownMenuTrigger as A, Skeleton as j } from "@burdenoff/fe-libs/ui";
+import { useNavigate as M, useParams as Se } from "react-router-dom";
+import { useI18n as Ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/ProjectDetailPage.tsx
-function I() {
-	let { t: I } = ye(), { workspaceId: L, projectId: R } = F();
+function N() {
+	let { t: N } = Ce(), { workspaceId: P, projectId: F } = Se();
 	ee("workspaces.project-detail", {
-		workspaceId: L,
-		projectId: R,
+		workspaceId: P,
+		projectId: F,
 		requireParams: !0
 	});
-	let z = P(), { basePath: B = "/workspaces" } = e(), { withCurrentSearch: V } = n(), { data: H, isLoading: be, error: xe } = ne(R || "", L), [Se, U] = p(!1), [W, G] = p(() => u(H)), { mutate: Ce, isPending: K } = a(L), { mutate: we, isPending: q } = c(L), { mutate: Te, isPending: J } = o(L), { mutateAsync: Ee, isPending: De } = s(L), { mutateAsync: Oe, isPending: ke } = ie(L), { mutateAsync: Ae, isPending: je } = ae(L), { data: Me } = re(R || "", L), Y = f(() => u({
-		tags: H?.tags ?? [],
-		tagAssignments: H?.tagAssignments
-	}), [H?.tags, H?.tagAssignments]), { data: Ne } = oe(L), Pe = (Ne ?? []).filter((e) => e.resourceId === R || e.resourceType?.toLowerCase() === "project").length, { canViewProject: Fe, canDeleteProject: X, canArchiveProject: Z, isLoading: Ie } = se();
-	le(() => {
-		G(Y);
-	}, [Y]);
-	let Le = f(() => W, [W]);
-	if (Ie) return /* @__PURE__ */ x("div", {
+	let I = M(), { basePath: L = "/workspaces" } = e(), { withCurrentSearch: R } = n(), { data: z, isLoading: we, error: Te } = re(F || "", P), [Ee, B] = d(!1), [V, H] = d(!1), { mutate: De, isPending: U } = ae(P), { mutate: Oe, isPending: W } = ce(P), { mutate: ke, isPending: G } = oe(P), { mutateAsync: Ae, isPending: je } = se(P), { mutateAsync: Me, isPending: Ne } = le(P), { mutateAsync: Pe, isPending: Fe } = ue(P), { canViewProject: Ie, canDeleteProject: K, canArchiveProject: q, canListProjectMembers: J, canAddProjectMember: Y, isLoading: Le } = ne(), { data: Re } = ie(F || "", P), X = u(() => de({
+		tags: z?.tags ?? [],
+		tagAssignments: z?.tagAssignments
+	}), [z?.tags, z?.tagAssignments]), { data: ze } = s(P), Be = (ze ?? []).filter((e) => e.resourceId === F || e.resourceType?.toLowerCase() === "project").length, Ve = X;
+	if (Le) return /* @__PURE__ */ y("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ b(N, { className: "h-10 w-1/3" }), /* @__PURE__ */ b(N, { className: "h-64" })]
+		children: [/* @__PURE__ */ v(j, { className: "h-10 w-1/3" }), /* @__PURE__ */ v(j, { className: "h-64" })]
 	});
-	if (!Fe) return /* @__PURE__ */ b("div", {
+	if (!Ie) return /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ b("h2", {
+			children: [/* @__PURE__ */ v("h2", {
 				className: "text-lg font-semibold",
-				children: r(I, "projectDetail.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ b("p", {
+				children: r(N, "projectDetail.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ v("p", {
 				className: "text-sm text-muted-foreground",
-				children: r(I, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
+				children: r(N, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
 			})]
 		})
 	});
-	let Q = () => {
-		z(V(`${B}/${L}/projects`));
-	}, Re = () => {
-		H && (H.archived ? we(H.id, { onError: (e) => {
+	let Z = () => {
+		I(R(`${L}/${P}/projects`));
+	}, He = () => {
+		z && (z.archived ? Oe(z.id, { onError: (e) => {
 			console.error("Failed to unarchive project:", e);
-		} }) : Ce(H.id, { onError: (e) => {
+		} }) : De(z.id, { onError: (e) => {
 			console.error("Failed to archive project:", e);
 		} }));
-	}, ze = () => {
-		H && (te("medium"), Te(H.id, {
+	}, Ue = () => {
+		z && (te("medium"), ke(z.id, {
 			onSuccess: () => {
-				i("success"), U(!1), z(V(`${B}/${L}/projects`));
+				i("success"), B(!1), I(R(`${L}/${P}/projects`));
 			},
 			onError: (e) => {
 				i("error"), console.error("Failed to delete project:", e);
 			}
 		}));
+	}, Q = () => {
+		I(R(`${L}/${P}/projects/${F}/members`));
 	}, $ = async (e) => {
-		if (!H) return;
-		let t = e.map((e) => d(e));
+		if (!z) return;
+		let t = e.map((e) => o(e));
 		try {
-			await Ae({
-				id: H.id,
+			await Pe({
+				id: z.id,
 				input: { tags: t }
 			});
 		} catch (e) {
 			i("warning"), console.error("Failed to sync legacy project tag mirror after updating structured project tags:", e);
 		}
 	};
-	return be ? /* @__PURE__ */ x("div", {
+	return we ? /* @__PURE__ */ y("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ b(N, { className: "h-10 w-32" }),
-			/* @__PURE__ */ b(N, { className: "h-10 w-1/3" }),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ v(j, { className: "h-10 w-32" }),
+			/* @__PURE__ */ v(j, { className: "h-10 w-1/3" }),
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ b(N, { className: "h-32" }),
-					/* @__PURE__ */ b(N, { className: "h-32" }),
-					/* @__PURE__ */ b(N, { className: "h-32" })
+					/* @__PURE__ */ v(j, { className: "h-32" }),
+					/* @__PURE__ */ v(j, { className: "h-32" }),
+					/* @__PURE__ */ v(j, { className: "h-32" })
 				]
 			}),
-			/* @__PURE__ */ b(N, { className: "h-48" })
+			/* @__PURE__ */ v(j, { className: "h-48" })
 		]
-	}) : xe || !H ? /* @__PURE__ */ x("div", {
+	}) : Te || !z ? /* @__PURE__ */ y("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ x(C, {
+		children: [/* @__PURE__ */ y(x, {
 			variant: "ghost",
-			onClick: Q,
+			onClick: Z,
 			className: "gap-2",
-			children: [/* @__PURE__ */ b(g, { size: 20 }), r(I, "projectDetail.backToProjects", "Back to Projects")]
-		}), /* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ v(m, { size: 20 }), r(N, "projectDetail.backToProjects", "Back to Projects")]
+		}), /* @__PURE__ */ y("div", {
 			className: "text-center py-12",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ v("div", {
 					className: "rounded-full bg-muted p-6 mb-4 inline-block",
-					children: /* @__PURE__ */ b(v, {
+					children: /* @__PURE__ */ v(g, {
 						size: 48,
 						className: "text-muted-foreground"
 					})
 				}),
-				/* @__PURE__ */ b("h3", {
+				/* @__PURE__ */ v("h3", {
 					className: "text-lg font-semibold mb-2",
-					children: r(I, "projectDetail.projectNotFound", "Project not found")
+					children: r(N, "projectDetail.projectNotFound", "Project not found")
 				}),
-				/* @__PURE__ */ b("p", {
+				/* @__PURE__ */ v("p", {
 					className: "text-muted-foreground max-w-sm mx-auto mb-4",
-					children: r(I, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it.")
+					children: r(N, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it.")
 				}),
-				/* @__PURE__ */ x(C, {
-					onClick: Q,
-					children: [/* @__PURE__ */ b(g, {
+				/* @__PURE__ */ y(x, {
+					onClick: Z,
+					children: [/* @__PURE__ */ v(m, {
 						size: 16,
 						className: "mr-2"
-					}), r(I, "projectDetail.backToProjects", "Back to Projects")]
+					}), r(N, "projectDetail.backToProjects", "Back to Projects")]
 				})
 			]
 		})]
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ y("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
-				children: [/* @__PURE__ */ x("div", { children: [
-					/* @__PURE__ */ x(C, {
+				children: [/* @__PURE__ */ y("div", { children: [
+					/* @__PURE__ */ y(x, {
 						variant: "ghost",
-						onClick: Q,
+						onClick: Z,
 						className: "gap-2 mb-2 -ml-2",
-						children: [/* @__PURE__ */ b(g, { size: 20 }), r(I, "projectDetail.backToProjects", "Back to Projects")]
+						children: [/* @__PURE__ */ v(m, { size: 20 }), r(N, "projectDetail.backToProjects", "Back to Projects")]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "p-3 rounded-lg bg-primary/10",
-							children: /* @__PURE__ */ b(v, {
+							children: /* @__PURE__ */ v(g, {
 								className: "text-primary",
 								size: 28
 							})
-						}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h1", {
+						}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
 							className: "text-2xl sm:text-3xl font-bold",
-							children: H.name
-						}), /* @__PURE__ */ b("p", {
+							children: z.name
+						}), /* @__PURE__ */ v("p", {
 							className: "text-sm text-muted-foreground font-mono",
-							children: H.key
+							children: z.key
 						})] })]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2 mt-3",
-						children: [/* @__PURE__ */ b(S, {
-							className: `border ${t(H.status)}`,
-							children: H.status
-						}), H.archived && /* @__PURE__ */ x(S, {
+						children: [/* @__PURE__ */ v(b, {
+							className: `border ${t(z.status)}`,
+							children: z.status
+						}), z.archived && /* @__PURE__ */ y(b, {
 							variant: "outline",
 							className: "border-workspace-archived-border text-workspace-archived-text",
-							children: [/* @__PURE__ */ b(h, {
+							children: [/* @__PURE__ */ v(p, {
 								size: 12,
 								className: "mr-1"
-							}), r(I, "projectDetail.archived", "Archived")]
+							}), r(N, "projectDetail.archived", "Archived")]
 						})]
 					})
-				] }), /* @__PURE__ */ b("div", {
+				] }), /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ x(O, { children: [/* @__PURE__ */ b(M, {
+					children: /* @__PURE__ */ y(E, { children: [/* @__PURE__ */ v(A, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(C, {
+						children: /* @__PURE__ */ v(x, {
 							variant: "outline",
 							size: "icon",
-							"aria-label": r(I, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
-							children: /* @__PURE__ */ b(ue, { size: 20 })
+							"aria-label": r(N, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
+							children: /* @__PURE__ */ v(fe, { size: 20 })
 						})
-					}), /* @__PURE__ */ x(k, {
+					}), /* @__PURE__ */ y(D, {
 						align: "end",
 						children: [
-							Z && /* @__PURE__ */ x(A, {
-								onClick: Re,
-								disabled: K || q,
-								children: [/* @__PURE__ */ b(h, {
+							q && /* @__PURE__ */ y(O, {
+								onClick: He,
+								disabled: U || W,
+								children: [/* @__PURE__ */ v(p, {
 									size: 16,
 									className: "mr-2"
-								}), K || q ? r(I, "projectDetail.processing", "Processing...") : H.archived ? r(I, "projectDetail.unarchive", "Unarchive") : r(I, "projectDetail.archive", "Archive")]
+								}), U || W ? r(N, "projectDetail.processing", "Processing...") : z.archived ? r(N, "projectDetail.unarchive", "Unarchive") : r(N, "projectDetail.archive", "Archive")]
 							}),
-							Z && X && /* @__PURE__ */ b(j, {}),
-							X && /* @__PURE__ */ b(A, {
-								onClick: () => U(!0),
+							q && K && /* @__PURE__ */ v(k, {}),
+							K && /* @__PURE__ */ v(O, {
+								onClick: () => B(!0),
 								className: "text-destructive",
-								children: r(I, "projectDetail.deleteProject", "Delete Project")
+								children: r(N, "projectDetail.deleteProject", "Delete Project")
 							})
 						]
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+				children: [/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, {
 					className: "flex flex-row items-center justify-between pb-2",
-					children: /* @__PURE__ */ x(D, {
+					children: /* @__PURE__ */ y(T, {
 						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ b(y, {
+						children: [/* @__PURE__ */ v(_, {
 							size: 20,
 							className: "text-muted-foreground"
-						}), r(I, "projectDetail.membersCardTitle", "Members")]
+						}), r(N, "projectDetail.membersCardTitle", "Members")]
 					})
-				}), /* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b("p", {
-					className: "text-3xl font-bold",
-					children: Me ?? 0
-				}), /* @__PURE__ */ b("p", {
-					className: "text-sm text-muted-foreground",
-					children: r(I, "projectDetail.projectMembers", "Project members")
-				})] })] }), /* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, {
+				}), /* @__PURE__ */ y(C, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ v("p", {
+							className: "text-3xl font-bold",
+							children: Re ?? 0
+						}),
+						/* @__PURE__ */ v("p", {
+							className: "text-sm text-muted-foreground",
+							children: r(N, "projectDetail.projectMembers", "Project members")
+						}),
+						Y || J ? /* @__PURE__ */ y("div", {
+							className: "flex flex-wrap gap-2",
+							children: [Y ? /* @__PURE__ */ y(x, {
+								size: "sm",
+								onClick: () => H(!0),
+								children: [/* @__PURE__ */ v(pe, {
+									size: 16,
+									className: "mr-2"
+								}), r(N, "projectDetail.addProjectMember", "Add Member")]
+							}) : null, J ? /* @__PURE__ */ y(x, {
+								variant: "outline",
+								size: "sm",
+								onClick: Q,
+								children: [/* @__PURE__ */ v(_, {
+									size: 16,
+									className: "mr-2"
+								}), r(N, "projectDetail.manageProjectMembers", "Manage Members")]
+							}) : null]
+						}) : null
+					]
+				})] }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, {
 					className: "flex flex-row items-center justify-between pb-2",
-					children: /* @__PURE__ */ x(D, {
+					children: /* @__PURE__ */ y(T, {
 						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ b(m, {
+						children: [/* @__PURE__ */ v(f, {
 							size: 20,
 							className: "text-muted-foreground"
-						}), r(I, "projectDetail.activityCardTitle", "Activity")]
+						}), r(N, "projectDetail.activityCardTitle", "Activity")]
 					})
-				}), /* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b("p", {
+				}), /* @__PURE__ */ y(C, { children: [/* @__PURE__ */ v("p", {
 					className: "text-3xl font-bold",
-					children: Pe
-				}), /* @__PURE__ */ b("p", {
+					children: Be
+				}), /* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground",
-					children: r(I, "projectDetail.recentActivityItems", "Recent activity items")
+					children: r(N, "projectDetail.recentActivityItems", "Recent activity items")
 				})] })] })]
 			}),
-			/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: r(I, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ x(T, {
+			/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: r(N, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ y(C, {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ v("p", {
 					className: "text-sm text-muted-foreground",
-					children: r(I, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
-				}), /* @__PURE__ */ b(ce, {
+					children: r(N, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
+				}), /* @__PURE__ */ v(c, {
 					entityType: "Project",
-					entityId: H.id,
-					workspaceId: L,
-					tags: Le,
+					entityId: z.id,
+					workspaceId: P,
+					tags: Ve,
 					onAdd: async (e) => {
-						if (!H) return;
-						let t = W, n = [...W, d(e)];
-						G(n);
-						try {
-							await Ee({
-								entityId: H.id,
+						if (z) try {
+							await Ae({
+								entityId: z.id,
 								tagId: e.id
-							});
+							}), await $([...X, o(e)]);
 						} catch (e) {
-							throw G(t), e;
+							throw i("error"), e;
 						}
-						await $(n);
 					},
 					onRemove: async (e) => {
-						if (!H) return;
-						let t = W, n = W.filter((t) => t.tagId !== e && t.id !== e);
-						G(n);
+						if (!z) return;
+						let t = z.tagAssignments?.find((t) => t.tagId === e)?.id;
 						try {
-							let t = H.tagAssignments?.find((t) => t.tagId === e)?.id;
-							await Oe({
-								entityId: H.id,
+							await Me({
+								entityId: z.id,
 								tagId: e,
 								assignmentId: t
-							});
+							}), await $(X.filter((t) => t.tagId !== e && t.id !== e));
 						} catch (e) {
-							throw G(t), e;
+							throw i("error"), e;
 						}
-						await $(n);
 					},
-					className: De || ke || je ? "pointer-events-none opacity-75" : void 0
+					className: je || Ne || Fe ? "pointer-events-none opacity-75" : void 0
 				})]
 			})] }),
-			/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: r(I, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ x(T, {
+			/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: r(N, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ y(C, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ b(v, { size: 14 }), r(I, "projectDetail.projectId", "Project ID")]
-							}), /* @__PURE__ */ b("span", {
+								children: [/* @__PURE__ */ v(g, { size: 14 }), r(N, "projectDetail.projectId", "Project ID")]
+							}), /* @__PURE__ */ v("span", {
 								className: "font-mono text-xs block",
-								children: H.id
+								children: z.id
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ b(v, { size: 14 }), r(I, "projectDetail.projectKey", "Project Key")]
-							}), /* @__PURE__ */ b("span", {
+								children: [/* @__PURE__ */ v(g, { size: 14 }), r(N, "projectDetail.projectKey", "Project Key")]
+							}), /* @__PURE__ */ v("span", {
 								className: "font-medium",
-								children: H.key
+								children: z.key
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ b(_, { size: 14 }), r(I, "projectDetail.created", "Created")]
-							}), /* @__PURE__ */ b("span", { children: l(H.createdAt) })]
+								children: [/* @__PURE__ */ v(h, { size: 14 }), r(N, "projectDetail.created", "Created")]
+							}), /* @__PURE__ */ v("span", { children: a(z.createdAt) })]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ b(_, { size: 14 }), r(I, "projectDetail.lastUpdated", "Last Updated")]
-							}), /* @__PURE__ */ b("span", { children: l(H.updatedAt) })]
+								children: [/* @__PURE__ */ v(h, { size: 14 }), r(N, "projectDetail.lastUpdated", "Last Updated")]
+							}), /* @__PURE__ */ v("span", { children: a(z.updatedAt) })]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ b(y, { size: 14 }), r(I, "projectDetail.workspaceId", "Workspace ID")]
-							}), /* @__PURE__ */ b("span", {
+								children: [/* @__PURE__ */ v(_, { size: 14 }), r(N, "projectDetail.workspaceId", "Workspace ID")]
+							}), /* @__PURE__ */ v("span", {
 								className: "font-mono text-xs block",
-								children: H.workspaceId
+								children: z.workspaceId
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ b(y, { size: 14 }), r(I, "projectDetail.creatorId", "Creator ID")]
-							}), /* @__PURE__ */ b("span", {
+								children: [/* @__PURE__ */ v(_, { size: 14 }), r(N, "projectDetail.creatorId", "Creator ID")]
+							}), /* @__PURE__ */ v("span", {
 								className: "font-mono text-xs block",
-								children: H.creatorId
+								children: z.creatorId
 							})]
 						})
 					]
-				}), H.config && Object.keys(H.config).length > 0 && /* @__PURE__ */ x("div", {
+				}), z.config && Object.keys(z.config).length > 0 && /* @__PURE__ */ y("div", {
 					className: "pt-4 border-t",
-					children: [/* @__PURE__ */ b("h4", {
+					children: [/* @__PURE__ */ v("h4", {
 						className: "text-sm font-medium mb-2",
-						children: r(I, "projectDetail.configuration", "Configuration")
-					}), /* @__PURE__ */ b("pre", {
+						children: r(N, "projectDetail.configuration", "Configuration")
+					}), /* @__PURE__ */ v("pre", {
 						className: "text-xs bg-muted p-3 rounded-lg overflow-auto",
-						children: JSON.stringify(H.config, null, 2)
+						children: JSON.stringify(z.config, null, 2)
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ x(w, { children: [/* @__PURE__ */ b(E, { children: /* @__PURE__ */ b(D, { children: r(I, "projectDetail.quickActions", "Quick Actions") }) }), /* @__PURE__ */ b(T, { children: /* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: r(N, "projectDetail.quickActions", "Quick Actions") }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ y("div", {
 				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ x(C, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => z(V(`${B}/${L}/members`)),
-					children: [/* @__PURE__ */ b(y, {
-						size: 16,
-						className: "mr-2"
-					}), r(I, "projectDetail.workspaceMembers", "Workspace Members")]
-				}), /* @__PURE__ */ x(C, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => z(V(`${B}/${L}/activity`)),
-					children: [/* @__PURE__ */ b(m, {
-						size: 16,
-						className: "mr-2"
-					}), r(I, "projectDetail.workspaceActivity", "Workspace Activity")]
-				})]
+				children: [
+					J ? /* @__PURE__ */ y(x, {
+						variant: "outline",
+						size: "sm",
+						onClick: Q,
+						children: [/* @__PURE__ */ v(_, {
+							size: 16,
+							className: "mr-2"
+						}), r(N, "projectDetail.projectMembersPage", "Project Members")]
+					}) : null,
+					/* @__PURE__ */ y(x, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => I(R(`${L}/${P}/members`)),
+						children: [/* @__PURE__ */ v(_, {
+							size: 16,
+							className: "mr-2"
+						}), r(N, "projectDetail.workspaceMembers", "Workspace Members")]
+					}),
+					/* @__PURE__ */ y(x, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => I(R(`${L}/${P}/activity`)),
+						children: [/* @__PURE__ */ v(f, {
+							size: 16,
+							className: "mr-2"
+						}), r(N, "projectDetail.workspaceActivity", "Workspace Activity")]
+					})
+				]
 			}) })] }),
-			/* @__PURE__ */ b(de, {
-				open: Se,
-				onOpenChange: U,
-				children: /* @__PURE__ */ x(me, { children: [/* @__PURE__ */ x(_e, { children: [/* @__PURE__ */ b(ve, { children: r(I, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ b(he, { children: r(I, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + H.name + r(I, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ x(ge, { children: [/* @__PURE__ */ b(pe, {
-					disabled: J,
-					children: r(I, "projectDetail.cancel", "Cancel")
-				}), /* @__PURE__ */ b(fe, {
-					onClick: ze,
-					disabled: J,
+			/* @__PURE__ */ v(me, {
+				open: Ee,
+				onOpenChange: B,
+				children: /* @__PURE__ */ y(_e, { children: [/* @__PURE__ */ y(be, { children: [/* @__PURE__ */ v(xe, { children: r(N, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ v(ve, { children: r(N, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + z.name + r(N, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ y(ye, { children: [/* @__PURE__ */ v(ge, {
+					disabled: G,
+					children: r(N, "projectDetail.cancel", "Cancel")
+				}), /* @__PURE__ */ v(he, {
+					onClick: Ue,
+					disabled: G,
 					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-					children: J ? r(I, "projectDetail.deleting", "Deleting...") : r(I, "projectDetail.deleteProject", "Delete Project")
+					children: G ? r(N, "projectDetail.deleting", "Deleting...") : r(N, "projectDetail.deleteProject", "Delete Project")
 				})] })] })
-			})
+			}),
+			P && F && V ? /* @__PURE__ */ v(l, {
+				open: V,
+				onOpenChange: H,
+				workspaceId: P,
+				projectId: F,
+				projectName: z.name
+			}) : null
 		]
 	});
 }
 //#endregion
-export { I as ProjectDetailPage };
+export { N as ProjectDetailPage };
 
 //# sourceMappingURL=ProjectDetailPage.js.map