@burdenoff/microfe-workspaces 2026.510.50 → 2026.511.1

package/dist/pages/ProjectDetailPage.js

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