@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.707.1

package/dist/crewfoundry/pages/TeamsTeamsPagePage.js

@@ -1,14 +1,18 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
-import { FolderKanban as i, Plus as a, Users as o } from "lucide-react";
-import { useNavigate as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Button as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, IllustratedEmptyState as v, PagePurpose as y, Pagination as b } from "@burdenoff/fe-libs/ui";
-import { usePagination as x } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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 { FormModal as i, useFormModal as a } from "../components/forms/FormModal.js";
+import { useMemo as o, useState as s } from "react";
+import { ArrowRight as c, FolderKanban as l, Plus as u, Users as d } from "lucide-react";
+import { useNavigate as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, IllustratedEmptyState as C, PagePurpose as w, Pagination as T } from "@burdenoff/fe-libs/ui";
+import { usePagination as E } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/TeamsTeamsPagePage.tsx
-var C = [
+var O = [
 	{
 		name: "name",
 		label: "Team Name",
@@ -46,118 +50,266 @@ var C = [
 		colSpan: 2
 	}
 ];
-function w() {
-	let { t: w } = S(), T = s(), { teams: E } = e(), D = e((e) => e.addTeam), O = r(), { page: k, pageSize: A, setPage: j } = x({ initialPageSize: 12 }), M = (e, t) => {
-		let n = w(e);
-		return n === e ? t : n;
-	}, N = E.slice((k - 1) * A, (k - 1) * A + A), P = (e) => T(`../teams/team-detail-page?id=${encodeURIComponent(e.id)}`);
-	return /* @__PURE__ */ l("div", {
+function k({ name: e, src: t, size: r = 32 }) {
+	return t ? /* @__PURE__ */ p("img", {
+		src: t,
+		alt: e,
+		width: r,
+		height: r,
+		loading: "lazy",
+		className: "shrink-0 rounded-full object-cover",
+		style: {
+			width: r,
+			height: r
+		}
+	}) : /* @__PURE__ */ p("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 A(e) {
+	return `${e.firstName} ${e.lastName}`.trim();
+}
+function j() {
+	let { t: n } = D(), j = f(), { teams: M, employees: N, projects: P } = e(), F = e((e) => e.addTeam), I = a(), { page: L, pageSize: R, setPage: z } = E({ initialPageSize: 12 }), [B, V] = s(null), H = (e, t) => {
+		let r = n(e);
+		return r === e ? t : r;
+	}, U = o(() => new Map(N.map((e) => [e.id, e])), [N]), W = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of P) t.status === "active" && e.set(t.teamId, (e.get(t.teamId) ?? 0) + 1);
+		return e;
+	}, [P]), G = (e) => e.members.map((e) => U.get(e)).filter((e) => e !== void 0), K = (e) => G(e).map((e) => ({
+		name: A(e),
+		avatarUrl: e.avatar,
+		role: e.position
+	})), q = M.slice((L - 1) * R, (L - 1) * R + R), J = M.find((e) => e.id === B) ?? q[0] ?? M[0] ?? null, Y = J ? G(J) : [], X = J ? P.filter((e) => e.teamId === J.id && e.status === "active") : [], Z = (e) => j(`../teams/team-detail-page?id=${encodeURIComponent(e.id)}`);
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ l("div", { children: [
-					/* @__PURE__ */ c("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ c(_, { children: M("crewfoundry.teams.title", "Teams") })
+						children: /* @__PURE__ */ p(S, { children: H("crewfoundry.teams.title", "Teams") })
 					}),
-					/* @__PURE__ */ l("p", {
+					/* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							E.length,
+							M.length,
 							" ",
-							M("crewfoundry.teams.summary.count", "teams across the organization")
+							H("crewfoundry.teams.summary.count", "teams across the organization")
 						]
 					}),
-					/* @__PURE__ */ c(y, {
+					/* @__PURE__ */ p(w, {
 						className: "mt-1",
 						children: "Manage your teams — create groups, assign members, and organize people around the work they do together."
 					})
-				] }), /* @__PURE__ */ l(d, {
+				] }), /* @__PURE__ */ m(g, {
 					size: "sm",
-					onClick: () => O.openModal(),
-					children: [/* @__PURE__ */ c(a, { className: "h-4 w-4 mr-1" }), M("crewfoundry.teams.actions.createTeam", "Create Team")]
+					onClick: () => I.openModal(),
+					children: [/* @__PURE__ */ p(u, { className: "h-4 w-4 mr-1" }), H("crewfoundry.teams.actions.createTeam", "Create Team")]
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: E.length === 0 ? /* @__PURE__ */ c("div", {
-					className: "col-span-full",
-					children: /* @__PURE__ */ c(v, {
-						illustration: "empty-people",
-						title: "No teams yet",
-						description: "Create a team to organize people around their work."
-					})
-				}) : N.map((e, n) => /* @__PURE__ */ l(g, {
-					treatment: n === 0 && k === 1 ? "glass" : "plain",
-					glow: n === 0 && k === 1,
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `Open ${e.name} team detail`,
-					onClick: () => P(e),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), P(e));
-					},
-					className: "hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
-					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ l("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ c(h, {
-							className: "text-base",
-							children: e.name
-						}), /* @__PURE__ */ c(u, {
-							variant: e.status === "active" ? "default" : "secondary",
-							className: "text-[10px]",
-							children: t(e.status)
-						})]
-					}), /* @__PURE__ */ c(p, { children: e.description })] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
-						className: "grid grid-cols-2 gap-2 text-sm text-text-secondary mb-2",
-						children: [/* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ c(o, { className: "h-3 w-3" }),
-								e.memberCount,
-								" ",
-								M("crewfoundry.teams.card.members", "members")
-							]
-						}), /* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1",
+			M.length === 0 ? /* @__PURE__ */ p(C, {
+				illustration: "empty-people",
+				title: "No teams yet",
+				description: "Create a team to organize people around their work."
+			}) : /* @__PURE__ */ m("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ m("div", {
+					className: "space-y-4 lg:col-span-2",
+					children: [/* @__PURE__ */ p("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: q.map((e) => {
+							let n = e.leadId ? U.get(e.leadId) : void 0, i = W.get(e.id) ?? 0, a = J?.id === e.id;
+							return /* @__PURE__ */ m(x, {
+								treatment: a ? "glass" : "plain",
+								glow: a,
+								role: "button",
+								tabIndex: 0,
+								"aria-pressed": a,
+								"aria-label": `Select ${e.name} team`,
+								onClick: () => V(e.id),
+								onKeyDown: (t) => {
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), V(e.id));
+								},
+								className: "cursor-pointer transition-shadow hover:shadow-md focus-visible:shadow-[var(--shadow-focus)] focus-visible:outline-none",
+								children: [/* @__PURE__ */ m(y, {
+									className: "pb-3",
+									children: [/* @__PURE__ */ m("div", {
+										className: "flex items-start justify-between gap-2",
+										children: [/* @__PURE__ */ p(b, {
+											className: "text-base",
+											children: e.name
+										}), /* @__PURE__ */ p(h, {
+											variant: e.status === "active" ? "default" : "secondary",
+											className: "text-[10px]",
+											children: t(e.status)
+										})]
+									}), /* @__PURE__ */ m("div", {
+										className: "flex items-center gap-2 text-xs text-text-secondary",
+										children: [
+											/* @__PURE__ */ p("span", { children: H("crewfoundry.teams.card.ledBy", "Led by") }),
+											/* @__PURE__ */ p(k, {
+												name: n ? A(n) : e.leadName,
+												src: n?.avatar,
+												size: 20
+											}),
+											/* @__PURE__ */ p("span", {
+												className: "font-medium text-text-primary",
+												children: n ? A(n) : e.leadName || "—"
+											})
+										]
+									})]
+								}), /* @__PURE__ */ m(_, {
+									className: "space-y-3",
+									children: [/* @__PURE__ */ p(r, {
+										people: K(e),
+										max: 5,
+										size: 30
+									}), /* @__PURE__ */ m("div", {
+										className: "flex items-center gap-4 text-sm text-text-secondary",
+										children: [/* @__PURE__ */ m("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ p(d, { className: "h-3.5 w-3.5" }),
+												e.memberCount,
+												" ",
+												H("crewfoundry.teams.card.members", "Members")
+											]
+										}), /* @__PURE__ */ m("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ p(l, { className: "h-3.5 w-3.5" }),
+												i,
+												" ",
+												H("crewfoundry.teams.card.activeProjects", "Active Projects")
+											]
+										})]
+									})]
+								})]
+							}, e.id);
+						})
+					}), M.length > R && /* @__PURE__ */ p(T, {
+						page: L,
+						pageSize: R,
+						totalItems: M.length,
+						onPageChange: z
+					})]
+				}), /* @__PURE__ */ p("div", {
+					className: "lg:col-span-1",
+					children: J ? /* @__PURE__ */ m(x, {
+						treatment: "glass",
+						className: "border-border-seam lg:sticky lg:top-6",
+						"aria-live": "polite",
+						children: [/* @__PURE__ */ m(y, {
+							className: "pb-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ p(b, {
+									className: "text-lg",
+									children: J.name
+								}), /* @__PURE__ */ p(h, {
+									variant: J.status === "active" ? "default" : "secondary",
+									className: "text-[10px]",
+									children: t(J.status)
+								})]
+							}), /* @__PURE__ */ p(v, { children: J.description })]
+						}), /* @__PURE__ */ m(_, {
+							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ c(i, { className: "h-3 w-3" }),
-								e.projectCount,
-								" ",
-								M("crewfoundry.teams.card.projects", "projects")
+								/* @__PURE__ */ m("section", { children: [/* @__PURE__ */ m("h3", {
+									className: "mb-2 text-sm font-semibold",
+									children: [
+										H("crewfoundry.teams.panel.members", "Members"),
+										" (",
+										Y.length,
+										")"
+									]
+								}), Y.length === 0 ? /* @__PURE__ */ p("p", {
+									className: "text-xs text-text-secondary",
+									children: "No members have been added to this team yet."
+								}) : /* @__PURE__ */ p("ul", {
+									className: "space-y-2 max-h-72 overflow-y-auto pr-1",
+									children: Y.map((e) => /* @__PURE__ */ m("li", {
+										className: "flex items-center gap-2.5",
+										children: [/* @__PURE__ */ p(k, {
+											name: A(e),
+											src: e.avatar,
+											size: 32
+										}), /* @__PURE__ */ m("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ m("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: [A(e), e.id === J.leadId ? /* @__PURE__ */ p("span", {
+													className: "ml-1.5 text-[10px] font-medium text-action-primary-text",
+													children: "· Lead"
+												}) : null]
+											}), /* @__PURE__ */ p("p", {
+												className: "truncate text-xs text-text-secondary",
+												children: e.position
+											})]
+										})]
+									}, e.id))
+								})] }),
+								/* @__PURE__ */ m("section", { children: [/* @__PURE__ */ m("h3", {
+									className: "mb-2 text-sm font-semibold",
+									children: [
+										H("crewfoundry.teams.panel.activeProjects", "Active Projects"),
+										" (",
+										X.length,
+										")"
+									]
+								}), X.length === 0 ? /* @__PURE__ */ p("p", {
+									className: "text-xs text-text-secondary",
+									children: "No active projects for this team right now."
+								}) : /* @__PURE__ */ p("ul", {
+									className: "space-y-3",
+									children: X.map((e) => /* @__PURE__ */ m("li", { children: [/* @__PURE__ */ m("div", {
+										className: "mb-1 flex items-center justify-between gap-2 text-xs",
+										children: [/* @__PURE__ */ p("span", {
+											className: "truncate font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ m("span", {
+											className: "shrink-0 tabular-nums text-text-secondary",
+											children: [e.progress, "%"]
+										})]
+									}), /* @__PURE__ */ p("div", {
+										className: "h-1.5 overflow-hidden rounded-full bg-bg-sunken",
+										children: /* @__PURE__ */ p("div", {
+											className: "h-1.5 rounded-full bg-action-primary-bg",
+											style: { width: `${e.progress}%` }
+										})
+									})] }, e.id))
+								})] }),
+								/* @__PURE__ */ m(g, {
+									variant: "outline",
+									size: "sm",
+									className: "w-full",
+									onClick: () => Z(J),
+									children: [H("crewfoundry.teams.panel.openDetail", "Open full team detail"), /* @__PURE__ */ p(c, { className: "ml-1 h-4 w-4" })]
+								})
 							]
 						})]
-					}), /* @__PURE__ */ l("div", {
-						className: "text-xs text-text-secondary",
-						children: [
-							/* @__PURE__ */ l("span", { children: [
-								M("crewfoundry.teams.card.lead", "Lead"),
-								": ",
-								e.leadName
-							] }),
-							" ",
-							"· ",
-							/* @__PURE__ */ c("span", { children: e.department })
-						]
-					})] })]
-				}, e.id))
-			}),
-			E.length > A && /* @__PURE__ */ c(b, {
-				page: k,
-				pageSize: A,
-				totalItems: E.length,
-				onPageChange: j
+					}) : null
+				})]
 			}),
-			/* @__PURE__ */ c(n, {
-				open: O.open,
-				onOpenChange: O.onOpenChange,
-				title: M("crewfoundry.teams.actions.createTeam", "Create Team"),
+			/* @__PURE__ */ p(i, {
+				open: I.open,
+				onOpenChange: I.onOpenChange,
+				title: H("crewfoundry.teams.actions.createTeam", "Create Team"),
 				description: "Organize people around the work they do together.",
-				fields: C,
+				fields: O,
 				submitLabel: "Create Team",
 				onSubmit: async (e) => {
-					await D({
+					await F({
 						name: String(e.name ?? "").trim(),
 						description: String(e.description ?? "").trim(),
 						department: String(e.department ?? "").trim() || "operations",
@@ -171,6 +323,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as TeamsTeamsPagePage };
+export { j as TeamsTeamsPagePage };
 
 //# sourceMappingURL=TeamsTeamsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamsTeamsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { FolderKanban, Plus, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Team } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst TEAM_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Team Name', type: 'text', required: true },\n  { name: 'department', label: 'Department', type: 'text', placeholder: 'e.g. Engineering' },\n  { name: 'leadName', label: 'Team Lead', type: 'text', placeholder: 'Lead full name' },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Forming', value: 'forming' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n];\n\nexport function TeamsTeamsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { teams } = useCrewFoundryStore();\n  const addTeam = useCrewFoundryStore((state) => state.addTeam);\n  const createModal = useFormModal();\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const pageTeams = teams.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const openTeam = (team: Team) =>\n    navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`);\n\n  const handleCreate = async (values: FormValues) => {\n    // CreateCrewTeamInput accepts only this field subset; the store spreads the\n    // object straight into `input`, so we send exactly the accepted shape and\n    // let the server response replace the optimistic row.\n    const payload: Partial<Team> = {\n      name: String(values.name ?? '').trim(),\n      description: String(values.description ?? '').trim(),\n      department: String(values.department ?? '').trim() || 'operations',\n      leadName: String(values.leadName ?? '').trim(),\n      status: (String(values.status ?? 'forming') as Team['status']) || 'forming',\n      members: [],\n    };\n    await addTeam(payload as Team);\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{t('crewfoundry.teams.title', 'Teams')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {teams.length} {t('crewfoundry.teams.summary.count', 'teams across the organization')}\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Manage your teams — create groups, assign members, and organize people around the work\n            they do together.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createModal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.teams.actions.createTeam', 'Create Team')}\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {teams.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-people\"\n              title=\"No teams yet\"\n              description=\"Create a team to organize people around their work.\"\n            />\n          </div>\n        ) : (\n          pageTeams.map((team, _idx) => (\n            <GlassCard\n              key={team.id}\n              treatment={_idx === 0 && page === 1 ? 'glass' : 'plain'}\n              glow={_idx === 0 && page === 1}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Open ${team.name} team detail`}\n              onClick={() => openTeam(team)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  openTeam(team);\n                }\n              }}\n              className=\"hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n            >\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{team.name}</CardTitle>\n                  <Badge\n                    variant={team.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(team.status)}\n                  </Badge>\n                </div>\n                <CardDescription>{team.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"grid grid-cols-2 gap-2 text-sm text-text-secondary mb-2\">\n                  <span className=\"flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    {team.memberCount} {t('crewfoundry.teams.card.members', 'members')}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <FolderKanban className=\"h-3 w-3\" />\n                    {team.projectCount} {t('crewfoundry.teams.card.projects', 'projects')}\n                  </span>\n                </div>\n                <div className=\"text-xs text-text-secondary\">\n                  <span>\n                    {t('crewfoundry.teams.card.lead', 'Lead')}: {team.leadName}\n                  </span>{' '}\n                  · <span>{team.department}</span>\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n\n      {teams.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={teams.length}\n          onPageChange={setPage}\n        />\n      )}\n\n      <FormModal\n        open={createModal.open}\n        onOpenChange={createModal.onOpenChange}\n        title={t('crewfoundry.teams.actions.createTeam', 'Create Team')}\n        description=\"Organize people around the work they do together.\"\n        fields={TEAM_FIELDS}\n        submitLabel=\"Create Team\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamsTeamsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { ArrowRight, FolderKanban, Plus, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useMemo, useState } from 'react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport {\n  useCrewFoundryStore,\n  type Employee,\n  type Team,\n} from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nconst TEAM_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Team Name', type: 'text', required: true },\n  { name: 'department', label: 'Department', type: 'text', placeholder: 'e.g. Engineering' },\n  { name: 'leadName', label: 'Team Lead', type: 'text', placeholder: 'Lead full name' },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Forming', value: 'forming' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n];\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\nfunction employeeName(employee: Employee): string {\n  return `${employee.firstName} ${employee.lastName}`.trim();\n}\n\nexport function TeamsTeamsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { teams, employees, projects } = useCrewFoundryStore();\n  const addTeam = useCrewFoundryStore((state) => state.addTeam);\n  const createModal = useFormModal();\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n\n  const activeProjectsByTeam = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const project of projects) {\n      if (project.status === 'active') {\n        map.set(project.teamId, (map.get(project.teamId) ?? 0) + 1);\n      }\n    }\n    return map;\n  }, [projects]);\n\n  const membersOf = (team: Team): Employee[] =>\n    team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined);\n\n  const peopleOf = (team: Team): Person[] =>\n    membersOf(team).map((employee) => ({\n      name: employeeName(employee),\n      avatarUrl: employee.avatar,\n      role: employee.position,\n    }));\n\n  const pageTeams = teams.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n  const selectedTeam =\n    teams.find((team) => team.id === selectedId) ?? pageTeams[0] ?? teams[0] ?? null;\n  const selectedMembers = selectedTeam ? membersOf(selectedTeam) : [];\n  const selectedActiveProjects = selectedTeam\n    ? projects.filter((project) => project.teamId === selectedTeam.id && project.status === 'active')\n    : [];\n\n  const openTeam = (team: Team) =>\n    navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`);\n\n  const handleCreate = async (values: FormValues) => {\n    // CreateCrewTeamInput accepts only this field subset; the store spreads the\n    // object straight into `input`, so we send exactly the accepted shape and\n    // let the server response replace the optimistic row.\n    const payload: Partial<Team> = {\n      name: String(values.name ?? '').trim(),\n      description: String(values.description ?? '').trim(),\n      department: String(values.department ?? '').trim() || 'operations',\n      leadName: String(values.leadName ?? '').trim(),\n      status: (String(values.status ?? 'forming') as Team['status']) || 'forming',\n      members: [],\n    };\n    await addTeam(payload as Team);\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{t('crewfoundry.teams.title', 'Teams')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {teams.length} {t('crewfoundry.teams.summary.count', 'teams across the organization')}\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Manage your teams — create groups, assign members, and organize people around the work\n            they do together.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createModal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.teams.actions.createTeam', 'Create Team')}\n        </Button>\n      </div>\n\n      {teams.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No teams yet\"\n          description=\"Create a team to organize people around their work.\"\n        />\n      ) : (\n        <div className=\"grid gap-6 lg:grid-cols-3\">\n          {/* Team cards */}\n          <div className=\"space-y-4 lg:col-span-2\">\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              {pageTeams.map((team) => {\n                const lead = team.leadId ? employeeById.get(team.leadId) : undefined;\n                const activeCount = activeProjectsByTeam.get(team.id) ?? 0;\n                const selected = selectedTeam?.id === team.id;\n                return (\n                  <GlassCard\n                    key={team.id}\n                    treatment={selected ? 'glass' : 'plain'}\n                    glow={selected}\n                    role=\"button\"\n                    tabIndex={0}\n                    aria-pressed={selected}\n                    aria-label={`Select ${team.name} team`}\n                    onClick={() => setSelectedId(team.id)}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        setSelectedId(team.id);\n                      }\n                    }}\n                    className=\"cursor-pointer transition-shadow hover:shadow-md focus-visible:shadow-[var(--shadow-focus)] focus-visible:outline-none\"\n                  >\n                    <CardHeader className=\"pb-3\">\n                      <div className=\"flex items-start justify-between gap-2\">\n                        <CardTitle className=\"text-base\">{team.name}</CardTitle>\n                        <Badge\n                          variant={team.status === 'active' ? 'default' : 'secondary'}\n                          className=\"text-[10px]\"\n                        >\n                          {formatEnumLabel(team.status)}\n                        </Badge>\n                      </div>\n                      <div className=\"flex items-center gap-2 text-xs text-text-secondary\">\n                        <span>{t('crewfoundry.teams.card.ledBy', 'Led by')}</span>\n                        <InitialsAvatar\n                          name={lead ? employeeName(lead) : team.leadName}\n                          src={lead?.avatar}\n                          size={20}\n                        />\n                        <span className=\"font-medium text-text-primary\">\n                          {lead ? employeeName(lead) : team.leadName || '—'}\n                        </span>\n                      </div>\n                    </CardHeader>\n                    <CardContent className=\"space-y-3\">\n                      <AvatarStack people={peopleOf(team)} max={5} size={30} />\n                      <div className=\"flex items-center gap-4 text-sm text-text-secondary\">\n                        <span className=\"flex items-center gap-1\">\n                          <Users className=\"h-3.5 w-3.5\" />\n                          {team.memberCount} {t('crewfoundry.teams.card.members', 'Members')}\n                        </span>\n                        <span className=\"flex items-center gap-1\">\n                          <FolderKanban className=\"h-3.5 w-3.5\" />\n                          {activeCount}{' '}\n                          {t('crewfoundry.teams.card.activeProjects', 'Active Projects')}\n                        </span>\n                      </div>\n                    </CardContent>\n                  </GlassCard>\n                );\n              })}\n            </div>\n\n            {teams.length > pageSize && (\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={teams.length}\n                onPageChange={setPage}\n              />\n            )}\n          </div>\n\n          {/* Selected-team detail panel */}\n          <div className=\"lg:col-span-1\">\n            {selectedTeam ? (\n              <GlassCard\n                treatment=\"glass\"\n                className=\"border-border-seam lg:sticky lg:top-6\"\n                aria-live=\"polite\"\n              >\n                <CardHeader className=\"pb-3\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <CardTitle className=\"text-lg\">{selectedTeam.name}</CardTitle>\n                    <Badge\n                      variant={selectedTeam.status === 'active' ? 'default' : 'secondary'}\n                      className=\"text-[10px]\"\n                    >\n                      {formatEnumLabel(selectedTeam.status)}\n                    </Badge>\n                  </div>\n                  <CardDescription>{selectedTeam.description}</CardDescription>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  <section>\n                    <h3 className=\"mb-2 text-sm font-semibold\">\n                      {t('crewfoundry.teams.panel.members', 'Members')} ({selectedMembers.length})\n                    </h3>\n                    {selectedMembers.length === 0 ? (\n                      <p className=\"text-xs text-text-secondary\">\n                        No members have been added to this team yet.\n                      </p>\n                    ) : (\n                      <ul className=\"space-y-2 max-h-72 overflow-y-auto pr-1\">\n                        {selectedMembers.map((member) => (\n                          <li key={member.id} className=\"flex items-center gap-2.5\">\n                            <InitialsAvatar\n                              name={employeeName(member)}\n                              src={member.avatar}\n                              size={32}\n                            />\n                            <div className=\"min-w-0\">\n                              <p className=\"truncate text-sm font-medium text-text-primary\">\n                                {employeeName(member)}\n                                {member.id === selectedTeam.leadId ? (\n                                  <span className=\"ml-1.5 text-[10px] font-medium text-action-primary-text\">\n                                    · Lead\n                                  </span>\n                                ) : null}\n                              </p>\n                              <p className=\"truncate text-xs text-text-secondary\">\n                                {member.position}\n                              </p>\n                            </div>\n                          </li>\n                        ))}\n                      </ul>\n                    )}\n                  </section>\n\n                  <section>\n                    <h3 className=\"mb-2 text-sm font-semibold\">\n                      {t('crewfoundry.teams.panel.activeProjects', 'Active Projects')} (\n                      {selectedActiveProjects.length})\n                    </h3>\n                    {selectedActiveProjects.length === 0 ? (\n                      <p className=\"text-xs text-text-secondary\">\n                        No active projects for this team right now.\n                      </p>\n                    ) : (\n                      <ul className=\"space-y-3\">\n                        {selectedActiveProjects.map((project) => (\n                          <li key={project.id}>\n                            <div className=\"mb-1 flex items-center justify-between gap-2 text-xs\">\n                              <span className=\"truncate font-medium text-text-primary\">\n                                {project.name}\n                              </span>\n                              <span className=\"shrink-0 tabular-nums text-text-secondary\">\n                                {project.progress}%\n                              </span>\n                            </div>\n                            <div className=\"h-1.5 overflow-hidden rounded-full bg-bg-sunken\">\n                              <div\n                                className=\"h-1.5 rounded-full bg-action-primary-bg\"\n                                style={{ width: `${project.progress}%` }}\n                              />\n                            </div>\n                          </li>\n                        ))}\n                      </ul>\n                    )}\n                  </section>\n\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"w-full\"\n                    onClick={() => openTeam(selectedTeam)}\n                  >\n                    {t('crewfoundry.teams.panel.openDetail', 'Open full team detail')}\n                    <ArrowRight className=\"ml-1 h-4 w-4\" />\n                  </Button>\n                </CardContent>\n              </GlassCard>\n            ) : null}\n          </div>\n        </div>\n      )}\n\n      <FormModal\n        open={createModal.open}\n        onOpenChange={createModal.onOpenChange}\n        title={t('crewfoundry.teams.actions.createTeam', 'Create Team')}\n        description=\"Organize people around the work they do together.\"\n        fields={TEAM_FIELDS}\n        submitLabel=\"Create Team\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}