@burdenoff/microfe-crewfoundry 2026.703.1 → 2026.704.1

package/dist/crewfoundry/pages/CommunicationsTeamsPagePage.js

@@ -1,78 +1,160 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { FolderKanban as t, Users as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
+import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
+import { FolderKanban as r, Plus as i, Users as a } from "lucide-react";
+import { useNavigate as o } from "react-router-dom";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, IllustratedEmptyState as _, PagePurpose as v, Pagination as y } from "@burdenoff/fe-libs/ui";
+import { usePagination as b } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/CommunicationsTeamsPagePage.tsx
-function m() {
-	let { teams: m } = e();
-	return /* @__PURE__ */ i("div", {
+var x = [
+	{
+		name: "name",
+		label: "Channel Name",
+		type: "text",
+		required: !0
+	},
+	{
+		name: "department",
+		label: "Department",
+		type: "text",
+		placeholder: "e.g. Engineering"
+	},
+	{
+		name: "leadName",
+		label: "Channel Lead",
+		type: "text",
+		placeholder: "Lead full name"
+	},
+	{
+		name: "status",
+		label: "Status",
+		type: "select",
+		options: [{
+			label: "Active",
+			value: "active"
+		}, {
+			label: "Forming",
+			value: "forming"
+		}]
+	},
+	{
+		name: "description",
+		label: "Description",
+		type: "textarea",
+		colSpan: 2
+	}
+];
+function S() {
+	let S = o(), { teams: C } = e(), w = e((e) => e.addTeam), T = n(), { page: E, pageSize: D, setPage: O } = b({ initialPageSize: 12 }), k = C.slice((E - 1) * D, (E - 1) * D + D), A = (e) => S(`../../teams/team-detail-page?id=${encodeURIComponent(e.id)}`);
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ i("div", { children: [
-			/* @__PURE__ */ r("h1", {
-				className: "text-2xl font-semibold",
-				children: /* @__PURE__ */ r(d, { children: "Team Channels" })
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-start justify-between gap-4",
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ s(g, { children: "Team Channels" })
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary",
+						children: [C.length, " active team channels"]
+					}),
+					/* @__PURE__ */ s(v, {
+						className: "mt-1",
+						children: "Jump into team channels to collaborate with your groups — a focused place for each team's ongoing discussion."
+					})
+				] }), /* @__PURE__ */ c(u, {
+					size: "sm",
+					onClick: () => T.openModal(),
+					children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 mr-1" }), "New Channel"]
+				})]
 			}),
-			/* @__PURE__ */ i("p", {
-				className: "text-sm text-text-secondary",
-				children: [m.length, " active team channels"]
-			}),
-			/* @__PURE__ */ r(p, {
-				className: "mt-1",
-				children: "Jump into team channels to collaborate with your groups — a focused place for each team's ongoing discussion."
-			})
-		] }), /* @__PURE__ */ r("div", {
-			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: m.length === 0 ? /* @__PURE__ */ r("div", {
-				className: "col-span-full",
-				children: /* @__PURE__ */ r(f, {
-					illustration: "empty-people",
-					title: "No team channels",
-					description: "Team channels will appear here once teams are created."
-				})
-			}) : m.map((e, d) => /* @__PURE__ */ i(u, {
-				treatment: d === 0 ? "glass" : "plain",
-				glow: d === 0,
-				className: "cursor-pointer hover:shadow-md transition-shadow",
-				children: [/* @__PURE__ */ i(c, { children: [/* @__PURE__ */ i("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ r(l, {
-						className: "text-base",
-						children: e.name
-					}), /* @__PURE__ */ r(a, {
-						variant: e.status === "active" ? "default" : "secondary",
-						className: "text-[10px]",
-						children: e.status
-					})]
-				}), /* @__PURE__ */ r(s, { children: e.description })] }), /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ i("div", {
-					className: "flex items-center justify-between text-sm text-text-secondary",
-					children: [/* @__PURE__ */ i("span", {
-						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ r(n, { className: "h-3 w-3" }),
-							e.memberCount,
-							" members"
-						]
-					}), /* @__PURE__ */ i("span", {
-						className: "flex items-center gap-1",
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: C.length === 0 ? /* @__PURE__ */ s("div", {
+					className: "col-span-full",
+					children: /* @__PURE__ */ s(_, {
+						illustration: "empty-people",
+						title: "No team channels",
+						description: "Create a channel to give a team a focused place to collaborate."
+					})
+				}) : k.map((e, t) => /* @__PURE__ */ c(h, {
+					treatment: t === 0 && E === 1 ? "glass" : "plain",
+					glow: t === 0 && E === 1,
+					role: "button",
+					tabIndex: 0,
+					"aria-label": `Open ${e.name} channel`,
+					onClick: () => A(e),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), A(e));
+					},
+					className: "cursor-pointer hover:shadow-md transition-shadow focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
+					children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-base",
+							children: e.name
+						}), /* @__PURE__ */ s(l, {
+							variant: e.status === "active" ? "default" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})]
+					}), /* @__PURE__ */ s(f, { children: e.description })] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between text-sm text-text-secondary",
+						children: [/* @__PURE__ */ c("span", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ s(a, { className: "h-3 w-3" }),
+								e.memberCount,
+								" members"
+							]
+						}), /* @__PURE__ */ c("span", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ s(r, { className: "h-3 w-3" }),
+								e.projectCount,
+								" projects"
+							]
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "mt-2 text-xs text-text-secondary",
 						children: [
-							/* @__PURE__ */ r(t, { className: "h-3 w-3" }),
-							e.projectCount,
-							" projects"
+							/* @__PURE__ */ c("span", { children: ["Lead: ", e.leadName] }),
+							" · ",
+							/* @__PURE__ */ s("span", { children: e.department })
 						]
-					})]
-				}), /* @__PURE__ */ i("div", {
-					className: "mt-2 text-xs text-text-secondary",
-					children: [
-						/* @__PURE__ */ i("span", { children: ["Lead: ", e.leadName] }),
-						" · ",
-						/* @__PURE__ */ r("span", { children: e.department })
-					]
-				})] })]
-			}, e.id))
-		})]
+					})] })]
+				}, e.id))
+			}),
+			C.length > D && /* @__PURE__ */ s(y, {
+				page: E,
+				pageSize: D,
+				totalItems: C.length,
+				onPageChange: O
+			}),
+			/* @__PURE__ */ s(t, {
+				open: T.open,
+				onOpenChange: T.onOpenChange,
+				title: "New Channel",
+				description: "Give a team a focused place to collaborate.",
+				fields: x,
+				submitLabel: "Create Channel",
+				onSubmit: async (e) => {
+					await w({
+						name: String(e.name ?? "").trim(),
+						description: String(e.description ?? "").trim(),
+						department: String(e.department ?? "").trim() || "operations",
+						leadName: String(e.leadName ?? "").trim(),
+						status: String(e.status ?? "forming") || "forming",
+						members: []
+					});
+				}
+			})
+		]
 	});
 }
 //#endregion
-export { m as CommunicationsTeamsPagePage };
+export { S as CommunicationsTeamsPagePage };
 
 //# sourceMappingURL=CommunicationsTeamsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsTeamsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsTeamsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { FolderKanban, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CommunicationsTeamsPagePage() {\n  const { teams } = useCrewFoundryStore();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Channels</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">{teams.length} active team channels</p>\n        <PagePurpose className=\"mt-1\">Jump into team channels to collaborate with your groups — a focused place for each team&apos;s ongoing discussion.</PagePurpose>\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 illustration=\"empty-people\" title=\"No team channels\" description=\"Team channels will appear here once teams are created.\" />\n          </div>\n        ) : (\n          teams.map((team, _idx) => (\n          <GlassCard key={team.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0} className=\"cursor-pointer hover:shadow-md transition-shadow\">\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                  {team.status}\n                </Badge>\n              </div>\n              <CardDescription>{team.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                <span className=\"flex items-center gap-1\">\n                  <Users className=\"h-3 w-3\" />\n                  {team.memberCount} members\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <FolderKanban className=\"h-3 w-3\" />\n                  {team.projectCount} projects\n                </span>\n              </div>\n              <div className=\"mt-2 text-xs text-text-secondary\">\n                <span>Lead: {team.leadName}</span> · <span>{team.department}</span>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,IAA8B;CAC5C,IAAM,EAAE,aAAU,GAAqB;AAEvC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,iBAA4B,CAAA;IACvC,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA4C,EAAM,QAAO,wBAAyB;;GAClF,kBAAC,GAAD;IAAa,WAAU;cAAO;IAAgI,CAAA;GAC1J,EAAA,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,WAAW,IAChB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAuB,cAAa;KAAe,OAAM;KAAmB,aAAY;KAA2D,CAAA;IAC/I,CAAA,GAEN,EAAM,KAAK,GAAM,MACjB,kBAAC,GAAD;IAAyB,WAAW,MAAS,IAAI,UAAU;IAAS,MAAM,MAAS;IAAG,WAAU;cAAhG,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAa,EAAK;MAAiB,CAAA,EACxD,kBAAC,GAAD;MACE,SAAS,EAAK,WAAW,WAAW,YAAY;MAChD,WAAU;gBAET,EAAK;MACA,CAAA,CACJ;QACN,kBAAC,GAAD,EAAA,UAAkB,EAAK,aAA8B,CAAA,CAC1C,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OAC5B,EAAK;OAAY;OACb;SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;OACnC,EAAK;OAAa;OACd;QACH;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD,EAAA,UAAA,CAAM,UAAO,EAAK,SAAgB,EAAA,CAAA;;MAAG,kBAAC,QAAD,EAAA,UAAO,EAAK,YAAkB,CAAA;MAC/D;OACM,EAAA,CAAA,CACJ;MA5BI,EAAK,GA4BT,CACZ;GACE,CAAA,CACF"}
+{"version":3,"file":"CommunicationsTeamsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsTeamsPagePage.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 { 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';\n\n// CreateCrewTeamInput accepts only this field subset; the store spreads the\n// object straight into `input`, so we send exactly the accepted shape.\nconst CHANNEL_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Channel Name', type: 'text', required: true },\n  { name: 'department', label: 'Department', type: 'text', placeholder: 'e.g. Engineering' },\n  { name: 'leadName', label: 'Channel 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 CommunicationsTeamsPagePage() {\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\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    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>Team Channels</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{teams.length} active team channels</p>\n          <PagePurpose className=\"mt-1\">Jump into team channels to collaborate with your groups — a focused place for each team&apos;s ongoing discussion.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => createModal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          New Channel\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 illustration=\"empty-people\" title=\"No team channels\" description=\"Create a channel to give a team a focused place to collaborate.\" />\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} channel`}\n            onClick={() => openTeam(team)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                openTeam(team);\n              }\n            }}\n            className=\"cursor-pointer hover:shadow-md transition-shadow 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                  {team.status}\n                </Badge>\n              </div>\n              <CardDescription>{team.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                <span className=\"flex items-center gap-1\">\n                  <Users className=\"h-3 w-3\" />\n                  {team.memberCount} members\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <FolderKanban className=\"h-3 w-3\" />\n                  {team.projectCount} projects\n                </span>\n              </div>\n              <div className=\"mt-2 text-xs text-text-secondary\">\n                <span>Lead: {team.leadName}</span> · <span>{team.department}</span>\n              </div>\n            </CardContent>\n          </GlassCard>\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=\"New Channel\"\n        description=\"Give a team a focused place to collaborate.\"\n        fields={CHANNEL_FIELDS}\n        submitLabel=\"Create Channel\"\n        onSubmit={handleCreate}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CommunicationsVideoCallsPagePage.js

@@ -1,213 +1,62 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { Calendar as n, Clock as r, Monitor as i, Users as a, Video as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as v } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Calendar as e, Video as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Badge as i, Button as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l, GradientText as u, IllustratedEmptyState as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as p } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/CommunicationsVideoCallsPagePage.tsx
-var y = (e) => `${Math.max(e, 15)} min`, b = (e) => {
-	let t = Math.max(e, 1);
-	return `${String(t).padStart(2, "0")}:${String(t * 7 % 60).padStart(2, "0")}`;
-}, x = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "Upcoming" : t.toLocaleDateString();
-};
-function S() {
-	let { showToast: S } = v(), { teams: C, interviews: w, announcements: T } = e(), E = () => S("Video meetings are on the CrewFoundry roadmap — coming soon.", "info"), D = t(() => {
-		let e = C.slice(0, 6).map((e, t) => ({
-			id: `team-${e.id}`,
-			title: `${e.name} Sync`,
-			host: e.leadName,
-			time: x(e.createdAt),
-			duration: y(15 + t * 10),
-			participants: Math.max(e.memberCount, 2),
-			recurring: t % 2 == 0
-		})), t = w.slice(0, 4).map((e) => ({
-			id: `interview-${e.id}`,
-			title: `Interview · ${e.candidateName}`,
-			host: e.interviewerName,
-			time: x(e.date),
-			duration: y(Number.parseInt(e.time.split(":")[0] || "30", 10)),
-			participants: 3,
-			recurring: !1
-		}));
-		return [...e, ...t];
-	}, [w, C]), O = t(() => T.slice(0, 6).map((e) => {
-		let t = Math.max(12, Math.round(e.content.length / 40));
-		return {
-			id: `recording-${e.id}`,
-			title: `${e.title} recording`,
-			date: x(e.createdAt),
-			duration: b(t),
-			size: `${(t / 10).toFixed(1)} GB`
-		};
-	}), [T]), k = D.length ? Math.round(D.map((e) => Number.parseInt(e.duration.split(" ")[0], 10)).reduce((e, t) => e + t, 0) / D.length) : 0;
-	return /* @__PURE__ */ c("div", {
+function m() {
+	let { showToast: m } = p(), h = () => m("Video meetings are on the CrewFoundry roadmap — coming soon.", "info");
+	return /* @__PURE__ */ r("div", {
 		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [
-					/* @__PURE__ */ s("h1", {
-						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ s(g, { children: "Video Calls" })
-					}),
-					/* @__PURE__ */ s("p", {
-						className: "text-sm text-text-secondary",
-						children: "Video meetings and recordings"
-					}),
-					/* @__PURE__ */ s(_, {
-						className: "mt-1",
-						children: "Host and join video meetings with your teams — schedule a call or start one instantly for face-to-face collaboration."
-					})
-				] }), /* @__PURE__ */ c("div", {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ s(l, {
-							variant: "secondary",
-							className: "text-[10px]",
-							children: "Coming soon"
-						}),
-						/* @__PURE__ */ c(u, {
-							variant: "outline",
-							size: "sm",
-							onClick: E,
-							children: [/* @__PURE__ */ s(n, { className: "mr-1 h-4 w-4" }), "Schedule"]
-						}),
-						/* @__PURE__ */ c(u, {
-							size: "sm",
-							onClick: E,
-							children: [/* @__PURE__ */ s(o, { className: "mr-1 h-4 w-4" }), "Start Meeting"]
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-3",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ n(u, { children: "Video Calls" })
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "text-sm text-text-secondary",
+					children: "Video meetings and recordings"
+				}),
+				/* @__PURE__ */ n(f, {
+					className: "mt-1",
+					children: "Host and join video meetings with your teams — schedule a call or start one instantly for face-to-face collaboration."
+				})
+			] }), /* @__PURE__ */ r("div", {
+				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ c(h, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Upcoming"
-							}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-status-info-text" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: D.length
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: "meetings scheduled"
-						})] })]
+					/* @__PURE__ */ n(i, {
+						variant: "secondary",
+						className: "text-[10px]",
+						children: "Coming soon"
 					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Recordings"
-							}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: O.length
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: "available"
-						})] })]
+					/* @__PURE__ */ r(a, {
+						variant: "outline",
+						size: "sm",
+						onClick: h,
+						children: [/* @__PURE__ */ n(e, { className: "mr-1 h-4 w-4" }), "Schedule"]
 					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Avg Duration"
-							}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: [k, " min"]
-						}) })]
+					/* @__PURE__ */ r(a, {
+						size: "sm",
+						onClick: h,
+						children: [/* @__PURE__ */ n(t, { className: "mr-1 h-4 w-4" }), "Start Meeting"]
 					})
 				]
-			}),
-			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Upcoming Meetings" }) }), /* @__PURE__ */ s(f, {
-				className: "space-y-3",
-				children: D.map((e) => /* @__PURE__ */ c("div", {
-					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-						className: "text-sm font-medium",
-						children: e.title
-					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-text-secondary",
-						children: ["Hosted by ", e.host]
-					})] }), /* @__PURE__ */ c("div", {
-						className: "flex items-center gap-3",
-						children: [
-							/* @__PURE__ */ s("span", {
-								className: "text-xs text-text-secondary",
-								children: e.time
-							}),
-							/* @__PURE__ */ s(l, {
-								variant: "outline",
-								className: "text-[10px]",
-								children: e.duration
-							}),
-							/* @__PURE__ */ c("span", {
-								className: "flex items-center gap-1 text-xs",
-								children: [/* @__PURE__ */ s(a, { className: "h-3 w-3" }), e.participants]
-							}),
-							e.recurring && /* @__PURE__ */ s(l, {
-								variant: "secondary",
-								className: "text-[10px]",
-								children: "recurring"
-							}),
-							/* @__PURE__ */ c(u, {
-								size: "sm",
-								className: "h-7 text-xs",
-								"aria-label": `Join ${e.title} (coming soon)`,
-								onClick: E,
-								children: [/* @__PURE__ */ s(o, { className: "mr-1 h-3 w-3" }), "Join"]
-							})
-						]
-					})]
-				}, e.id))
-			})] }),
-			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Recent Recordings" }) }), /* @__PURE__ */ s(f, {
-				className: "space-y-3",
-				children: O.map((e) => /* @__PURE__ */ c("div", {
-					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-						className: "text-sm font-medium",
-						children: e.title
-					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-text-secondary",
-						children: [
-							e.date,
-							" · ",
-							e.duration,
-							" · ",
-							e.size
-						]
-					})] }), /* @__PURE__ */ s(u, {
-						variant: "outline",
-						size: "sm",
-						className: "h-7 text-xs",
-						"aria-label": `Watch ${e.title} (coming soon)`,
-						onClick: E,
-						children: "Watch"
-					})]
-				}, e.id))
-			})] })
-		]
+			})]
+		}), /* @__PURE__ */ r(o, { children: [/* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(l, { children: "Meetings & Recordings" }) }), /* @__PURE__ */ n(s, {
+			className: "p-0",
+			children: /* @__PURE__ */ n("div", {
+				className: "p-6",
+				children: /* @__PURE__ */ n(d, {
+					illustration: "empty-notifications",
+					title: "Video meetings are coming soon",
+					description: "Scheduling, hosting, and recordings are on the CrewFoundry roadmap. Once the meeting backend ships, your upcoming meetings and recordings will appear here."
+				})
+			})
+		})] })]
 	});
 }
 //#endregion
-export { S as CommunicationsVideoCallsPagePage };
+export { m as CommunicationsVideoCallsPagePage };
 
 //# sourceMappingURL=CommunicationsVideoCallsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsVideoCallsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsVideoCallsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, Clock, Monitor, Users, Video } from 'lucide-react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Meeting = {\n  id: string;\n  title: string;\n  host: string;\n  time: string;\n  duration: string;\n  participants: number;\n  recurring: boolean;\n};\n\ntype Recording = {\n  id: string;\n  title: string;\n  date: string;\n  duration: string;\n  size: string;\n};\n\nconst formatMeetingDuration = (minutes: number): string => `${Math.max(minutes, 15)} min`;\n\nconst formatRecordingDuration = (minutes: number): string => {\n  const safeMinutes = Math.max(minutes, 1);\n  const mm = String(safeMinutes).padStart(2, '0');\n  const ss = String((safeMinutes * 7) % 60).padStart(2, '0');\n  return `${mm}:${ss}`;\n};\n\nconst formatDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Upcoming';\n  }\n  return parsed.toLocaleDateString();\n};\n\nexport function CommunicationsVideoCallsPagePage() {\n  const { showToast } = useGlobalUi();\n  const { teams, interviews, announcements } = useCrewFoundryStore();\n\n  // Video meetings and recordings are a planned surface — there is no meeting\n  // backend yet, so these controls honestly signal their roadmap status.\n  const notifyComingSoon = () =>\n    showToast('Video meetings are on the CrewFoundry roadmap — coming soon.', 'info');\n\n  const upcomingMeetings = useMemo<Meeting[]>(() => {\n    const teamMeetings = teams.slice(0, 6).map((team, index) => ({\n      id: `team-${team.id}`,\n      title: `${team.name} Sync`,\n      host: team.leadName,\n      time: formatDate(team.createdAt),\n      duration: formatMeetingDuration(15 + index * 10),\n      participants: Math.max(team.memberCount, 2),\n      recurring: index % 2 === 0,\n    }));\n\n    const interviewMeetings = interviews.slice(0, 4).map((interview) => ({\n      id: `interview-${interview.id}`,\n      title: `Interview · ${interview.candidateName}`,\n      host: interview.interviewerName,\n      time: formatDate(interview.date),\n      duration: formatMeetingDuration(Number.parseInt(interview.time.split(':')[0] || '30', 10)),\n      participants: 3,\n      recurring: false,\n    }));\n\n    return [...teamMeetings, ...interviewMeetings];\n  }, [interviews, teams]);\n\n  const recentRecordings = useMemo<Recording[]>(() => {\n    const source = announcements.slice(0, 6);\n    return source.map((announcement) => {\n      const durationMinutes = Math.max(12, Math.round(announcement.content.length / 40));\n      return {\n        id: `recording-${announcement.id}`,\n        title: `${announcement.title} recording`,\n        date: formatDate(announcement.createdAt),\n        duration: formatRecordingDuration(durationMinutes),\n        size: `${(durationMinutes / 10).toFixed(1)} GB`,\n      };\n    });\n  }, [announcements]);\n\n  const averageDurationMinutes = upcomingMeetings.length\n    ? Math.round(\n        upcomingMeetings\n          .map((meeting) => Number.parseInt(meeting.duration.split(' ')[0], 10))\n          .reduce((total, value) => total + value, 0) / upcomingMeetings.length\n      )\n    : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Video Calls</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Video meetings and recordings</p>\n          <PagePurpose className=\"mt-1\">Host and join video meetings with your teams — schedule a call or start one instantly for face-to-face collaboration.</PagePurpose>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Badge variant=\"secondary\" className=\"text-[10px]\">\n            Coming soon\n          </Badge>\n          <Button variant=\"outline\" size=\"sm\" onClick={notifyComingSoon}>\n            <Calendar className=\"mr-1 h-4 w-4\" />\n            Schedule\n          </Button>\n          <Button size=\"sm\" onClick={notifyComingSoon}>\n            <Video className=\"mr-1 h-4 w-4\" />\n            Start Meeting\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{upcomingMeetings.length}</div>\n            <p className=\"text-xs text-text-secondary\">meetings scheduled</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Recordings</CardTitle>\n            <Monitor className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{recentRecordings.length}</div>\n            <p className=\"text-xs text-text-secondary\">available</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Duration</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{averageDurationMinutes} min</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Upcoming Meetings</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {upcomingMeetings.map((meeting) => (\n            <div key={meeting.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{meeting.title}</p>\n                <p className=\"text-xs text-text-secondary\">Hosted by {meeting.host}</p>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <span className=\"text-xs text-text-secondary\">{meeting.time}</span>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {meeting.duration}\n                </Badge>\n                <span className=\"flex items-center gap-1 text-xs\">\n                  <Users className=\"h-3 w-3\" />\n                  {meeting.participants}\n                </span>\n                {meeting.recurring && (\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    recurring\n                  </Badge>\n                )}\n                <Button\n                  size=\"sm\"\n                  className=\"h-7 text-xs\"\n                  aria-label={`Join ${meeting.title} (coming soon)`}\n                  onClick={notifyComingSoon}\n                >\n                  <Video className=\"mr-1 h-3 w-3\" />\n                  Join\n                </Button>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Recordings</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentRecordings.map((recording) => (\n            <div\n              key={recording.id}\n              className=\"flex items-center justify-between rounded border p-3\"\n            >\n              <div>\n                <p className=\"text-sm font-medium\">{recording.title}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {recording.date} · {recording.duration} · {recording.size}\n                </p>\n              </div>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                className=\"h-7 text-xs\"\n                aria-label={`Watch ${recording.title} (coming soon)`}\n                onClick={notifyComingSoon}\n              >\n                Watch\n              </Button>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommunicationsVideoCallsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsVideoCallsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, Video } from 'lucide-react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\n\nexport function CommunicationsVideoCallsPagePage() {\n  const { showToast } = useGlobalUi();\n\n  // Video meetings and recordings are a planned surface — there is no meeting\n  // backend yet, so these controls honestly signal their roadmap status. No\n  // meetings or recordings are fabricated in the meantime.\n  const notifyComingSoon = () =>\n    showToast('Video meetings are on the CrewFoundry roadmap — coming soon.', 'info');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Video Calls</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Video meetings and recordings</p>\n          <PagePurpose className=\"mt-1\">Host and join video meetings with your teams — schedule a call or start one instantly for face-to-face collaboration.</PagePurpose>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Badge variant=\"secondary\" className=\"text-[10px]\">\n            Coming soon\n          </Badge>\n          <Button variant=\"outline\" size=\"sm\" onClick={notifyComingSoon}>\n            <Calendar className=\"mr-1 h-4 w-4\" />\n            Schedule\n          </Button>\n          <Button size=\"sm\" onClick={notifyComingSoon}>\n            <Video className=\"mr-1 h-4 w-4\" />\n            Start Meeting\n          </Button>\n        </div>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Meetings &amp; Recordings</CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-0\">\n          <div className=\"p-6\">\n            <IllustratedEmptyState\n              illustration=\"empty-notifications\"\n              title=\"Video meetings are coming soon\"\n              description=\"Scheduling, hosting, and recordings are on the CrewFoundry roadmap. Once the meeting backend ships, your upcoming meetings and recordings will appear here.\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,IAAmC;CACjD,IAAM,EAAE,iBAAc,GAAa,EAK7B,UACJ,EAAU,gEAAgE,OAAO;AAEnF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,eAA0B,CAAA;KACrC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAiC,CAAA;IAC5E,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAmI,CAAA;IAC7J,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAAc;MAE3C,CAAA;KACR,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,SAAS;gBAA7C,CACE,kBAAC,GAAD,EAAU,WAAU,gBAAiB,CAAA,EAAA,WAE9B;;KACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;gBAA3B,CACE,kBAAC,GAAD,EAAO,WAAU,gBAAiB,CAAA,EAAA,gBAE3B;;KACL;MACF;MAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,yBAAqC,CAAA,EACrC,CAAA,EACb,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA;IACE,CAAA;GACM,CAAA,CACT,EAAA,CAAA,CACH"}