@burdenoff/microfe-crewfoundry 2026.625.2 → 2026.703.1

package/dist/crewfoundry/pages/TeamsTeamSettingsPagePage.js

@@ -1,146 +1,201 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useState as t } from "react";
-import { BarChart3 as n, Bell as r, Lock as i, Save as a, Settings as o, Shield as s, Trash2 as c, UserMinus as l, UserPlus as u, Users as d } from "lucide-react";
-import { useNavigate as f } from "react-router-dom";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Badge as h, Button as g, Card as _, CardContent as v, CardDescription as y, CardHeader as b, CardTitle as x, EmphasisPanel as S, GradientText as C, Input as w, Label as T, NextSteps as E, PagePurpose as D, Separator as O, Switch as k, Textarea as A } from "@burdenoff/fe-libs/ui";
+import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
+import { useState as r } from "react";
+import { BarChart3 as i, Bell as a, Lock as o, Save as s, Settings as c, Shield as l, Trash2 as u, UserMinus as d, UserPlus as f, Users as p } from "lucide-react";
+import { useNavigate as m } from "react-router-dom";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, EmphasisPanel as w, GradientText as T, IllustratedEmptyState as E, Input as D, Label as O, NextSteps as ee, PagePurpose as te, ResponsiveDialog as ne, ResponsiveDialogContent as re, ResponsiveDialogDescription as ie, ResponsiveDialogFooter as ae, ResponsiveDialogHeader as k, ResponsiveDialogTitle as A, Separator as j, Switch as M, Textarea as N } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as P } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/TeamsTeamSettingsPagePage.tsx
-function j() {
-	let j = f(), { teams: M, employees: N } = e(), P = M[0], [F, I] = t(P.name), [L, R] = t(P.description), [z, B] = t(!1), [V, H] = t(!0), [U, W] = t(!0), [G, K] = t(!1), q = N.filter((e) => P.members.includes(e.id));
-	return /* @__PURE__ */ m("div", {
+function F() {
+	let F = m(), { showToast: I } = P(), L = e((e) => e.teams), R = e((e) => e.employees), z = e((e) => e.updateTeam), B = e((e) => e.removeTeam), V = L[0], [H, U] = r(V?.name ?? ""), [W, G] = r(V?.description ?? ""), [K, q] = r(!1), [oe, J] = r(!1), [Y, X] = r(!1), Z = n();
+	if (!V) return /* @__PURE__ */ h("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ h(E, {
+			illustration: "empty-people",
+			title: "No team to configure",
+			description: "Create a team first, then return here to manage its settings."
+		})
+	});
+	let Q = R.filter((e) => V.members.includes(e.id)), $ = R.filter((e) => !V.members.includes(e.id)), se = async () => {
+		if (!K) {
+			if (H.trim() === "") {
+				I("Team Name is required", "warning");
+				return;
+			}
+			q(!0);
+			try {
+				await z(V.id, {
+					name: H.trim(),
+					description: W.trim()
+				}), I("Team settings saved", "success");
+			} catch (e) {
+				I(e instanceof Error ? e.message : "Unable to save team settings", "error");
+			} finally {
+				q(!1);
+			}
+		}
+	}, ce = [{
+		name: "employeeId",
+		label: "Employee",
+		type: "select",
+		required: !0,
+		colSpan: 2,
+		placeholder: "Select an employee",
+		options: $.map((e) => ({
+			label: `${e.firstName} ${e.lastName} — ${e.position}`,
+			value: e.id
+		}))
+	}], le = async (e) => {
+		let t = String(e.employeeId ?? "");
+		t && (await z(V.id, { members: [...V.members, t] }), I("Member added to team", "success"));
+	}, ue = async (e) => {
+		try {
+			await z(V.id, { members: V.members.filter((t) => t !== e) }), I("Member removed from team", "success");
+		} catch (e) {
+			I(e instanceof Error ? e.message : "Unable to remove member", "error");
+		}
+	};
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [
-					/* @__PURE__ */ p("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ p(C, { children: "Team Settings" })
+						children: /* @__PURE__ */ h(T, { children: "Team Settings" })
 					}),
-					/* @__PURE__ */ m("p", {
+					/* @__PURE__ */ g("p", {
 						className: "text-sm text-text-secondary",
-						children: ["Configure settings for ", P.name]
+						children: ["Configure settings for ", V.name]
 					}),
-					/* @__PURE__ */ p(D, {
+					/* @__PURE__ */ h(te, {
 						className: "mt-1",
 						children: "Configure a team's settings — membership, permissions, and preferences that control how the team works in CrewFoundry."
 					})
-				] }), /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(a, { className: "h-4 w-4 mr-1" }), "Save Changes"] })]
+				] }), /* @__PURE__ */ g(v, {
+					onClick: se,
+					disabled: K,
+					children: [/* @__PURE__ */ h(s, { className: "h-4 w-4 mr-1" }), K ? "Saving…" : "Save Changes"]
+				})]
 			}),
-			/* @__PURE__ */ p(E, {
+			/* @__PURE__ */ h(ee, {
 				storageKey: "crewfoundry-team-settings",
 				steps: [
 					{
 						id: "members",
 						label: "Manage members",
 						description: "Add or remove people and adjust their roles below.",
-						icon: /* @__PURE__ */ p(d, { className: "h-4 w-4" }),
-						onClick: () => j("../../teams/team-directory-page")
+						icon: /* @__PURE__ */ h(p, { className: "h-4 w-4" }),
+						onClick: () => F("../../teams/team-directory-page")
 					},
 					{
 						id: "analytics",
 						label: "Review team analytics",
 						description: "See how this team is performing before you change settings.",
-						icon: /* @__PURE__ */ p(n, { className: "h-4 w-4" }),
-						onClick: () => j("../../teams/team-analytics-page")
+						icon: /* @__PURE__ */ h(i, { className: "h-4 w-4" }),
+						onClick: () => F("../../teams/team-analytics-page")
 					},
 					{
 						id: "detail",
 						label: "Open the team overview",
 						description: "See members and projects at a glance.",
-						icon: /* @__PURE__ */ p(o, { className: "h-4 w-4" }),
-						onClick: () => j("../../teams/team-detail-page")
+						icon: /* @__PURE__ */ h(c, { className: "h-4 w-4" }),
+						onClick: () => F("../../teams/team-detail-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "flex items-center gap-3 pt-6",
-						children: [/* @__PURE__ */ p(d, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ h(p, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
 							children: "Members"
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-lg font-bold",
-							children: P.memberCount
+							children: V.memberCount
 						})] })]
 					}) }),
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "flex items-center gap-3 pt-6",
-						children: [/* @__PURE__ */ p(o, { className: "h-5 w-5 text-action-primary-bg" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ h(c, { className: "h-5 w-5 text-action-primary-bg" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
 							children: "Active Projects"
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-lg font-bold",
-							children: P.projectCount
+							children: V.projectCount
 						})] })]
 					}) }),
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "flex items-center gap-3 pt-6",
-						children: [/* @__PURE__ */ p(s, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ h(l, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
-							children: "Visibility"
-						}), /* @__PURE__ */ p("p", {
-							className: "text-lg font-bold",
-							children: G ? "Private" : "Public"
+							children: "Status"
+						}), /* @__PURE__ */ h("p", {
+							className: "text-lg font-bold capitalize",
+							children: V.status
 						})] })]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ m(S, { children: [
-							/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ g(w, { children: [
+							/* @__PURE__ */ h("div", {
 								className: "text-base font-semibold",
 								children: "General Settings"
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ h("p", {
 								className: "mb-4 text-sm text-text-secondary",
 								children: "Basic team information"
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ g("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ g("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ p(T, {
+										children: [/* @__PURE__ */ h(O, {
 											htmlFor: "tsName",
 											children: "Team Name"
-										}), /* @__PURE__ */ p(w, {
+										}), /* @__PURE__ */ h(D, {
 											id: "tsName",
-											value: F,
-											onChange: (e) => I(e.target.value)
+											value: H,
+											disabled: K,
+											onChange: (e) => U(e.target.value)
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ g("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ p(T, {
+										children: [/* @__PURE__ */ h(O, {
 											htmlFor: "tsDesc",
 											children: "Description"
-										}), /* @__PURE__ */ p(A, {
+										}), /* @__PURE__ */ h(N, {
 											id: "tsDesc",
 											className: "min-h-[80px]",
-											value: L,
-											onChange: (e) => R(e.target.value)
+											value: W,
+											disabled: K,
+											onChange: (e) => G(e.target.value)
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ g("div", {
 										className: "grid gap-4 sm:grid-cols-2",
-										children: [/* @__PURE__ */ m("div", {
+										children: [/* @__PURE__ */ g("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ p(T, { children: "Department" }), /* @__PURE__ */ p(w, {
-												value: P.department,
+											children: [/* @__PURE__ */ h(O, { children: "Department" }), /* @__PURE__ */ h(D, {
+												value: V.department,
 												disabled: !0,
 												className: "bg-bg-sunken"
 											})]
-										}), /* @__PURE__ */ m("div", {
+										}), /* @__PURE__ */ g("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ p(T, { children: "Team Lead" }), /* @__PURE__ */ p(w, {
-												value: P.leadName,
+											children: [/* @__PURE__ */ h(O, { children: "Team Lead" }), /* @__PURE__ */ h(D, {
+												value: V.leadName,
 												disabled: !0,
 												className: "bg-bg-sunken"
 											})]
@@ -149,207 +204,281 @@ function j() {
 								]
 							})
 						] }),
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ m("div", {
+						/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(x, {
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(C, {
 								className: "text-base",
 								children: "Team Members"
-							}), /* @__PURE__ */ m(y, { children: [q.length, " active members"] })] }), /* @__PURE__ */ m(g, {
+							}), /* @__PURE__ */ g(x, { children: [Q.length, " active members"] })] }), /* @__PURE__ */ g(v, {
 								size: "sm",
-								children: [/* @__PURE__ */ p(u, { className: "h-3 w-3 mr-1" }), "Add Member"]
+								onClick: () => Z.openModal(),
+								disabled: $.length === 0,
+								children: [/* @__PURE__ */ h(f, { className: "h-3 w-3 mr-1" }), "Add Member"]
 							})]
-						}) }), /* @__PURE__ */ p(v, {
+						}) }), /* @__PURE__ */ h(b, {
 							className: "p-0",
-							children: q.map((e, t) => /* @__PURE__ */ m("div", {
-								className: `flex items-center justify-between px-6 py-3 ${t < q.length - 1 ? "border-b" : ""}`,
-								children: [/* @__PURE__ */ m("div", {
+							children: Q.length === 0 ? /* @__PURE__ */ h("p", {
+								className: "px-6 py-4 text-sm text-text-secondary",
+								children: "No members yet. Use “Add Member” to build out this team."
+							}) : Q.map((e, t) => /* @__PURE__ */ g("div", {
+								className: `flex items-center justify-between px-6 py-3 ${t < Q.length - 1 ? "border-b" : ""}`,
+								children: [/* @__PURE__ */ g("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium",
 										children: [e.firstName[0], e.lastName[0]]
-									}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+									}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ m("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-sm font-medium",
 											children: [
 												e.firstName,
 												" ",
 												e.lastName
 											]
-										}), e.id === P.leadId && /* @__PURE__ */ p(h, {
+										}), e.id === V.leadId && /* @__PURE__ */ h(_, {
 											className: "text-[10px]",
 											children: "Lead"
 										})]
-									}), /* @__PURE__ */ p("p", {
+									}), /* @__PURE__ */ h("p", {
 										className: "text-xs text-text-secondary",
 										children: e.position
 									})] })]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ p(h, {
+									children: [/* @__PURE__ */ h(_, {
 										variant: e.status === "active" ? "secondary" : "outline",
 										className: "text-[10px]",
 										children: e.status
-									}), e.id !== P.leadId && /* @__PURE__ */ p(g, {
+									}), e.id !== V.leadId && /* @__PURE__ */ h(v, {
 										variant: "ghost",
 										size: "sm",
+										"aria-label": `Remove ${e.firstName} ${e.lastName} from team`,
 										className: "h-7 w-7 p-0 text-text-secondary hover:text-status-error-text",
-										children: /* @__PURE__ */ p(l, { className: "h-3 w-3" })
+										onClick: () => ue(e.id),
+										children: /* @__PURE__ */ h(d, { className: "h-3 w-3" })
 									})]
 								})]
 							}, e.id))
 						})] }),
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, {
+						/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, {
 							className: "text-base",
 							children: "Permissions & Access"
-						}), /* @__PURE__ */ p(y, { children: "Control team visibility and member permissions" })] }), /* @__PURE__ */ m(v, {
+						}), /* @__PURE__ */ h(x, { children: "Visibility and join controls — coming soon on the CrewFoundry roadmap." })] }), /* @__PURE__ */ g(b, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "space-y-0.5",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ h("p", {
 											className: "text-sm font-medium",
 											children: "Private Team"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-text-secondary",
 											children: "Only invited members can see this team"
 										})]
-									}), /* @__PURE__ */ m("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ p(i, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ p(k, {
-											checked: G,
-											onCheckedChange: K
-										})]
+										children: [
+											/* @__PURE__ */ h(o, { className: "h-4 w-4 text-text-secondary" }),
+											/* @__PURE__ */ h(_, {
+												variant: "outline",
+												className: "text-[10px]",
+												children: "Coming soon"
+											}),
+											/* @__PURE__ */ h(M, {
+												checked: !1,
+												disabled: !0,
+												"aria-label": "Private team (coming soon)"
+											})
+										]
 									})]
 								}),
-								/* @__PURE__ */ p(O, {}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ h(j, {}),
+								/* @__PURE__ */ g("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "space-y-0.5",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ h("p", {
 											className: "text-sm font-medium",
 											children: "Auto-Approve Join Requests"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-text-secondary",
 											children: "Automatically accept when employees request to join"
 										})]
-									}), /* @__PURE__ */ p(k, {
-										checked: z,
-										onCheckedChange: B
+									}), /* @__PURE__ */ g("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ h(_, {
+											variant: "outline",
+											className: "text-[10px]",
+											children: "Coming soon"
+										}), /* @__PURE__ */ h(M, {
+											checked: !1,
+											disabled: !0,
+											"aria-label": "Auto-approve join requests (coming soon)"
+										})]
 									})]
 								})
 							]
 						})] })
 					]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ p(x, {
+						/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, {
 							className: "text-sm",
 							children: "Notification Preferences"
-						}) }), /* @__PURE__ */ m(v, {
+						}), /* @__PURE__ */ h(x, {
+							className: "text-xs",
+							children: "Coming soon on the roadmap."
+						})] }), /* @__PURE__ */ g(b, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ p(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ h(a, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 											className: "text-xs font-medium",
 											children: "New Member Alerts"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-[10px] text-text-secondary",
 											children: "Notify when members join or leave"
 										})] })]
-									}), /* @__PURE__ */ p(k, {
-										checked: V,
-										onCheckedChange: H
+									}), /* @__PURE__ */ h(M, {
+										checked: !1,
+										disabled: !0,
+										"aria-label": "New member alerts (coming soon)"
 									})]
 								}),
-								/* @__PURE__ */ p(O, {}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ h(j, {}),
+								/* @__PURE__ */ g("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ p(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ h(a, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 											className: "text-xs font-medium",
 											children: "Weekly Digest"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-[10px] text-text-secondary",
 											children: "Summary of team activity"
 										})] })]
-									}), /* @__PURE__ */ p(k, {
-										checked: U,
-										onCheckedChange: W
+									}), /* @__PURE__ */ h(M, {
+										checked: !1,
+										disabled: !0,
+										"aria-label": "Weekly digest (coming soon)"
 									})]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ p(x, {
+						/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, {
 							className: "text-sm",
 							children: "Team Info"
-						}) }), /* @__PURE__ */ p(v, {
+						}) }), /* @__PURE__ */ h(b, {
 							className: "space-y-2 text-sm",
 							children: [
 								{
 									label: "Created",
-									value: P.createdAt
+									value: V.createdAt
 								},
 								{
 									label: "Department",
-									value: P.department
+									value: V.department
 								},
 								{
 									label: "Status",
-									value: P.status
+									value: V.status
 								},
 								{
 									label: "Projects",
-									value: P.projectCount.toString()
+									value: V.projectCount.toString()
 								},
 								{
 									label: "Members",
-									value: P.memberCount.toString()
+									value: V.memberCount.toString()
 								}
-							].map((e) => /* @__PURE__ */ m("div", {
+							].map((e) => /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-text-secondary text-xs",
 									children: e.label
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: "text-xs font-medium",
 									children: e.value
 								})]
 							}, e.label))
 						})] }),
-						/* @__PURE__ */ m(_, {
+						/* @__PURE__ */ g(y, {
 							className: "border-status-error-border/50",
-							children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ p(x, {
+							children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, {
 								className: "text-sm text-status-error-text",
 								children: "Danger Zone"
-							}) }), /* @__PURE__ */ m(v, {
+							}) }), /* @__PURE__ */ g(b, {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-secondary",
-									children: "Archiving a team will remove all members and deactivate associated projects. This action can be reversed by an admin."
-								}), /* @__PURE__ */ m(g, {
+									children: "Archiving a team removes it from the active roster and deactivates associated projects. This action can be reversed by an admin."
+								}), /* @__PURE__ */ g(v, {
 									variant: "destructive",
 									size: "sm",
 									className: "w-full",
-									children: [/* @__PURE__ */ p(c, { className: "h-3 w-3 mr-1" }), "Archive Team"]
+									onClick: () => J(!0),
+									children: [/* @__PURE__ */ h(u, { className: "h-3 w-3 mr-1" }), "Archive Team"]
 								})]
 							})]
 						})
 					]
 				})]
+			}),
+			/* @__PURE__ */ h(t, {
+				open: Z.open,
+				onOpenChange: Z.onOpenChange,
+				title: "Add Team Member",
+				description: `Add an employee to ${V.name}.`,
+				fields: ce,
+				submitLabel: "Add Member",
+				onSubmit: le
+			}),
+			/* @__PURE__ */ h(ne, {
+				open: oe,
+				onOpenChange: J,
+				children: /* @__PURE__ */ g(re, {
+					className: "sm:max-w-[440px]",
+					children: [/* @__PURE__ */ g(k, { children: [/* @__PURE__ */ g(A, { children: [
+						"Archive ",
+						V.name,
+						"?"
+					] }), /* @__PURE__ */ h(ie, { children: "This removes the team from the active roster. An admin can restore it later." })] }), /* @__PURE__ */ g(ae, { children: [/* @__PURE__ */ h(v, {
+						type: "button",
+						variant: "outline",
+						onClick: () => J(!1),
+						disabled: Y,
+						children: "Cancel"
+					}), /* @__PURE__ */ h(v, {
+						type: "button",
+						variant: "destructive",
+						onClick: async () => {
+							if (!Y) {
+								X(!0);
+								try {
+									await B(V.id), I("Team archived", "success"), J(!1), F("../../teams/teams-page");
+								} catch (e) {
+									I(e instanceof Error ? e.message : "Unable to archive team", "error");
+								} finally {
+									X(!1);
+								}
+							}
+						},
+						disabled: Y,
+						children: Y ? "Archiving…" : "Archive Team"
+					})] })]
+				})
 			})
 		]
 	});
 }
 //#endregion
-export { j as TeamsTeamSettingsPagePage };
+export { F as TeamsTeamSettingsPagePage };
 
 //# sourceMappingURL=TeamsTeamSettingsPagePage.js.map