@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.5

package/dist/crewfoundry/pages/TeamsTeamDetailPagePage.js

@@ -1,123 +1,124 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { BarChart3 as t, Calendar as n, FolderKanban as r, Settings as i, Star as a, Users as o } from "lucide-react";
-import { useNavigate as s, useSearchParams as c } from "react-router-dom";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, EmphasisPanel as g, GradientText as _, IllustratedEmptyState as v, NextSteps as y, PagePurpose as b, ResponsiveTable as x } from "@burdenoff/fe-libs/ui";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { BarChart3 as n, Calendar as r, FolderKanban as i, Settings as a, Star as o, Users as s } from "lucide-react";
+import { useNavigate as c, useSearchParams as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, EmphasisPanel as _, GradientText as v, IllustratedEmptyState as y, NextSteps as b, PagePurpose as x, ResponsiveTable as S } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/TeamsTeamDetailPagePage.tsx
-function S() {
-	let S = s(), [C] = c(), { teams: w, employees: T, projects: E } = e(), D = C.get("id"), O = w.find((e) => e.id === D) ?? w[0];
-	if (!O) return /* @__PURE__ */ l("div", {
+function C() {
+	let C = c(), [w] = l(), { teams: T, employees: E, projects: D } = e(), O = w.get("id"), k = T.find((e) => e.id === O) ?? T[0];
+	if (!k) return /* @__PURE__ */ u("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ l(v, {
+		children: /* @__PURE__ */ u(y, {
 			illustration: "empty-search",
 			title: "Team not found",
 			description: "This team is no longer available."
 		})
 	});
-	let k = T.filter((e) => O.members.includes(e.id)), A = E.filter((e) => e.teamId === O.id);
-	return /* @__PURE__ */ u("div", {
+	let A = E.filter((e) => k.members.includes(e.id)), j = D.filter((e) => e.teamId === k.id);
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [
-					/* @__PURE__ */ l("h1", {
+				children: [/* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ l(_, { children: O.name })
+						children: /* @__PURE__ */ u(v, { children: k.name })
 					}),
-					/* @__PURE__ */ l("p", {
+					/* @__PURE__ */ u("p", {
 						className: "text-sm text-text-secondary",
-						children: O.description
+						children: k.description
 					}),
-					/* @__PURE__ */ l(b, {
+					/* @__PURE__ */ u(x, {
 						className: "mt-2",
 						children: "A complete view of one team — who's on it, what they're working on, and how they're performing — so you can support the group and keep its projects on track."
 					})
-				] }), /* @__PURE__ */ l(d, {
-					variant: O.status === "active" ? "default" : "secondary",
-					children: O.status
+				] }), /* @__PURE__ */ u(f, {
+					variant: k.status === "active" ? "default" : "secondary",
+					children: t(k.status)
 				})]
 			}),
-			/* @__PURE__ */ l(y, {
+			/* @__PURE__ */ u(b, {
 				storageKey: "crewfoundry-team-details",
 				steps: [
 					{
 						id: "analytics",
 						label: "View team analytics",
 						description: "See productivity and workload trends for this team.",
-						icon: /* @__PURE__ */ l(t, { className: "h-4 w-4" }),
-						onClick: () => S("../../teams/team-analytics-page")
+						icon: /* @__PURE__ */ u(n, { className: "h-4 w-4" }),
+						onClick: () => C("../teams/team-analytics-page")
 					},
 					{
 						id: "settings",
 						label: "Adjust team settings",
 						description: "Manage membership, permissions, and preferences.",
-						icon: /* @__PURE__ */ l(i, { className: "h-4 w-4" }),
-						onClick: () => S(`../../teams/team-settings-page?id=${encodeURIComponent(O.id)}`)
+						icon: /* @__PURE__ */ u(a, { className: "h-4 w-4" }),
+						onClick: () => C(`../teams/team-settings-page?id=${encodeURIComponent(k.id)}`)
 					},
 					{
 						id: "directory",
 						label: "Browse all teams",
 						description: "Explore how the rest of the organization is structured.",
-						icon: /* @__PURE__ */ l(o, { className: "h-4 w-4" }),
-						onClick: () => S("../../teams/team-directory-page")
+						icon: /* @__PURE__ */ u(s, { className: "h-4 w-4" }),
+						onClick: () => C("../teams/team-directory-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(o, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u(s, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ u("p", {
 								className: "text-lg font-bold",
-								children: O.memberCount
+								children: k.memberCount
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
 								children: "Members"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ u("p", {
 								className: "text-lg font-bold",
-								children: O.projectCount
+								children: k.projectCount
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
 								children: "Projects"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(a, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u(o, { className: "h-5 w-5 mx-auto text-status-warning-text mb-1" }),
+							/* @__PURE__ */ u("p", {
 								className: "text-lg font-bold",
-								children: O.leadName
+								children: k.leadName
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
 								children: "Lead"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ l(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ u("p", {
 								className: "text-lg font-bold",
-								children: O.createdAt
+								children: k.createdAt
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
 								children: "Created"
 							})
@@ -125,20 +126,20 @@ function S() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u("div", {
 				className: "mb-2 text-lg font-semibold",
 				children: "Team Members"
-			}), k.length === 0 ? /* @__PURE__ */ l(v, {
+			}), A.length === 0 ? /* @__PURE__ */ u(y, {
 				illustration: "empty-people",
 				title: "No members yet",
 				description: "Add people to this team to start collaborating."
-			}) : /* @__PURE__ */ l(x, {
+			}) : /* @__PURE__ */ u(S, {
 				columns: [
 					{
 						key: "name",
 						header: "Name",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ u("span", {
+						cell: (e) => /* @__PURE__ */ d("span", {
 							className: "font-medium text-text-primary",
 							children: [
 								e.firstName,
@@ -151,7 +152,7 @@ function S() {
 						key: "position",
 						header: "Position",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ l("span", {
+						cell: (e) => /* @__PURE__ */ u("span", {
 							className: "text-text-secondary",
 							children: e.position
 						})
@@ -160,64 +161,64 @@ function S() {
 						key: "performance",
 						header: "Performance",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ u("span", {
+						cell: (e) => /* @__PURE__ */ d("span", {
 							className: "flex items-center gap-1 md:justify-center",
-							children: [/* @__PURE__ */ l(a, { className: "h-3 w-3 text-status-warning-text" }), e.performanceScore]
+							children: [/* @__PURE__ */ u(o, { className: "h-3 w-3 text-status-warning-text" }), e.performanceScore]
 						})
 					},
 					{
 						key: "status",
 						header: "Status",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ l(d, {
+						cell: (e) => /* @__PURE__ */ u(f, {
 							variant: e.status === "active" ? "default" : "secondary",
 							className: "text-[10px]",
-							children: e.status
+							children: t(e.status)
 						})
 					}
 				],
-				data: k,
+				data: A,
 				rowKey: (e) => e.id
 			})] }),
-			A.length > 0 && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Team Projects" }) }), /* @__PURE__ */ l(p, {
+			j.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Team Projects" }) }), /* @__PURE__ */ u(m, {
 				className: "space-y-3",
-				children: A.map((e) => /* @__PURE__ */ u("div", {
+				children: j.map((e) => /* @__PURE__ */ d("div", {
 					role: "button",
 					tabIndex: 0,
 					"aria-label": `Open ${e.name} project detail`,
-					onClick: () => S(`../../projects/project-details-page?id=${encodeURIComponent(e.id)}`),
+					onClick: () => C(`../projects/project-details-page?id=${encodeURIComponent(e.id)}`),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), S(`../../projects/project-details-page?id=${encodeURIComponent(e.id)}`));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), C(`../projects/project-details-page?id=${encodeURIComponent(e.id)}`));
 					},
 					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)]",
-					children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+					children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 						className: "text-sm font-medium",
 						children: e.name
-					}), /* @__PURE__ */ u("p", {
+					}), /* @__PURE__ */ d("p", {
 						className: "text-xs text-text-secondary",
 						children: [
 							e.startDate,
 							" — ",
 							e.endDate
 						]
-					})] }), /* @__PURE__ */ u("div", {
+					})] }), /* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ u("div", {
 								className: "w-24 h-2 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ l("div", {
+								children: /* @__PURE__ */ u("div", {
 									className: "h-2 bg-action-primary-bg rounded",
 									style: { width: `${e.progress}%` }
 								})
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d("span", {
 								className: "text-xs",
 								children: [e.progress, "%"]
 							}),
-							/* @__PURE__ */ l(d, {
+							/* @__PURE__ */ u(f, {
 								variant: e.status === "active" ? "default" : "secondary",
 								className: "text-[10px]",
-								children: e.status
+								children: t(e.status)
 							})
 						]
 					})]
@@ -227,6 +228,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as TeamsTeamDetailPagePage };
+export { C as TeamsTeamDetailPagePage };
 
 //# sourceMappingURL=TeamsTeamDetailPagePage.js.map

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';\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          {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'}>{team.status}</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                    {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  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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"}

package/dist/crewfoundry/pages/TeamsTeamDirectoryPagePage.js

@@ -1,52 +1,53 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useState as t } from "react";
-import { Search as n, Users as r } from "lucide-react";
-import { useNavigate as i } from "react-router-dom";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, CardContent as c, GlassCard as l, GradientText as u, IllustratedEmptyState as d, Input as f, PagePurpose as p, Pagination as m, ResponsiveTable as h } from "@burdenoff/fe-libs/ui";
-import { usePagination as g } from "@burdenoff/fe-libs/shared/hooks";
+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";
 //#region src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx
-function _() {
-	let _ = i(), { teams: v } = e(), [y, b] = t(""), { page: x, pageSize: S, setPage: C } = g({ initialPageSize: 25 }), w = v.filter((e) => `${e.name} ${e.department} ${e.leadName}`.toLowerCase().includes(y.toLowerCase())), T = w.slice((x - 1) * S, (x - 1) * S + S);
-	return /* @__PURE__ */ o("div", {
+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", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ o("div", { children: [
-				/* @__PURE__ */ a("h1", {
+			/* @__PURE__ */ s("div", { children: [
+				/* @__PURE__ */ o("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ a(u, { children: "Team Directory" })
+					children: /* @__PURE__ */ o(d, { children: "Team Directory" })
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary",
 					children: "Browse all teams in the organization"
 				}),
-				/* @__PURE__ */ a(p, {
+				/* @__PURE__ */ o(m, {
 					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__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ a(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ a(f, {
+				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, {
 					placeholder: "Search teams...",
 					className: "pl-9",
-					value: y,
-					onChange: (e) => b(e.target.value)
+					value: b,
+					onChange: (e) => x(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ a(l, {
+			/* @__PURE__ */ o(u, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ o(c, {
+				children: /* @__PURE__ */ s(l, {
 					className: "p-4",
-					children: [/* @__PURE__ */ a(h, {
+					children: [/* @__PURE__ */ o(g, {
 						columns: [
 							{
 								key: "name",
 								header: "Team",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ a("span", {
+								cell: (e) => /* @__PURE__ */ o("span", {
 									className: "font-medium text-text-primary",
 									children: e.name
 								})
@@ -55,7 +56,7 @@ function _() {
 								key: "description",
 								header: "Description",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ a("span", {
+								cell: (e) => /* @__PURE__ */ o("span", {
 									className: "text-text-secondary line-clamp-2 md:truncate md:block",
 									children: e.description
 								})
@@ -64,7 +65,7 @@ function _() {
 								key: "department",
 								header: "Department",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ a("span", {
+								cell: (e) => /* @__PURE__ */ o("span", {
 									className: "text-sm",
 									children: e.department
 								})
@@ -73,7 +74,7 @@ function _() {
 								key: "lead",
 								header: "Lead",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ a("span", {
+								cell: (e) => /* @__PURE__ */ o("span", {
 									className: "text-text-secondary",
 									children: e.leadName
 								})
@@ -82,37 +83,37 @@ function _() {
 								key: "members",
 								header: "Members",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ o("span", {
+								cell: (e) => /* @__PURE__ */ s("span", {
 									className: "flex items-center gap-1 md:justify-end",
-									children: [/* @__PURE__ */ a(r, { className: "h-3 w-3" }), e.memberCount]
+									children: [/* @__PURE__ */ o(i, { className: "h-3 w-3" }), e.memberCount]
 								})
 							},
 							{
 								key: "status",
 								header: "Status",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ a(s, {
+								cell: (e) => /* @__PURE__ */ o(c, {
 									variant: e.status === "active" ? "default" : "secondary",
 									className: "text-[10px]",
-									children: e.status
+									children: t(e.status)
 								})
 							}
 						],
-						data: T,
+						data: E,
 						rowKey: (e) => e.id,
-						onRowClick: (e) => _(`../../teams/team-detail-page?id=${encodeURIComponent(e.id)}`),
-						emptyState: /* @__PURE__ */ a(d, {
+						onRowClick: (e) => v(`../teams/team-detail-page?id=${encodeURIComponent(e.id)}`),
+						emptyState: /* @__PURE__ */ o(f, {
 							illustration: "empty-search",
 							title: "No teams found",
 							description: "Try a different search term to find a team."
 						})
-					}), w.length > S && /* @__PURE__ */ a("div", {
+					}), T.length > C && /* @__PURE__ */ o("div", {
 						className: "mt-4",
-						children: /* @__PURE__ */ a(m, {
-							page: x,
-							pageSize: S,
-							totalItems: w.length,
-							onPageChange: C
+						children: /* @__PURE__ */ o(h, {
+							page: S,
+							pageSize: C,
+							totalItems: T.length,
+							onPageChange: w
 						})
 					})]
 				})
@@ -121,6 +122,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as TeamsTeamDirectoryPagePage };
+export { v 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';\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          {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":";;;;;;;;AAkBA,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,EAAK;SACA,CAAA;QAEX;OACF;MA2BS,MAAM;MACN,SAAS,MAAS,EAAK;MACvB,aAAa,MACX,EAAS,mCAAmC,mBAAmB,EAAK,GAAG,GAAG;MAE5E,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 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"}