@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.7

package/dist/crewfoundry/pages/TeamsTeamDetailPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamsTeamDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDetailPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Calendar, FolderKanban, Settings, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function TeamsTeamDetailPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { teams, employees, projects } = useCrewFoundryStore();\n  const teamId = searchParams.get('id');\n  const team = teams.find((t) => t.id === teamId) ?? teams[0];\n  if (!team)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Team not found\"\n          description=\"This team is no longer available.\"\n        />\n      </div>\n    );\n  const teamMembers = employees.filter((e) => team.members.includes(e.id));\n  const teamProjects = projects.filter((p) => p.teamId === team.id);\n\n  const memberColumns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Name',\n      priority: 'primary',\n      cell: (emp) => (\n        <span className=\"font-medium text-text-primary\">\n          {emp.firstName} {emp.lastName}\n        </span>\n      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      priority: 'secondary',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'performance',\n      header: 'Performance',\n      priority: 'secondary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-1 md:justify-center\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          {emp.performanceScore}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (emp) => (\n        <Badge variant={emp.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(emp.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{team.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{team.description}</p>\n          <PagePurpose className=\"mt-2\">\n            A complete view of one team — who&apos;s on it, what they&apos;re working on, and how\n            they&apos;re performing — so you can support the group and keep its projects on track.\n          </PagePurpose>\n        </div>\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(team.status)}\n        </Badge>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-team-details\"\n        steps={[\n          {\n            id: 'analytics',\n            label: 'View team analytics',\n            description: 'See productivity and workload trends for this team.',\n            icon: <BarChart3 className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-analytics-page'),\n          },\n          {\n            id: 'settings',\n            label: 'Adjust team settings',\n            description: 'Manage membership, permissions, and preferences.',\n            icon: <Settings className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../teams/team-settings-page?id=${encodeURIComponent(team.id)}`),\n          },\n          {\n            id: 'directory',\n            label: 'Browse all teams',\n            description: 'Explore how the rest of the organization is structured.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-directory-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.memberCount}</p>\n            <p className=\"text-xs text-text-secondary\">Members</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <FolderKanban className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.projectCount}</p>\n            <p className=\"text-xs text-text-secondary\">Projects</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{team.leadName}</p>\n            <p className=\"text-xs text-text-secondary\">Lead</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.createdAt}</p>\n            <p className=\"text-xs text-text-secondary\">Created</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Team Members</div>\n        {teamMembers.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-people\"\n            title=\"No members yet\"\n            description=\"Add people to this team to start collaborating.\"\n          />\n        ) : (\n          <ResponsiveTable columns={memberColumns} data={teamMembers} rowKey={(emp) => emp.id} />\n        )}\n      </EmphasisPanel>\n      {teamProjects.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Team Projects</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {teamProjects.map((p) => (\n              <div\n                key={p.id}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`Open ${p.name} project detail`}\n                onClick={() =>\n                  navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`)\n                }\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`);\n                  }\n                }}\n                className=\"flex items-center justify-between rounded border p-3 cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{p.name}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {p.startDate} — {p.endDate}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"w-24 h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${p.progress}%` }}\n                    />\n                  </div>\n                  <span className=\"text-xs\">{p.progress}%</span>\n                  <Badge\n                    variant={p.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(p.status)}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamsTeamDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDetailPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveTable,\n  Spinner,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Calendar, FolderKanban, Settings, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nfunction InitialsAvatar({ name, src, size = 32 }: { name: string; src?: string; size?: number }) {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name}\n        width={size}\n        height={size}\n        loading=\"lazy\"\n        className=\"shrink-0 rounded-full object-cover\"\n        style={{ width: size, height: size }}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function TeamsTeamDetailPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { teams, employees, projects, initialized } = useCrewFoundryStore();\n  const teamId = searchParams.get('id');\n  const team = teams.find((t) => t.id === teamId) ?? teams[0];\n  if (!initialized && !team) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!team)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Team not found\"\n          description=\"This team is no longer available.\"\n        />\n      </div>\n    );\n  const teamMembers = employees.filter((e) => team.members.includes(e.id));\n  const teamProjects = projects.filter((p) => p.teamId === team.id);\n  const activeProjectCount = teamProjects.filter((p) => p.status === 'active').length;\n  const lead = employees.find((e) => e.id === team.leadId);\n  const memberPeople: Person[] = teamMembers.map((e) => ({\n    name: `${e.firstName} ${e.lastName}`.trim(),\n    avatarUrl: e.avatar,\n    role: e.position,\n  }));\n\n  const memberColumns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Name',\n      priority: 'primary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-2.5\">\n          <InitialsAvatar name={`${emp.firstName} ${emp.lastName}`} src={emp.avatar} size={30} />\n          <span className=\"font-medium text-text-primary\">\n            {emp.firstName} {emp.lastName}\n          </span>\n        </span>\n      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      priority: 'secondary',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'performance',\n      header: 'Performance',\n      priority: 'secondary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-1 md:justify-center\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          {emp.performanceScore}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (emp) => (\n        <Badge variant={emp.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(emp.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{team.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{team.description}</p>\n          <PagePurpose className=\"mt-2\">\n            A complete view of one team — who&apos;s on it, what they&apos;re working on, and how\n            they&apos;re performing — so you can support the group and keep its projects on track.\n          </PagePurpose>\n          <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-2\">\n            <span className=\"flex items-center gap-2 text-xs text-text-secondary\">\n              Led by\n              <InitialsAvatar name={lead ? `${lead.firstName} ${lead.lastName}` : team.leadName} src={lead?.avatar} size={22} />\n              <span className=\"font-medium text-text-primary\">\n                {lead ? `${lead.firstName} ${lead.lastName}` : team.leadName || '—'}\n              </span>\n            </span>\n            {memberPeople.length > 0 ? <AvatarStack people={memberPeople} max={6} size={26} /> : null}\n          </div>\n        </div>\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(team.status)}\n        </Badge>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-team-details\"\n        steps={[\n          {\n            id: 'analytics',\n            label: 'View team analytics',\n            description: 'See productivity and workload trends for this team.',\n            icon: <BarChart3 className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-analytics-page'),\n          },\n          {\n            id: 'settings',\n            label: 'Adjust team settings',\n            description: 'Manage membership, permissions, and preferences.',\n            icon: <Settings className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../teams/team-settings-page?id=${encodeURIComponent(team.id)}`),\n          },\n          {\n            id: 'directory',\n            label: 'Browse all teams',\n            description: 'Explore how the rest of the organization is structured.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-directory-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.memberCount}</p>\n            <p className=\"text-xs text-text-secondary\">Members</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <FolderKanban className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">\n              {activeProjectCount}\n              <span className=\"text-sm font-normal text-text-secondary\">/{teamProjects.length}</span>\n            </p>\n            <p className=\"text-xs text-text-secondary\">Active Projects</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{team.leadName}</p>\n            <p className=\"text-xs text-text-secondary\">Lead</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.createdAt}</p>\n            <p className=\"text-xs text-text-secondary\">Created</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Team Members</div>\n        {teamMembers.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-people\"\n            title=\"No members yet\"\n            description=\"Add people to this team to start collaborating.\"\n          />\n        ) : (\n          <ResponsiveTable columns={memberColumns} data={teamMembers} rowKey={(emp) => emp.id} />\n        )}\n      </EmphasisPanel>\n      {teamProjects.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Team Projects</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {teamProjects.map((p) => (\n              <div\n                key={p.id}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`Open ${p.name} project detail`}\n                onClick={() =>\n                  navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`)\n                }\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`);\n                  }\n                }}\n                className=\"flex items-center justify-between rounded border p-3 cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{p.name}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {p.startDate} — {p.endDate}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"w-24 h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${p.progress}%` }}\n                    />\n                  </div>\n                  <span className=\"text-xs\">{p.progress}%</span>\n                  <Badge\n                    variant={p.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(p.status)}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/TeamsTeamDirectoryPagePage.js

@@ -1,53 +1,83 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { useState as n } from "react";
-import { Search as r, Users as i } from "lucide-react";
-import { useNavigate as a } from "react-router-dom";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, CardContent as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, Input as p, PagePurpose as m, Pagination as h, ResponsiveTable as g } from "@burdenoff/fe-libs/ui";
-import { usePagination as _ } from "@burdenoff/fe-libs/shared/hooks";
+import { getInitials as n } from "../components/viz/lib/format.js";
+import { AvatarStack as r } from "../components/viz/AvatarStack.js";
+import "../components/viz/index.js";
+import { useMemo as i, useState as a } from "react";
+import { Search as o, Users as s } from "lucide-react";
+import { useNavigate as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, CardContent as f, GlassCard as p, GradientText as m, IllustratedEmptyState as h, Input as g, PagePurpose as _, Pagination as v, ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
+import { usePagination as b } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx
-function v() {
-	let v = a(), { teams: y } = e(), [b, x] = n(""), { page: S, pageSize: C, setPage: w } = _({ initialPageSize: 25 }), T = y.filter((e) => `${e.name} ${e.department} ${e.leadName}`.toLowerCase().includes(b.toLowerCase())), E = T.slice((S - 1) * C, (S - 1) * C + C);
-	return /* @__PURE__ */ s("div", {
+function x({ name: e, src: t, size: r = 26 }) {
+	return t ? /* @__PURE__ */ l("img", {
+		src: t,
+		alt: e,
+		width: r,
+		height: r,
+		loading: "lazy",
+		className: "shrink-0 rounded-full object-cover",
+		style: {
+			width: r,
+			height: r
+		}
+	}) : /* @__PURE__ */ l("span", {
+		"aria-hidden": "true",
+		className: "inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary",
+		style: {
+			width: r,
+			height: r,
+			fontSize: Math.round(r * .36)
+		},
+		children: n(e)
+	});
+}
+function S() {
+	let n = c(), { teams: S, employees: C } = e(), [w, T] = a(""), { page: E, pageSize: D, setPage: O } = b({ initialPageSize: 25 }), k = i(() => new Map(C.map((e) => [e.id, e])), [C]), A = (e) => e.members.map((e) => k.get(e)).filter((e) => e !== void 0).map((e) => ({
+		name: `${e.firstName} ${e.lastName}`.trim(),
+		avatarUrl: e.avatar,
+		role: e.position
+	})), j = S.filter((e) => `${e.name} ${e.department} ${e.leadName}`.toLowerCase().includes(w.toLowerCase())), M = j.slice((E - 1) * D, (E - 1) * D + D);
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s("div", { children: [
-				/* @__PURE__ */ o("h1", {
+			/* @__PURE__ */ u("div", { children: [
+				/* @__PURE__ */ l("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(d, { children: "Team Directory" })
+					children: /* @__PURE__ */ l(m, { children: "Team Directory" })
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ l("p", {
 					className: "text-sm text-text-secondary",
 					children: "Browse all teams in the organization"
 				}),
-				/* @__PURE__ */ o(m, {
+				/* @__PURE__ */ l(_, {
 					className: "mt-1",
 					children: "Browse every team in the company — find a team, see who's on it, and understand how your organization is structured."
 				})
 			] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ o(r, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ o(p, {
+				children: [/* @__PURE__ */ l(o, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ l(g, {
 					placeholder: "Search teams...",
 					className: "pl-9",
-					value: b,
-					onChange: (e) => x(e.target.value)
+					value: w,
+					onChange: (e) => T(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ o(u, {
+			/* @__PURE__ */ l(p, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ s(l, {
+				children: /* @__PURE__ */ u(f, {
 					className: "p-4",
-					children: [/* @__PURE__ */ o(g, {
+					children: [/* @__PURE__ */ l(y, {
 						columns: [
 							{
 								key: "name",
 								header: "Team",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ o("span", {
+								cell: (e) => /* @__PURE__ */ l("span", {
 									className: "font-medium text-text-primary",
 									children: e.name
 								})
@@ -56,7 +86,7 @@ function v() {
 								key: "description",
 								header: "Description",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ o("span", {
+								cell: (e) => /* @__PURE__ */ l("span", {
 									className: "text-text-secondary line-clamp-2 md:truncate md:block",
 									children: e.description
 								})
@@ -65,7 +95,7 @@ function v() {
 								key: "department",
 								header: "Department",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ o("span", {
+								cell: (e) => /* @__PURE__ */ l("span", {
 									className: "text-sm",
 									children: e.department
 								})
@@ -74,46 +104,66 @@ function v() {
 								key: "lead",
 								header: "Lead",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ o("span", {
-									className: "text-text-secondary",
-									children: e.leadName
-								})
+								cell: (e) => {
+									let t = e.leadId ? k.get(e.leadId) : void 0;
+									return /* @__PURE__ */ u("span", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ l(x, {
+											name: t ? `${t.firstName} ${t.lastName}` : e.leadName,
+											src: t?.avatar,
+											size: 24
+										}), /* @__PURE__ */ l("span", {
+											className: "text-text-secondary",
+											children: e.leadName
+										})]
+									});
+								}
 							},
 							{
 								key: "members",
 								header: "Members",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ s("span", {
-									className: "flex items-center gap-1 md:justify-end",
-									children: [/* @__PURE__ */ o(i, { className: "h-3 w-3" }), e.memberCount]
-								})
+								cell: (e) => {
+									let t = A(e);
+									return /* @__PURE__ */ u("span", {
+										className: "flex items-center gap-2 md:justify-end",
+										children: [t.length > 0 ? /* @__PURE__ */ l(r, {
+											people: t,
+											max: 4,
+											size: 24
+										}) : /* @__PURE__ */ l(s, { className: "h-3 w-3" }), /* @__PURE__ */ l("span", {
+											className: "tabular-nums text-text-secondary",
+											children: e.memberCount
+										})]
+									});
+								}
 							},
 							{
 								key: "status",
 								header: "Status",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ o(c, {
+								cell: (e) => /* @__PURE__ */ l(d, {
 									variant: e.status === "active" ? "default" : "secondary",
 									className: "text-[10px]",
 									children: t(e.status)
 								})
 							}
 						],
-						data: E,
+						data: M,
 						rowKey: (e) => e.id,
-						onRowClick: (e) => v(`../teams/team-detail-page?id=${encodeURIComponent(e.id)}`),
-						emptyState: /* @__PURE__ */ o(f, {
+						onRowClick: (e) => n(`../teams/team-detail-page?id=${encodeURIComponent(e.id)}`),
+						emptyState: /* @__PURE__ */ l(h, {
 							illustration: "empty-search",
 							title: "No teams found",
 							description: "Try a different search term to find a team."
 						})
-					}), T.length > C && /* @__PURE__ */ o("div", {
+					}), j.length > D && /* @__PURE__ */ l("div", {
 						className: "mt-4",
-						children: /* @__PURE__ */ o(h, {
-							page: S,
-							pageSize: C,
-							totalItems: T.length,
-							onPageChange: w
+						children: /* @__PURE__ */ l(v, {
+							page: E,
+							pageSize: D,
+							totalItems: j.length,
+							onPageChange: O
 						})
 					})]
 				})
@@ -122,6 +172,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as TeamsTeamDirectoryPagePage };
+export { S as TeamsTeamDirectoryPagePage };
 
 //# sourceMappingURL=TeamsTeamDirectoryPagePage.js.map

package/dist/crewfoundry/pages/TeamsTeamDirectoryPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamsTeamDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Team } from '../store/crewfoundryStore';\nimport { useState } from 'react';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function TeamsTeamDirectoryPagePage() {\n  const navigate = useNavigate();\n  const { teams } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 25 });\n  const filtered = teams.filter((t) =>\n    `${t.name} ${t.department} ${t.leadName}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const pageTeams = filtered.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const columns: ResponsiveTableColumn<Team>[] = [\n    {\n      key: 'name',\n      header: 'Team',\n      priority: 'primary',\n      cell: (team) => <span className=\"font-medium text-text-primary\">{team.name}</span>,\n    },\n    {\n      key: 'description',\n      header: 'Description',\n      priority: 'secondary',\n      cell: (team) => (\n        <span className=\"text-text-secondary line-clamp-2 md:truncate md:block\">\n          {team.description}\n        </span>\n      ),\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (team) => <span className=\"text-sm\">{team.department}</span>,\n    },\n    {\n      key: 'lead',\n      header: 'Lead',\n      priority: 'secondary',\n      cell: (team) => <span className=\"text-text-secondary\">{team.leadName}</span>,\n    },\n    {\n      key: 'members',\n      header: 'Members',\n      priority: 'primary',\n      cell: (team) => (\n        <span className=\"flex items-center gap-1 md:justify-end\">\n          <Users className=\"h-3 w-3\" />\n          {team.memberCount}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (team) => (\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(team.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Directory</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Browse all teams in the organization</p>\n        <PagePurpose className=\"mt-1\">\n          Browse every team in the company — find a team, see who&apos;s on it, and understand how\n          your organization is structured.\n        </PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search teams...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={pageTeams}\n            rowKey={(team) => team.id}\n            onRowClick={(team) =>\n              navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`)\n            }\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No teams found\"\n                description=\"Try a different search term to find a team.\"\n              />\n            }\n          />\n          {filtered.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={filtered.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,IAA6B;CAC3C,IAAM,IAAW,GAAa,EACxB,EAAE,aAAU,GAAqB,EACjC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,aAAU,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EACpE,IAAW,EAAM,QAAQ,MAC7B,GAAG,EAAE,KAAK,GAAG,EAAE,WAAW,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACvF,EACK,IAAY,EAAS,OAAO,IAAO,KAAK,IAAW,IAAO,KAAK,IAAW,EAAS;AAsDzF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;KACxC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAwC,CAAA;IACnF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,GAAD;MACW,SA5E4B;OAC7C;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAS,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAK;SAAY,CAAA;QACnF;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAK;SACD,CAAA;QAEV;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAS,kBAAC,QAAD;SAAM,WAAU;mBAAW,EAAK;SAAkB,CAAA;QACnE;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAS,kBAAC,QAAD;SAAM,WAAU;mBAAuB,EAAK;SAAgB,CAAA;QAC7E;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAK,YACD;;QAEV;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,GAAD;SAAO,SAAS,EAAK,WAAW,WAAW,YAAY;SAAa,WAAU;mBAC3E,EAAgB,EAAK,OAAO;SACvB,CAAA;QAEX;OACF;MA2BS,MAAM;MACN,SAAS,MAAS,EAAK;MACvB,aAAa,MACX,EAAS,gCAAgC,mBAAmB,EAAK,GAAG,GAAG;MAEzE,YACE,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA,EACD,EAAS,SAAS,KACjB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACQ;OACI;OACV,YAAY,EAAS;OACrB,cAAc;OACd,CAAA;MACE,CAAA,CAEI;;IACJ,CAAA;GACR"}
+{"version":3,"file":"TeamsTeamDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Employee, type Team } from '../store/crewfoundryStore';\nimport { useMemo, useState } from 'react';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nfunction InitialsAvatar({ name, src, size = 26 }: { name: string; src?: string; size?: number }) {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name}\n        width={size}\n        height={size}\n        loading=\"lazy\"\n        className=\"shrink-0 rounded-full object-cover\"\n        style={{ width: size, height: size }}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function TeamsTeamDirectoryPagePage() {\n  const navigate = useNavigate();\n  const { teams, employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 25 });\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n  const membersOf = (team: Team): Person[] =>\n    team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined)\n      .map((employee) => ({\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        avatarUrl: employee.avatar,\n        role: employee.position,\n      }));\n  const filtered = teams.filter((t) =>\n    `${t.name} ${t.department} ${t.leadName}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const pageTeams = filtered.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const columns: ResponsiveTableColumn<Team>[] = [\n    {\n      key: 'name',\n      header: 'Team',\n      priority: 'primary',\n      cell: (team) => <span className=\"font-medium text-text-primary\">{team.name}</span>,\n    },\n    {\n      key: 'description',\n      header: 'Description',\n      priority: 'secondary',\n      cell: (team) => (\n        <span className=\"text-text-secondary line-clamp-2 md:truncate md:block\">\n          {team.description}\n        </span>\n      ),\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (team) => <span className=\"text-sm\">{team.department}</span>,\n    },\n    {\n      key: 'lead',\n      header: 'Lead',\n      priority: 'secondary',\n      cell: (team) => {\n        const lead = team.leadId ? employeeById.get(team.leadId) : undefined;\n        return (\n          <span className=\"flex items-center gap-2\">\n            <InitialsAvatar\n              name={lead ? `${lead.firstName} ${lead.lastName}` : team.leadName}\n              src={lead?.avatar}\n              size={24}\n            />\n            <span className=\"text-text-secondary\">{team.leadName}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'members',\n      header: 'Members',\n      priority: 'primary',\n      cell: (team) => {\n        const people = membersOf(team);\n        return (\n          <span className=\"flex items-center gap-2 md:justify-end\">\n            {people.length > 0 ? (\n              <AvatarStack people={people} max={4} size={24} />\n            ) : (\n              <Users className=\"h-3 w-3\" />\n            )}\n            <span className=\"tabular-nums text-text-secondary\">{team.memberCount}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (team) => (\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(team.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Directory</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Browse all teams in the organization</p>\n        <PagePurpose className=\"mt-1\">\n          Browse every team in the company — find a team, see who&apos;s on it, and understand how\n          your organization is structured.\n        </PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search teams...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={pageTeams}\n            rowKey={(team) => team.id}\n            onRowClick={(team) =>\n              navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`)\n            }\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No teams found\"\n                description=\"Try a different search term to find a team.\"\n              />\n            }\n          />\n          {filtered.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={filtered.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -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  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  Label,\n  NextSteps,\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Separator,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\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, useSearchParams } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function TeamsTeamSettingsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const teams = useCrewFoundryStore((state) => state.teams);\n  const employees = useCrewFoundryStore((state) => state.employees);\n  const updateTeam = useCrewFoundryStore((state) => state.updateTeam);\n  const removeTeam = useCrewFoundryStore((state) => state.removeTeam);\n  const teamId = searchParams.get('id');\n  const team = teams.find((t) => t.id === teamId) ?? teams[0];\n\n  const [teamName, setTeamName] = useState(team?.name ?? '');\n  const [description, setDescription] = useState(team?.description ?? '');\n  const [saving, setSaving] = useState(false);\n  const [confirmArchiveOpen, setConfirmArchiveOpen] = useState(false);\n  const [archiving, setArchiving] = useState(false);\n  const addMemberModal = useFormModal();\n\n  if (!team) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No team to configure\"\n          description=\"Create a team first, then return here to manage its settings.\"\n        />\n      </div>\n    );\n  }\n\n  const teamMembers = employees.filter((e) => team.members.includes(e.id));\n  const availableEmployees = employees.filter((e) => !team.members.includes(e.id));\n\n  const handleSave = async () => {\n    if (saving) return;\n    if (teamName.trim() === '') {\n      showToast('Team Name is required', 'warning');\n      return;\n    }\n    setSaving(true);\n    try {\n      await updateTeam(team.id, { name: teamName.trim(), description: description.trim() });\n      showToast('Team settings saved', 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to save team settings', 'error');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const addMemberFields: FieldConfig[] = [\n    {\n      name: 'employeeId',\n      label: 'Employee',\n      type: 'select',\n      required: true,\n      colSpan: 2,\n      placeholder: 'Select an employee',\n      options: availableEmployees.map((e) => ({\n        label: `${e.firstName} ${e.lastName} — ${e.position}`,\n        value: e.id,\n      })),\n    },\n  ];\n\n  const handleAddMember = async (values: FormValues) => {\n    const employeeId = String(values.employeeId ?? '');\n    if (!employeeId) return;\n    await updateTeam(team.id, { members: [...team.members, employeeId] });\n    showToast('Member added to team', 'success');\n  };\n\n  const handleRemoveMember = async (memberId: string) => {\n    try {\n      await updateTeam(team.id, { members: team.members.filter((id) => id !== memberId) });\n      showToast('Member removed from team', 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to remove member', 'error');\n    }\n  };\n\n  const handleArchive = async () => {\n    if (archiving) return;\n    setArchiving(true);\n    try {\n      await removeTeam(team.id);\n      showToast('Team archived', 'success');\n      setConfirmArchiveOpen(false);\n      navigate('../teams/teams-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to archive team', 'error');\n    } finally {\n      setArchiving(false);\n    }\n  };\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\">\n            Configure a team&apos;s settings — membership, permissions, and preferences that control\n            how the team works in CrewFoundry.\n          </PagePurpose>\n        </div>\n        <Button onClick={handleSave} disabled={saving}>\n          <Save className=\"h-4 w-4 mr-1\" />\n          {saving ? 'Saving…' : '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: () =>\n              navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`),\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\">Status</p>\n              <p className=\"text-lg font-bold capitalize\">{formatEnumLabel(team.status)}</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\n                  id=\"tsName\"\n                  value={teamName}\n                  disabled={saving}\n                  onChange={(e) => setTeamName(e.target.value)}\n                />\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                  disabled={saving}\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\n                  size=\"sm\"\n                  onClick={() => addMemberModal.openModal()}\n                  disabled={availableEmployees.length === 0}\n                >\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.length === 0 ? (\n                <p className=\"px-6 py-4 text-sm text-text-secondary\">\n                  No members yet. Use “Add Member” to build out this team.\n                </p>\n              ) : (\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                        {formatEnumLabel(member.status)}\n                      </Badge>\n                      {member.id !== team.leadId && (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          aria-label={`Remove ${member.firstName} ${member.lastName} from team`}\n                          className=\"h-7 w-7 p-0 text-text-secondary hover:text-status-error-text\"\n                          onClick={() => handleRemoveMember(member.id)}\n                        >\n                          <UserMinus className=\"h-3 w-3\" />\n                        </Button>\n                      )}\n                    </div>\n                  </div>\n                ))\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Permissions & Access</CardTitle>\n              <CardDescription>\n                Visibility and join controls — coming soon on the CrewFoundry roadmap.\n              </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                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    Coming soon\n                  </Badge>\n                  <Switch checked={false} disabled aria-label=\"Private team (coming soon)\" />\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                <div className=\"flex items-center gap-2\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    Coming soon\n                  </Badge>\n                  <Switch\n                    checked={false}\n                    disabled\n                    aria-label=\"Auto-approve join requests (coming soon)\"\n                  />\n                </div>\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              <CardDescription className=\"text-xs\">Coming soon on the roadmap.</CardDescription>\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={false} disabled aria-label=\"New member alerts (coming soon)\" />\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={false} disabled aria-label=\"Weekly digest (coming soon)\" />\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 removes it from the active roster and deactivates associated\n                projects. This action can be reversed by an admin.\n              </p>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                className=\"w-full\"\n                onClick={() => setConfirmArchiveOpen(true)}\n              >\n                <Trash2 className=\"h-3 w-3 mr-1\" />\n                Archive Team\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      <FormModal\n        open={addMemberModal.open}\n        onOpenChange={addMemberModal.onOpenChange}\n        title=\"Add Team Member\"\n        description={`Add an employee to ${team.name}.`}\n        fields={addMemberFields}\n        submitLabel=\"Add Member\"\n        onSubmit={handleAddMember}\n      />\n\n      <ResponsiveDialog open={confirmArchiveOpen} onOpenChange={setConfirmArchiveOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[440px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Archive {team.name}?</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              This removes the team from the active roster. An admin can restore it later.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setConfirmArchiveOpen(false)}\n              disabled={archiving}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              onClick={handleArchive}\n              disabled={archiving}\n            >\n              {archiving ? 'Archiving…' : 'Archive Team'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"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  IllustratedEmptyState,\n  Input,\n  Label,\n  NextSteps,\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Separator,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\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, useSearchParams } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function TeamsTeamSettingsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const teams = useCrewFoundryStore((state) => state.teams);\n  const employees = useCrewFoundryStore((state) => state.employees);\n  const updateTeam = useCrewFoundryStore((state) => state.updateTeam);\n  const removeTeam = useCrewFoundryStore((state) => state.removeTeam);\n  const teamId = searchParams.get('id');\n  const team = teams.find((t) => t.id === teamId) ?? teams[0];\n\n  const [teamName, setTeamName] = useState(team?.name ?? '');\n  const [description, setDescription] = useState(team?.description ?? '');\n  const [saving, setSaving] = useState(false);\n  const [confirmArchiveOpen, setConfirmArchiveOpen] = useState(false);\n  const [archiving, setArchiving] = useState(false);\n  const addMemberModal = useFormModal();\n\n  if (!team) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No team to configure\"\n          description=\"Create a team first, then return here to manage its settings.\"\n        />\n      </div>\n    );\n  }\n\n  const teamMembers = employees.filter((e) => team.members.includes(e.id));\n  const availableEmployees = employees.filter((e) => !team.members.includes(e.id));\n\n  const handleSave = async () => {\n    if (saving) return;\n    if (teamName.trim() === '') {\n      showToast('Team Name is required', 'warning');\n      return;\n    }\n    setSaving(true);\n    try {\n      await updateTeam(team.id, { name: teamName.trim(), description: description.trim() });\n      showToast('Team settings saved', 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to save team settings', 'error');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const addMemberFields: FieldConfig[] = [\n    {\n      name: 'employeeId',\n      label: 'Employee',\n      type: 'select',\n      required: true,\n      colSpan: 2,\n      placeholder: 'Select an employee',\n      options: availableEmployees.map((e) => ({\n        label: `${e.firstName} ${e.lastName} — ${e.position}`,\n        value: e.id,\n      })),\n    },\n  ];\n\n  const handleAddMember = async (values: FormValues) => {\n    const employeeId = String(values.employeeId ?? '');\n    if (!employeeId) return;\n    await updateTeam(team.id, { members: [...team.members, employeeId] });\n    showToast('Member added to team', 'success');\n  };\n\n  const handleRemoveMember = async (memberId: string) => {\n    try {\n      await updateTeam(team.id, { members: team.members.filter((id) => id !== memberId) });\n      showToast('Member removed from team', 'success');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to remove member', 'error');\n    }\n  };\n\n  const handleArchive = async () => {\n    if (archiving) return;\n    setArchiving(true);\n    try {\n      await removeTeam(team.id);\n      showToast('Team archived', 'success');\n      setConfirmArchiveOpen(false);\n      navigate('../teams/teams-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to archive team', 'error');\n    } finally {\n      setArchiving(false);\n    }\n  };\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\">\n            Configure a team&apos;s settings — membership, permissions, and preferences that control\n            how the team works in CrewFoundry.\n          </PagePurpose>\n        </div>\n        <Button onClick={handleSave} disabled={saving}>\n          <Save className=\"h-4 w-4 mr-1\" />\n          {saving ? 'Saving…' : '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?id=${encodeURIComponent(team.id)}`),\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\">Status</p>\n              <p className=\"text-lg font-bold capitalize\">{formatEnumLabel(team.status)}</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\n                  id=\"tsName\"\n                  value={teamName}\n                  disabled={saving}\n                  onChange={(e) => setTeamName(e.target.value)}\n                />\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                  disabled={saving}\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\n                  size=\"sm\"\n                  onClick={() => addMemberModal.openModal()}\n                  disabled={availableEmployees.length === 0}\n                >\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.length === 0 ? (\n                <p className=\"px-6 py-4 text-sm text-text-secondary\">\n                  No members yet. Use “Add Member” to build out this team.\n                </p>\n              ) : (\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                        {formatEnumLabel(member.status)}\n                      </Badge>\n                      {member.id !== team.leadId && (\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          aria-label={`Remove ${member.firstName} ${member.lastName} from team`}\n                          className=\"h-7 w-7 p-0 text-text-secondary hover:text-status-error-text\"\n                          onClick={() => handleRemoveMember(member.id)}\n                        >\n                          <UserMinus className=\"h-3 w-3\" />\n                        </Button>\n                      )}\n                    </div>\n                  </div>\n                ))\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Permissions & Access</CardTitle>\n              <CardDescription>\n                Visibility and join controls — coming soon on the CrewFoundry roadmap.\n              </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                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    Coming soon\n                  </Badge>\n                  <Switch checked={false} disabled aria-label=\"Private team (coming soon)\" />\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                <div className=\"flex items-center gap-2\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    Coming soon\n                  </Badge>\n                  <Switch\n                    checked={false}\n                    disabled\n                    aria-label=\"Auto-approve join requests (coming soon)\"\n                  />\n                </div>\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              <CardDescription className=\"text-xs\">Coming soon on the roadmap.</CardDescription>\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={false} disabled aria-label=\"New member alerts (coming soon)\" />\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={false} disabled aria-label=\"Weekly digest (coming soon)\" />\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 removes it from the active roster and deactivates associated\n                projects. This action can be reversed by an admin.\n              </p>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                className=\"w-full\"\n                onClick={() => setConfirmArchiveOpen(true)}\n              >\n                <Trash2 className=\"h-3 w-3 mr-1\" />\n                Archive Team\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      <FormModal\n        open={addMemberModal.open}\n        onOpenChange={addMemberModal.onOpenChange}\n        title=\"Add Team Member\"\n        description={`Add an employee to ${team.name}.`}\n        fields={addMemberFields}\n        submitLabel=\"Add Member\"\n        onSubmit={handleAddMember}\n      />\n\n      <ResponsiveDialog open={confirmArchiveOpen} onOpenChange={setConfirmArchiveOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[440px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Archive {team.name}?</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              This removes the team from the active roster. An admin can restore it later.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setConfirmArchiveOpen(false)}\n              disabled={archiving}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              onClick={handleArchive}\n              disabled={archiving}\n            >\n              {archiving ? 'Archiving…' : 'Archive Team'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}