@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.2

package/dist/crewfoundry/pages/TeamsTeamDirectoryPagePage.js

@@ -1,83 +1,102 @@
 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 { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, Input as l } from "@burdenoff/fe-libs/ui";
+import { Fragment as i, 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 } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx
-function u() {
-	let { teams: u } = e(), [d, f] = t(""), p = u.filter((e) => `${e.name} ${e.department} ${e.leadName}`.toLowerCase().includes(d.toLowerCase()));
-	return /* @__PURE__ */ a("div", {
+function m() {
+	let { teams: m } = e(), [h, g] = t(""), _ = m.filter((e) => `${e.name} ${e.department} ${e.leadName}`.toLowerCase().includes(h.toLowerCase()));
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-				className: "text-2xl font-semibold",
-				children: "Team Directory"
-			}), /* @__PURE__ */ i("p", {
-				className: "text-sm text-text-secondary",
-				children: "Browse all teams in the organization"
-			})] }),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", { children: [
+				/* @__PURE__ */ a("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ a(u, { children: "Team Directory" })
+				}),
+				/* @__PURE__ */ a("p", {
+					className: "text-sm text-text-secondary",
+					children: "Browse all teams in the organization"
+				}),
+				/* @__PURE__ */ a(p, {
+					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", {
 				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ i(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ i(l, {
+				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, {
 					placeholder: "Search teams...",
 					className: "pl-9",
-					value: d,
-					onChange: (e) => f(e.target.value)
+					value: h,
+					onChange: (e) => g(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
-				className: "p-0",
-				children: [/* @__PURE__ */ a("div", {
-					className: "grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
-					children: [
-						/* @__PURE__ */ i("span", { children: "Team" }),
-						/* @__PURE__ */ i("span", { children: "Description" }),
-						/* @__PURE__ */ i("span", { children: "Department" }),
-						/* @__PURE__ */ i("span", { children: "Lead" }),
-						/* @__PURE__ */ i("span", {
-							className: "text-right",
-							children: "Members"
-						}),
-						/* @__PURE__ */ i("span", {
-							className: "text-center",
-							children: "Status"
+			/* @__PURE__ */ a(l, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam",
+				children: /* @__PURE__ */ a(c, {
+					className: "p-0",
+					children: _.length === 0 ? /* @__PURE__ */ a("div", {
+						className: "p-6",
+						children: /* @__PURE__ */ a(d, {
+							illustration: "empty-search",
+							title: "No teams found",
+							description: "Try a different search term to find a team."
 						})
-					]
-				}), p.map((e) => /* @__PURE__ */ a("div", {
-					className: "grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
-					children: [
-						/* @__PURE__ */ i("span", {
-							className: "font-medium",
-							children: e.name
-						}),
-						/* @__PURE__ */ i("span", {
-							className: "text-text-secondary truncate",
-							children: e.description
-						}),
-						/* @__PURE__ */ i("span", { children: e.department }),
-						/* @__PURE__ */ i("span", {
-							className: "text-text-secondary",
-							children: e.leadName
-						}),
-						/* @__PURE__ */ a("span", {
-							className: "text-right flex items-center justify-end gap-1",
-							children: [/* @__PURE__ */ i(r, { className: "h-3 w-3" }), e.memberCount]
-						}),
-						/* @__PURE__ */ i("div", {
-							className: "text-center",
-							children: /* @__PURE__ */ i(o, {
-								variant: e.status === "active" ? "default" : "secondary",
-								className: "text-[10px]",
-								children: e.status
+					}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+						className: "grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
+						children: [
+							/* @__PURE__ */ a("span", { children: "Team" }),
+							/* @__PURE__ */ a("span", { children: "Description" }),
+							/* @__PURE__ */ a("span", { children: "Department" }),
+							/* @__PURE__ */ a("span", { children: "Lead" }),
+							/* @__PURE__ */ a("span", {
+								className: "text-right",
+								children: "Members"
+							}),
+							/* @__PURE__ */ a("span", {
+								className: "text-center",
+								children: "Status"
 							})
-						})
-					]
-				}, e.id))]
-			}) })
+						]
+					}), _.map((e) => /* @__PURE__ */ o("div", {
+						className: "grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
+						children: [
+							/* @__PURE__ */ a("span", {
+								className: "font-medium",
+								children: e.name
+							}),
+							/* @__PURE__ */ a("span", {
+								className: "text-text-secondary truncate",
+								children: e.description
+							}),
+							/* @__PURE__ */ a("span", { children: e.department }),
+							/* @__PURE__ */ a("span", {
+								className: "text-text-secondary",
+								children: e.leadName
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "text-right flex items-center justify-end gap-1",
+								children: [/* @__PURE__ */ a(r, { className: "h-3 w-3" }), e.memberCount]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "text-center",
+								children: /* @__PURE__ */ a(s, {
+									variant: e.status === "active" ? "default" : "secondary",
+									className: "text-[10px]",
+									children: e.status
+								})
+							})
+						]
+					}, e.id))] })
+				})
+			})
 		]
 	});
 }
 //#endregion
-export { u as TeamsTeamDirectoryPagePage };
+export { m 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 { Badge, Card, CardContent, Input } from '@burdenoff/fe-libs/ui';\nimport { Search, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { useState } from 'react';\n\nexport function TeamsTeamDirectoryPagePage() {\n  const { teams } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const filtered = teams.filter((t) =>\n    `${t.name} ${t.department} ${t.leadName}`.toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Team Directory</h1>\n        <p className=\"text-sm text-text-secondary\">Browse all teams in the organization</p>\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      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b\">\n            <span>Team</span>\n            <span>Description</span>\n            <span>Department</span>\n            <span>Lead</span>\n            <span className=\"text-right\">Members</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((team) => (\n            <div\n              key={team.id}\n              className=\"grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <span className=\"font-medium\">{team.name}</span>\n              <span className=\"text-text-secondary truncate\">{team.description}</span>\n              <span>{team.department}</span>\n              <span className=\"text-text-secondary\">{team.leadName}</span>\n              <span className=\"text-right flex items-center justify-end gap-1\">\n                <Users className=\"h-3 w-3\" />\n                {team.memberCount}\n              </span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={team.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {team.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,aAAU,GAAqB,EACjC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAW,EAAM,QAAQ,MAC7B,GAAG,EAAE,KAAK,GAAG,EAAE,WAAW,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACvF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAmB,CAAA,EAC1D,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAwC,CAAA,CAC/E,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,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;MACjB,kBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;MACxB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;MACvB,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;MACjB,kBAAC,QAAD;OAAM,WAAU;iBAAa;OAAc,CAAA;MAC3C,kBAAC,QAAD;OAAM,WAAU;iBAAc;OAAa,CAAA;MACvC;QACL,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,QAAD;OAAM,WAAU;iBAAe,EAAK;OAAY,CAAA;MAChD,kBAAC,QAAD;OAAM,WAAU;iBAAgC,EAAK;OAAmB,CAAA;MACxE,kBAAC,QAAD,EAAA,UAAO,EAAK,YAAkB,CAAA;MAC9B,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAK;OAAgB,CAAA;MAC5D,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAK,YACD;;MACP,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QACE,SAAS,EAAK,WAAW,WAAW,YAAY;QAChD,WAAU;kBAET,EAAK;QACA,CAAA;OACJ,CAAA;MACF;OAnBC,EAAK,GAmBN,CACN,CACU;OACT,CAAA;GACH"}
+{"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} from '@burdenoff/fe-libs/ui';\nimport { Search, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { useState } from 'react';\n\nexport function TeamsTeamDirectoryPagePage() {\n  const { teams } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const filtered = teams.filter((t) =>\n    `${t.name} ${t.department} ${t.leadName}`.toLowerCase().includes(search.toLowerCase())\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\">Browse every team in the company — find a team, see who&apos;s on it, and understand how your organization is structured.</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-0\">\n          {filtered.length === 0 ? (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No teams found\"\n                description=\"Try a different search term to find a team.\"\n              />\n            </div>\n          ) : (\n            <>\n              <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b\">\n                <span>Team</span>\n                <span>Description</span>\n                <span>Department</span>\n                <span>Lead</span>\n                <span className=\"text-right\">Members</span>\n                <span className=\"text-center\">Status</span>\n              </div>\n              {filtered.map((team) => (\n            <div\n              key={team.id}\n              className=\"grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <span className=\"font-medium\">{team.name}</span>\n              <span className=\"text-text-secondary truncate\">{team.description}</span>\n              <span>{team.department}</span>\n              <span className=\"text-text-secondary\">{team.leadName}</span>\n              <span className=\"text-right flex items-center justify-end gap-1\">\n                <Users className=\"h-3 w-3\" />\n                {team.memberCount}\n              </span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={team.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {team.status}\n                </Badge>\n              </div>\n            </div>\n              ))}\n            </>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,aAAU,GAAqB,EACjC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAW,EAAM,QAAQ,MAC7B,GAAG,EAAE,KAAK,GAAG,EAAE,WAAW,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACvF;AAED,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;KAAuI,CAAA;IACjK,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;eACpB,EAAS,WAAW,IACnB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MACE,CAAA,GAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;OACxB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACvB,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD;QAAM,WAAU;kBAAa;QAAc,CAAA;OAC3C,kBAAC,QAAD;QAAM,WAAU;kBAAc;QAAa,CAAA;OACvC;SACL,EAAS,KAAK,MACjB,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAK;QAAY,CAAA;OAChD,kBAAC,QAAD;QAAM,WAAU;kBAAgC,EAAK;QAAmB,CAAA;OACxE,kBAAC,QAAD,EAAA,UAAO,EAAK,YAAkB,CAAA;OAC9B,kBAAC,QAAD;QAAM,WAAU;kBAAuB,EAAK;QAAgB,CAAA;OAC5D,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAK,YACD;;OACP,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,SAAS,EAAK,WAAW,WAAW,YAAY;SAChD,WAAU;mBAET,EAAK;SACA,CAAA;QACJ,CAAA;OACF;QAnBC,EAAK,GAmBN,CACF,CACD,EAAA,CAAA;KAEO,CAAA;IACJ,CAAA;GACR"}