@burdenoff/microfe-workspaces 2026.530.2 → 2026.531.2

package/dist/pages/ProjectDetailPage.js

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