npm - @burdenoff/microfe-crewfoundry - Versions diffs - 2026.625.1 → 2026.625.2 - Mend

@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.625.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/dist/crewfoundry/pages/TeamsTeamSettingsPagePage.js CHANGED Viewed

@@ -1,304 +1,345 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
-import { Bell as n, Lock as r, Save as i, Settings as a, Shield as o, Trash2 as s, UserMinus as c, UserPlus as l, Users as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, GradientText as b, Input as x, Label as S, Separator as C, Switch as w, Textarea as T } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/crewfoundry/pages/TeamsTeamSettingsPagePage.tsx
-function E() {
-	let { teams: E, employees: D } = e(), O = E[0], [k, A] = t(O.name), [j, M] = t(O.description), [N, P] = t(!1), [F, I] = t(!0), [L, R] = t(!0), [z, B] = t(!1), V = D.filter((e) => O.members.includes(e.id));
-	return /* @__PURE__ */ f("div", {
+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", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ d(b, { children: "Team Settings" })
-				}), /* @__PURE__ */ f("p", {
-					className: "text-sm text-text-secondary",
-					children: ["Configure settings for ", O.name]
-				})] }), /* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(i, { className: "h-4 w-4 mr-1" }), "Save Changes"] })]
+				children: [/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ p(C, { children: "Team Settings" })
+					}),
+					/* @__PURE__ */ m("p", {
+						className: "text-sm text-text-secondary",
+						children: ["Configure settings for ", P.name]
+					}),
+					/* @__PURE__ */ p(D, {
+						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__ */ f("div", {
+			/* @__PURE__ */ p(E, {
+				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")
+					},
+					{
+						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")
+					},
+					{
+						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")
+					}
+				]
+			}),
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "flex items-center gap-3 pt-6",
-						children: [/* @__PURE__ */ d(u, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ p(d, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "Members"
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-lg font-bold",
-							children: O.memberCount
+							children: P.memberCount
 						})] })]
 					}) }),
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "flex items-center gap-3 pt-6",
-						children: [/* @__PURE__ */ d(a, { className: "h-5 w-5 text-action-primary-bg" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ p(o, { className: "h-5 w-5 text-action-primary-bg" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "Active Projects"
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-lg font-bold",
-							children: O.projectCount
+							children: P.projectCount
 						})] })]
 					}) }),
-					/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "flex items-center gap-3 pt-6",
-						children: [/* @__PURE__ */ d(o, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ p(s, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: "Visibility"
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-lg font-bold",
-							children: z ? "Private" : "Public"
+							children: G ? "Private" : "Public"
 						})] })]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, {
-							className: "text-base",
-							children: "General Settings"
-						}), /* @__PURE__ */ d(_, { children: "Basic team information" })] }), /* @__PURE__ */ f(g, {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ f("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ d(S, {
-										htmlFor: "tsName",
-										children: "Team Name"
-									}), /* @__PURE__ */ d(x, {
-										id: "tsName",
-										value: k,
-										onChange: (e) => A(e.target.value)
-									})]
-								}),
-								/* @__PURE__ */ f("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ d(S, {
-										htmlFor: "tsDesc",
-										children: "Description"
-									}), /* @__PURE__ */ d(T, {
-										id: "tsDesc",
-										className: "min-h-[80px]",
-										value: j,
-										onChange: (e) => M(e.target.value)
-									})]
-								}),
-								/* @__PURE__ */ f("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ m(S, { children: [
+							/* @__PURE__ */ p("div", {
+								className: "text-base font-semibold",
+								children: "General Settings"
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "mb-4 text-sm text-text-secondary",
+								children: "Basic team information"
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ m("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ d(S, { children: "Department" }), /* @__PURE__ */ d(x, {
-											value: O.department,
-											disabled: !0,
-											className: "bg-bg-sunken"
+										children: [/* @__PURE__ */ p(T, {
+											htmlFor: "tsName",
+											children: "Team Name"
+										}), /* @__PURE__ */ p(w, {
+											id: "tsName",
+											value: F,
+											onChange: (e) => I(e.target.value)
 										})]
-									}), /* @__PURE__ */ f("div", {
+									}),
+									/* @__PURE__ */ m("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ d(S, { children: "Team Lead" }), /* @__PURE__ */ d(x, {
-											value: O.leadName,
-											disabled: !0,
-											className: "bg-bg-sunken"
+										children: [/* @__PURE__ */ p(T, {
+											htmlFor: "tsDesc",
+											children: "Description"
+										}), /* @__PURE__ */ p(A, {
+											id: "tsDesc",
+											className: "min-h-[80px]",
+											value: L,
+											onChange: (e) => R(e.target.value)
 										})]
-									})]
-								})
-							]
-						})] }),
-						/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ f("div", {
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "grid gap-4 sm:grid-cols-2",
+										children: [/* @__PURE__ */ m("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ p(T, { children: "Department" }), /* @__PURE__ */ p(w, {
+												value: P.department,
+												disabled: !0,
+												className: "bg-bg-sunken"
+											})]
+										}), /* @__PURE__ */ m("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ p(T, { children: "Team Lead" }), /* @__PURE__ */ p(w, {
+												value: P.leadName,
+												disabled: !0,
+												className: "bg-bg-sunken"
+											})]
+										})]
+									})
+								]
+							})
+						] }),
+						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ m("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(x, {
 								className: "text-base",
 								children: "Team Members"
-							}), /* @__PURE__ */ f(_, { children: [V.length, " active members"] })] }), /* @__PURE__ */ f(m, {
+							}), /* @__PURE__ */ m(y, { children: [q.length, " active members"] })] }), /* @__PURE__ */ m(g, {
 								size: "sm",
-								children: [/* @__PURE__ */ d(l, { className: "h-3 w-3 mr-1" }), "Add Member"]
+								children: [/* @__PURE__ */ p(u, { className: "h-3 w-3 mr-1" }), "Add Member"]
 							})]
-						}) }), /* @__PURE__ */ d(g, {
+						}) }), /* @__PURE__ */ p(v, {
 							className: "p-0",
-							children: V.map((e, t) => /* @__PURE__ */ f("div", {
-								className: `flex items-center justify-between px-6 py-3 ${t < V.length - 1 ? "border-b" : ""}`,
-								children: [/* @__PURE__ */ f("div", {
+							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", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ m("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__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+									}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ f("p", {
+										children: [/* @__PURE__ */ m("p", {
 											className: "text-sm font-medium",
 											children: [
 												e.firstName,
 												" ",
 												e.lastName
 											]
-										}), e.id === O.leadId && /* @__PURE__ */ d(p, {
+										}), e.id === P.leadId && /* @__PURE__ */ p(h, {
 											className: "text-[10px]",
 											children: "Lead"
 										})]
-									}), /* @__PURE__ */ d("p", {
+									}), /* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary",
 										children: e.position
 									})] })]
-								}), /* @__PURE__ */ f("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ d(p, {
+									children: [/* @__PURE__ */ p(h, {
 										variant: e.status === "active" ? "secondary" : "outline",
 										className: "text-[10px]",
 										children: e.status
-									}), e.id !== O.leadId && /* @__PURE__ */ d(m, {
+									}), e.id !== P.leadId && /* @__PURE__ */ p(g, {
 										variant: "ghost",
 										size: "sm",
 										className: "h-7 w-7 p-0 text-text-secondary hover:text-status-error-text",
-										children: /* @__PURE__ */ d(c, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ p(l, { className: "h-3 w-3" })
 									})]
 								})]
 							}, e.id))
 						})] }),
-						/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(y, {
+						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, {
 							className: "text-base",
 							children: "Permissions & Access"
-						}), /* @__PURE__ */ d(_, { children: "Control team visibility and member permissions" })] }), /* @__PURE__ */ f(g, {
+						}), /* @__PURE__ */ p(y, { children: "Control team visibility and member permissions" })] }), /* @__PURE__ */ m(v, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "space-y-0.5",
-										children: [/* @__PURE__ */ d("p", {
+										children: [/* @__PURE__ */ p("p", {
 											className: "text-sm font-medium",
 											children: "Private Team"
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ p("p", {
 											className: "text-xs text-text-secondary",
 											children: "Only invited members can see this team"
 										})]
-									}), /* @__PURE__ */ f("div", {
+									}), /* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ d(w, {
-											checked: z,
-											onCheckedChange: B
+										children: [/* @__PURE__ */ p(i, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ p(k, {
+											checked: G,
+											onCheckedChange: K
 										})]
 									})]
 								}),
-								/* @__PURE__ */ d(C, {}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p(O, {}),
+								/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "space-y-0.5",
-										children: [/* @__PURE__ */ d("p", {
+										children: [/* @__PURE__ */ p("p", {
 											className: "text-sm font-medium",
 											children: "Auto-Approve Join Requests"
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ p("p", {
 											className: "text-xs text-text-secondary",
 											children: "Automatically accept when employees request to join"
 										})]
-									}), /* @__PURE__ */ d(w, {
-										checked: N,
-										onCheckedChange: P
+									}), /* @__PURE__ */ p(k, {
+										checked: z,
+										onCheckedChange: B
 									})]
 								})
 							]
 						})] })
 					]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, {
+						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ p(x, {
 							className: "text-sm",
 							children: "Notification Preferences"
-						}) }), /* @__PURE__ */ f(g, {
+						}) }), /* @__PURE__ */ m(v, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d(n, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										children: [/* @__PURE__ */ p(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 											className: "text-xs font-medium",
 											children: "New Member Alerts"
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ p("p", {
 											className: "text-[10px] text-text-secondary",
 											children: "Notify when members join or leave"
 										})] })]
-									}), /* @__PURE__ */ d(w, {
-										checked: F,
-										onCheckedChange: I
+									}), /* @__PURE__ */ p(k, {
+										checked: V,
+										onCheckedChange: H
 									})]
 								}),
-								/* @__PURE__ */ d(C, {}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ p(O, {}),
+								/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d(n, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										children: [/* @__PURE__ */ p(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 											className: "text-xs font-medium",
 											children: "Weekly Digest"
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ p("p", {
 											className: "text-[10px] text-text-secondary",
 											children: "Summary of team activity"
 										})] })]
-									}), /* @__PURE__ */ d(w, {
-										checked: L,
-										onCheckedChange: R
+									}), /* @__PURE__ */ p(k, {
+										checked: U,
+										onCheckedChange: W
 									})]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, {
+						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ p(x, {
 							className: "text-sm",
 							children: "Team Info"
-						}) }), /* @__PURE__ */ d(g, {
+						}) }), /* @__PURE__ */ p(v, {
 							className: "space-y-2 text-sm",
 							children: [
 								{
 									label: "Created",
-									value: O.createdAt
+									value: P.createdAt
 								},
 								{
 									label: "Department",
-									value: O.department
+									value: P.department
 								},
 								{
 									label: "Status",
-									value: O.status
+									value: P.status
 								},
 								{
 									label: "Projects",
-									value: O.projectCount.toString()
+									value: P.projectCount.toString()
 								},
 								{
 									label: "Members",
-									value: O.memberCount.toString()
+									value: P.memberCount.toString()
 								}
-							].map((e) => /* @__PURE__ */ f("div", {
+							].map((e) => /* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ d("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-text-secondary text-xs",
 									children: e.label
-								}), /* @__PURE__ */ d("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-xs font-medium",
 									children: e.value
 								})]
 							}, e.label))
 						})] }),
-						/* @__PURE__ */ f(h, {
+						/* @__PURE__ */ m(_, {
 							className: "border-status-error-border/50",
-							children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ p(b, { children: /* @__PURE__ */ p(x, {
 								className: "text-sm text-status-error-text",
 								children: "Danger Zone"
-							}) }), /* @__PURE__ */ f(g, {
+							}) }), /* @__PURE__ */ m(v, {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ d("p", {
+								children: [/* @__PURE__ */ p("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__ */ f(m, {
+								}), /* @__PURE__ */ m(g, {
 									variant: "destructive",
 									size: "sm",
 									className: "w-full",
-									children: [/* @__PURE__ */ d(s, { className: "h-3 w-3 mr-1" }), "Archive Team"]
+									children: [/* @__PURE__ */ p(c, { className: "h-3 w-3 mr-1" }), "Archive Team"]
 								})]
 							})]
 						})
@@ -309,6 +350,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as TeamsTeamSettingsPagePage };
+export { j as TeamsTeamSettingsPagePage };
 //# sourceMappingURL=TeamsTeamSettingsPagePage.js.map

package/dist/crewfoundry/pages/TeamsTeamSettingsPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TeamsTeamSettingsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamSettingsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n GradientText,\n Input,\n Label,\n Separator,\n Switch,\n Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Bell,\n Lock,\n Save,\n Settings,\n Shield,\n Trash2,\n UserMinus,\n UserPlus,\n Users,\n} from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function TeamsTeamSettingsPagePage() {\n const { teams, employees } = useCrewFoundryStore();\n const team = teams[0]; // Platform Engineering\n\n const [teamName, setTeamName] = useState(team.name);\n const [description, setDescription] = useState(team.description);\n const [autoApproveJoin, setAutoApproveJoin] = useState(false);\n const [notifyNewMembers, setNotifyNewMembers] = useState(true);\n const [weeklyDigest, setWeeklyDigest] = useState(true);\n const [isPrivate, setIsPrivate] = useState(false);\n\n const teamMembers = employees.filter((e) => team.members.includes(e.id));\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>Team Settings</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Configure settings for {team.name}</p>\n </div>\n <Button>\n <Save className=\"h-4 w-4 mr-1\" />\n Save Changes\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <Card>\n <CardContent className=\"flex items-center gap-3 pt-6\">\n <Users className=\"h-5 w-5 text-status-info-text\" />\n <div>\n <p className=\"text-xs text-text-secondary\">Members</p>\n <p className=\"text-lg font-bold\">{team.memberCount}</p>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"flex items-center gap-3 pt-6\">\n <Settings className=\"h-5 w-5 text-action-primary-bg\" />\n <div>\n <p className=\"text-xs text-text-secondary\">Active Projects</p>\n <p className=\"text-lg font-bold\">{team.projectCount}</p>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"flex items-center gap-3 pt-6\">\n <Shield className=\"h-5 w-5 text-status-success-text\" />\n <div>\n <p className=\"text-xs text-text-secondary\">Visibility</p>\n <p className=\"text-lg font-bold\">{isPrivate ? 'Private' : 'Public'}</p>\n </div>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"grid gap-6 lg:grid-cols-3\">\n <div className=\"lg:col-span-2 space-y-6\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">General Settings</CardTitle>\n <CardDescription>Basic team information</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"tsName\">Team Name</Label>\n <Input id=\"tsName\" value={teamName} onChange={(e) => setTeamName(e.target.value)} />\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"tsDesc\">Description</Label>\n <Textarea\n id=\"tsDesc\"\n className=\"min-h-[80px]\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n />\n </div>\n <div className=\"grid gap-4 sm:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Department</Label>\n <Input value={team.department} disabled className=\"bg-bg-sunken\" />\n </div>\n <div className=\"space-y-2\">\n <Label>Team Lead</Label>\n <Input value={team.leadName} disabled className=\"bg-bg-sunken\" />\n </div>\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <div className=\"flex items-center justify-between\">\n <div>\n <CardTitle className=\"text-base\">Team Members</CardTitle>\n <CardDescription>{teamMembers.length} active members</CardDescription>\n </div>\n <Button size=\"sm\">\n <UserPlus className=\"h-3 w-3 mr-1\" />\n Add Member\n </Button>\n </div>\n </CardHeader>\n <CardContent className=\"p-0\">\n {teamMembers.map((member, i) => (\n <div\n key={member.id}\n className={`flex items-center justify-between px-6 py-3 ${i < teamMembers.length - 1 ? 'border-b' : ''}`}\n >\n <div className=\"flex items-center gap-3\">\n <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium\">\n {member.firstName[0]}\n {member.lastName[0]}\n </div>\n <div>\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm font-medium\">\n {member.firstName} {member.lastName}\n </p>\n {member.id === team.leadId && <Badge className=\"text-[10px]\">Lead</Badge>}\n </div>\n <p className=\"text-xs text-text-secondary\">{member.position}</p>\n </div>\n </div>\n <div className=\"flex items-center gap-2\">\n <Badge\n variant={member.status === 'active' ? 'secondary' : 'outline'}\n className=\"text-[10px]\"\n >\n {member.status}\n </Badge>\n {member.id !== team.leadId && (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className=\"h-7 w-7 p-0 text-text-secondary hover:text-status-error-text\"\n >\n <UserMinus className=\"h-3 w-3\" />\n </Button>\n )}\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Permissions & Access</CardTitle>\n <CardDescription>Control team visibility and member permissions</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"space-y-0.5\">\n <p className=\"text-sm font-medium\">Private Team</p>\n <p className=\"text-xs text-text-secondary\">\n Only invited members can see this team\n </p>\n </div>\n <div className=\"flex items-center gap-2\">\n <Lock className=\"h-4 w-4 text-text-secondary\" />\n <Switch checked={isPrivate} onCheckedChange={setIsPrivate} />\n </div>\n </div>\n <Separator />\n <div className=\"flex items-center justify-between\">\n <div className=\"space-y-0.5\">\n <p className=\"text-sm font-medium\">Auto-Approve Join Requests</p>\n <p className=\"text-xs text-text-secondary\">\n Automatically accept when employees request to join\n </p>\n </div>\n <Switch checked={autoApproveJoin} onCheckedChange={setAutoApproveJoin} />\n </div>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"space-y-4\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-sm\">Notification Preferences</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Bell className=\"h-4 w-4 text-text-secondary\" />\n <div>\n <p className=\"text-xs font-medium\">New Member Alerts</p>\n <p className=\"text-[10px] text-text-secondary\">\n Notify when members join or leave\n </p>\n </div>\n </div>\n <Switch checked={notifyNewMembers} onCheckedChange={setNotifyNewMembers} />\n </div>\n <Separator />\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Bell className=\"h-4 w-4 text-text-secondary\" />\n <div>\n <p className=\"text-xs font-medium\">Weekly Digest</p>\n <p className=\"text-[10px] text-text-secondary\">Summary of team activity</p>\n </div>\n </div>\n <Switch checked={weeklyDigest} onCheckedChange={setWeeklyDigest} />\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-sm\">Team Info</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2 text-sm\">\n {[\n { label: 'Created', value: team.createdAt },\n { label: 'Department', value: team.department },\n { label: 'Status', value: team.status },\n { label: 'Projects', value: team.projectCount.toString() },\n { label: 'Members', value: team.memberCount.toString() },\n ].map((item) => (\n <div key={item.label} className=\"flex items-center justify-between\">\n <span className=\"text-text-secondary text-xs\">{item.label}</span>\n <span className=\"text-xs font-medium\">{item.value}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n\n <Card className=\"border-status-error-border/50\">\n <CardHeader>\n <CardTitle className=\"text-sm text-status-error-text\">Danger Zone</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-xs text-text-secondary\">\n Archiving a team will remove all members and deactivate associated projects. This\n action can be reversed by an admin.\n </p>\n <Button variant=\"destructive\" size=\"sm\" className=\"w-full\">\n <Trash2 className=\"h-3 w-3 mr-1\" />\n Archive Team\n </Button>\n </CardContent>\n </Card>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"TeamsTeamSettingsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamSettingsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n EmphasisPanel,\n GradientText,\n Input,\n Label,\n NextSteps,\n PagePurpose,\n Separator,\n Switch,\n Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n BarChart3,\n Bell,\n Lock,\n Save,\n Settings,\n Shield,\n Trash2,\n UserMinus,\n UserPlus,\n Users,\n} from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function TeamsTeamSettingsPagePage() {\n const navigate = useNavigate();\n const { teams, employees } = useCrewFoundryStore();\n const team = teams[0]; // Platform Engineering\n\n const [teamName, setTeamName] = useState(team.name);\n const [description, setDescription] = useState(team.description);\n const [autoApproveJoin, setAutoApproveJoin] = useState(false);\n const [notifyNewMembers, setNotifyNewMembers] = useState(true);\n const [weeklyDigest, setWeeklyDigest] = useState(true);\n const [isPrivate, setIsPrivate] = useState(false);\n\n const teamMembers = employees.filter((e) => team.members.includes(e.id));\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>Team Settings</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Configure settings for {team.name}</p>\n <PagePurpose className=\"mt-1\">Configure a team's settings — membership, permissions, and preferences that control how the team works in CrewFoundry.</PagePurpose>\n </div>\n <Button>\n <Save className=\"h-4 w-4 mr-1\" />\n Save Changes\n </Button>\n </div>\n\n <NextSteps\n storageKey=\"crewfoundry-team-settings\"\n steps={[\n {\n id: 'members',\n label: 'Manage members',\n description: 'Add or remove people and adjust their roles below.',\n icon: <Users className=\"h-4 w-4\" />,\n onClick: () => navigate('../../teams/team-directory-page'),\n },\n {\n id: 'analytics',\n label: 'Review team analytics',\n description: 'See how this team is performing before you change settings.',\n icon: <BarChart3 className=\"h-4 w-4\" />,\n onClick: () => navigate('../../teams/team-analytics-page'),\n },\n {\n id: 'detail',\n label: 'Open the team overview',\n description: 'See members and projects at a glance.',\n icon: <Settings className=\"h-4 w-4\" />,\n onClick: () => navigate('../../teams/team-detail-page'),\n },\n ]}\n />\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <Card>\n <CardContent className=\"flex items-center gap-3 pt-6\">\n <Users className=\"h-5 w-5 text-status-info-text\" />\n <div>\n <p className=\"text-xs text-text-secondary\">Members</p>\n <p className=\"text-lg font-bold\">{team.memberCount}</p>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"flex items-center gap-3 pt-6\">\n <Settings className=\"h-5 w-5 text-action-primary-bg\" />\n <div>\n <p className=\"text-xs text-text-secondary\">Active Projects</p>\n <p className=\"text-lg font-bold\">{team.projectCount}</p>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"flex items-center gap-3 pt-6\">\n <Shield className=\"h-5 w-5 text-status-success-text\" />\n <div>\n <p className=\"text-xs text-text-secondary\">Visibility</p>\n <p className=\"text-lg font-bold\">{isPrivate ? 'Private' : 'Public'}</p>\n </div>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"grid gap-6 lg:grid-cols-3\">\n <div className=\"lg:col-span-2 space-y-6\">\n <EmphasisPanel>\n <div className=\"text-base font-semibold\">General Settings</div>\n <p className=\"mb-4 text-sm text-text-secondary\">Basic team information</p>\n <div className=\"space-y-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"tsName\">Team Name</Label>\n <Input id=\"tsName\" value={teamName} onChange={(e) => setTeamName(e.target.value)} />\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"tsDesc\">Description</Label>\n <Textarea\n id=\"tsDesc\"\n className=\"min-h-[80px]\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n />\n </div>\n <div className=\"grid gap-4 sm:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Department</Label>\n <Input value={team.department} disabled className=\"bg-bg-sunken\" />\n </div>\n <div className=\"space-y-2\">\n <Label>Team Lead</Label>\n <Input value={team.leadName} disabled className=\"bg-bg-sunken\" />\n </div>\n </div>\n </div>\n </EmphasisPanel>\n\n <Card>\n <CardHeader>\n <div className=\"flex items-center justify-between\">\n <div>\n <CardTitle className=\"text-base\">Team Members</CardTitle>\n <CardDescription>{teamMembers.length} active members</CardDescription>\n </div>\n <Button size=\"sm\">\n <UserPlus className=\"h-3 w-3 mr-1\" />\n Add Member\n </Button>\n </div>\n </CardHeader>\n <CardContent className=\"p-0\">\n {teamMembers.map((member, i) => (\n <div\n key={member.id}\n className={`flex items-center justify-between px-6 py-3 ${i < teamMembers.length - 1 ? 'border-b' : ''}`}\n >\n <div className=\"flex items-center gap-3\">\n <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium\">\n {member.firstName[0]}\n {member.lastName[0]}\n </div>\n <div>\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm font-medium\">\n {member.firstName} {member.lastName}\n </p>\n {member.id === team.leadId && <Badge className=\"text-[10px]\">Lead</Badge>}\n </div>\n <p className=\"text-xs text-text-secondary\">{member.position}</p>\n </div>\n </div>\n <div className=\"flex items-center gap-2\">\n <Badge\n variant={member.status === 'active' ? 'secondary' : 'outline'}\n className=\"text-[10px]\"\n >\n {member.status}\n </Badge>\n {member.id !== team.leadId && (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className=\"h-7 w-7 p-0 text-text-secondary hover:text-status-error-text\"\n >\n <UserMinus className=\"h-3 w-3\" />\n </Button>\n )}\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Permissions & Access</CardTitle>\n <CardDescription>Control team visibility and member permissions</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"space-y-0.5\">\n <p className=\"text-sm font-medium\">Private Team</p>\n <p className=\"text-xs text-text-secondary\">\n Only invited members can see this team\n </p>\n </div>\n <div className=\"flex items-center gap-2\">\n <Lock className=\"h-4 w-4 text-text-secondary\" />\n <Switch checked={isPrivate} onCheckedChange={setIsPrivate} />\n </div>\n </div>\n <Separator />\n <div className=\"flex items-center justify-between\">\n <div className=\"space-y-0.5\">\n <p className=\"text-sm font-medium\">Auto-Approve Join Requests</p>\n <p className=\"text-xs text-text-secondary\">\n Automatically accept when employees request to join\n </p>\n </div>\n <Switch checked={autoApproveJoin} onCheckedChange={setAutoApproveJoin} />\n </div>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"space-y-4\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-sm\">Notification Preferences</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Bell className=\"h-4 w-4 text-text-secondary\" />\n <div>\n <p className=\"text-xs font-medium\">New Member Alerts</p>\n <p className=\"text-[10px] text-text-secondary\">\n Notify when members join or leave\n </p>\n </div>\n </div>\n <Switch checked={notifyNewMembers} onCheckedChange={setNotifyNewMembers} />\n </div>\n <Separator />\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Bell className=\"h-4 w-4 text-text-secondary\" />\n <div>\n <p className=\"text-xs font-medium\">Weekly Digest</p>\n <p className=\"text-[10px] text-text-secondary\">Summary of team activity</p>\n </div>\n </div>\n <Switch checked={weeklyDigest} onCheckedChange={setWeeklyDigest} />\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-sm\">Team Info</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2 text-sm\">\n {[\n { label: 'Created', value: team.createdAt },\n { label: 'Department', value: team.department },\n { label: 'Status', value: team.status },\n { label: 'Projects', value: team.projectCount.toString() },\n { label: 'Members', value: team.memberCount.toString() },\n ].map((item) => (\n <div key={item.label} className=\"flex items-center justify-between\">\n <span className=\"text-text-secondary text-xs\">{item.label}</span>\n <span className=\"text-xs font-medium\">{item.value}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n\n <Card className=\"border-status-error-border/50\">\n <CardHeader>\n <CardTitle className=\"text-sm text-status-error-text\">Danger Zone</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-xs text-text-secondary\">\n Archiving a team will remove all members and deactivate associated projects. This\n action can be reversed by an admin.\n </p>\n <Button variant=\"destructive\" size=\"sm\" className=\"w-full\">\n <Trash2 className=\"h-3 w-3 mr-1\" />\n Archive Team\n </Button>\n </CardContent>\n </Card>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}