@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

package/dist/timecampus/pages/meetings/MeetingsPage.js

@@ -1,192 +1,280 @@
 import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
-import { formatDate as n } from "../../utils/helpers.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useCreateMeetingMutation as i, useDeleteMeetingMutation as a, useListMeetingsQuery as o, useUpdateMeetingMutation as s } from "../../../generated/wspace-operations.js";
-import { PageLayout as c } from "../../components/PageLayout.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
-import { Modal as u } from "../../components/Modal.js";
-import { MeetingFormModal as d } from "./MeetingFormModal.js";
-import { useState as f } from "react";
-import { CalendarDays as p, Pencil as m, Plus as h, Trash2 as g, Video as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { GlassCard as x } from "@burdenoff/fe-libs/ui";
+import { cn as n, formatCurrency as r, formatDate as i, formatTime as a } from "../../utils/helpers.js";
+import { LoadingSkeleton as o } from "../../components/LoadingSkeleton.js";
+import { useCreateMeetingMutation as s, useDeleteMeetingMutation as c, useListMeetingsQuery as l, useUpdateMeetingMutation as u } from "../../../generated/wspace-operations.js";
+import { PageLayout as d } from "../../components/PageLayout.js";
+import { StatusBadge as f } from "../../components/StatusBadge.js";
+import { EmptyState as p } from "../../components/EmptyState.js";
+import { Modal as m } from "../../components/Modal.js";
+import { MeetingType as h } from "../../../generated/wspace-types.js";
+import { MeetingFormModal as g } from "./MeetingFormModal.js";
+import { useState as _ } from "react";
+import { CalendarDays as ee, Pencil as v, Plus as y, Star as b, Trash2 as x, Video as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { GlassCard as E } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/meetings/MeetingsPage.tsx
-var S = 25;
-function C() {
-	let { workspaceId: C = "" } = e(), w = t(), [T, E] = f(S), [D, O] = f(!1), [k, A] = f(null), [j, M] = f(null), { data: N, loading: P, error: F, refetch: I, fetchMore: L } = o({
+var D = 25, O = {
+	[h.Standup]: "Standup",
+	[h.OneOnOne]: "1-on-1",
+	[h.Team]: "Team",
+	[h.Review]: "Review",
+	[h.Planning]: "Planning",
+	[h.Retrospective]: "Retro",
+	[h.External]: "External"
+};
+function k(e) {
+	return O[e] ?? e;
+}
+function A(e) {
+	return e.replace(/[^a-zA-Z0-9]/g, "").slice(0, 2).toUpperCase() || "?";
+}
+function j({ participants: e }) {
+	let t = e.slice(0, 4), n = e.length - t.length;
+	return /* @__PURE__ */ T("div", {
+		className: "flex items-center -space-x-2",
+		children: [t.map((e) => /* @__PURE__ */ w("span", {
+			title: e.userId,
+			className: "flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10 text-[11px] font-semibold text-primary ring-2 ring-bg-surface",
+			children: A(e.userId)
+		}, e.id)), n > 0 && /* @__PURE__ */ T("span", {
+			className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-[11px] font-semibold text-text-secondary ring-2 ring-bg-surface",
+			children: ["+", n]
+		})]
+	});
+}
+function M({ rating: e }) {
+	let t = e ?? 0;
+	return /* @__PURE__ */ T("div", {
+		className: "flex items-center gap-0.5",
+		children: [[
+			1,
+			2,
+			3,
+			4,
+			5
+		].map((e) => /* @__PURE__ */ w(b, { className: n("h-3.5 w-3.5", e <= t ? "fill-status-warning-text text-status-warning-text" : "text-border-seam") }, e)), /* @__PURE__ */ w("span", {
+			className: "ml-1 text-xs font-medium tabular-nums text-text-secondary",
+			children: e == null ? "—" : e.toFixed(1)
+		})]
+	});
+}
+function N() {
+	let { workspaceId: n = "" } = e(), h = t(), [b, O] = _(D), [A, N] = _(!1), [P, F] = _(null), [I, L] = _(null), { data: R, loading: z, error: B, refetch: V, fetchMore: H } = l({
 		variables: {
-			workspaceId: C,
-			limit: T,
+			workspaceId: n,
+			limit: b,
 			offset: 0
 		},
-		skip: !C,
+		skip: !n,
 		notifyOnNetworkStatusChange: !0
-	}), [R, { loading: z, error: B }] = i(), [V, { loading: H, error: U }] = s(), [W, { loading: G }] = a(), K = N?.meetings ?? [], q = K.length >= T, J = async (e) => {
-		await R({ variables: { input: e } }), await I(), O(!1);
-	}, Y = async (e) => {
-		k && (await V({ variables: {
-			id: k.id,
-			workspaceId: C,
+	}), [U, { loading: W, error: G }] = s(), [K, { loading: q, error: J }] = u(), [Y, { loading: X }] = c(), Z = R?.meetings ?? [], Q = Z.length >= b, te = async (e) => {
+		await U({ variables: { input: e } }), await V(), N(!1);
+	}, ne = async (e) => {
+		P && (await K({ variables: {
+			id: P.id,
+			workspaceId: n,
 			input: e
-		} }), await I(), A(null));
-	}, X = async () => {
-		j && (await W({ variables: {
-			id: j.id,
-			workspaceId: C
-		} }), M(null), await I());
-	}, Z = async () => {
-		let e = T + S;
-		E(e), await L({ variables: {
+		} }), await V(), F(null));
+	}, re = async () => {
+		I && (await Y({ variables: {
+			id: I.id,
+			workspaceId: n
+		} }), L(null), await V());
+	}, ie = async () => {
+		let e = b + D;
+		O(e), await H({ variables: {
 			limit: e,
 			offset: 0
 		} });
-	}, Q = /* @__PURE__ */ b("button", {
-		onClick: () => O(!0),
+	}, $ = /* @__PURE__ */ T("button", {
+		onClick: () => N(!0),
 		className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-		children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "Schedule Meeting"]
+		children: [/* @__PURE__ */ w(y, { className: "h-4 w-4" }), "Schedule Meeting"]
 	});
-	return P && K.length === 0 ? /* @__PURE__ */ y(c, {
+	return z && Z.length === 0 ? /* @__PURE__ */ w(d, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
-		actions: Q,
-		children: /* @__PURE__ */ y(r, {
+		actions: $,
+		children: /* @__PURE__ */ w(o, {
 			variant: "list",
 			count: 5
 		})
-	}) : F ? /* @__PURE__ */ y(c, {
+	}) : B ? /* @__PURE__ */ w(d, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load meetings. Please try again later."
 		})
-	}) : /* @__PURE__ */ b(c, {
+	}) : /* @__PURE__ */ T(d, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
 		purpose: "Keep every meeting and its recording in one place and see how much of your week goes to them — so you can protect focus time, trim low-value calls, and account for meeting hours in your tracking.",
-		actions: Q,
+		actions: $,
 		children: [
-			K.length === 0 ? /* @__PURE__ */ y(l, {
+			Z.length === 0 ? /* @__PURE__ */ w(p, {
 				illustration: "empty-data",
 				title: "No meetings found",
 				description: "Schedule your first meeting to start tracking calls and their time impact.",
-				action: Q
-			}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(x, {
-				treatment: "glass",
-				glow: !0,
-				className: "overflow-hidden",
-				children: /* @__PURE__ */ y("div", {
-					className: "divide-y divide-border",
-					children: K.map((e) => /* @__PURE__ */ b("div", {
-						role: "button",
-						tabIndex: 0,
-						onClick: () => w(`/meetings/${e.id}`),
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), w(`/meetings/${e.id}`));
-						},
-						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer",
-						children: [/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ y(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ y("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: e.title
-								}), e.recordingUrl && /* @__PURE__ */ y(_, { className: "h-3.5 w-3.5 text-text-secondary" })]
-							}), /* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
+				action: $
+			}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+				className: "space-y-3",
+				children: Z.map((e) => /* @__PURE__ */ w(E, {
+					treatment: "glass",
+					role: "button",
+					tabIndex: 0,
+					onClick: () => h(`/meetings/${e.id}`),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), h(`/meetings/${e.id}`));
+					},
+					className: "cursor-pointer p-4 transition-colors hover:bg-bg-sunken/30 sm:p-5",
+					children: /* @__PURE__ */ T("div", {
+						className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex min-w-0 items-start gap-3",
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+								children: /* @__PURE__ */ w(ee, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ T("div", {
+								className: "min-w-0",
 								children: [
-									n(e.startTime),
-									" ·",
-									" ",
-									e.duration ?? 0,
-									"min ·",
-									" ",
-									e.participants.length,
-									" participants"
+									/* @__PURE__ */ T("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ w("p", {
+											className: "truncate text-sm font-semibold text-text-primary",
+											children: e.title
+										}), e.recordingUrl && /* @__PURE__ */ w(S, {
+											className: "h-3.5 w-3.5 shrink-0 text-primary",
+											"aria-label": "Has recording"
+										})]
+									}),
+									/* @__PURE__ */ T("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: [
+											i(e.startTime),
+											" ·",
+											" ",
+											a(e.startTime),
+											e.endTime ? `–${a(e.endTime)}` : "",
+											" ",
+											"· ",
+											e.duration ?? 0,
+											" min"
+										]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "mt-2 flex flex-wrap items-center gap-1.5",
+										children: [/* @__PURE__ */ w(f, {
+											label: k(e.meetingType),
+											variant: "default"
+										}), /* @__PURE__ */ w(f, {
+											label: e.endTime ? "Completed" : "Scheduled",
+											variant: e.endTime ? "success" : "info",
+											dot: !0
+										})]
+									})
 								]
-							})] })]
-						}), /* @__PURE__ */ b("div", {
-							className: "flex items-center gap-2",
+							})]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex flex-wrap items-center gap-x-6 gap-y-3 lg:shrink-0 lg:justify-end",
 							children: [
-								/* @__PURE__ */ y("span", {
-									className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-									children: e.meetingType
-								}),
-								/* @__PURE__ */ y("span", {
-									className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-									children: e.endTime ? "completed" : "scheduled"
-								}),
-								/* @__PURE__ */ y("button", {
-									onClick: (t) => {
-										t.stopPropagation(), A(e);
-									},
-									className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
-									"aria-label": "Edit meeting",
-									children: /* @__PURE__ */ y(m, { className: "h-4 w-4" })
-								}),
-								/* @__PURE__ */ y("button", {
-									onClick: (t) => {
-										t.stopPropagation(), M(e);
-									},
-									className: "rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text",
-									"aria-label": "Delete meeting",
-									children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-[11px] font-medium uppercase tracking-wide text-text-muted",
+									children: "Est. cost"
+								}), /* @__PURE__ */ w("p", {
+									className: "text-sm font-semibold tabular-nums text-primary",
+									children: e.cost == null ? "—" : r(e.cost)
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-[11px] font-medium uppercase tracking-wide text-text-muted",
+									children: "Rating"
+								}), /* @__PURE__ */ w(M, { rating: e.rating })] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-[11px] font-medium uppercase tracking-wide text-text-muted",
+									children: [
+										e.participants.length,
+										" ",
+										e.participants.length === 1 ? "participant" : "participants"
+									]
+								}), e.participants.length > 0 ? /* @__PURE__ */ w("div", {
+									className: "mt-0.5",
+									children: /* @__PURE__ */ w(j, { participants: e.participants })
+								}) : /* @__PURE__ */ w("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: "None yet"
+								})] }),
+								/* @__PURE__ */ T("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ w("button", {
+										onClick: (t) => {
+											t.stopPropagation(), F(e);
+										},
+										className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
+										"aria-label": "Edit meeting",
+										children: /* @__PURE__ */ w(v, { className: "h-4 w-4" })
+									}), /* @__PURE__ */ w("button", {
+										onClick: (t) => {
+											t.stopPropagation(), L(e);
+										},
+										className: "rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text",
+										"aria-label": "Delete meeting",
+										children: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
+									})]
 								})
 							]
 						})]
-					}, e.id))
-				})
-			}), q && /* @__PURE__ */ y("div", {
+					})
+				}, e.id))
+			}), Q && /* @__PURE__ */ w("div", {
 				className: "mt-4 flex justify-center",
-				children: /* @__PURE__ */ y("button", {
-					onClick: Z,
-					disabled: P,
+				children: /* @__PURE__ */ w("button", {
+					onClick: ie,
+					disabled: z,
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: P ? "Loading..." : "Load more"
+					children: z ? "Loading..." : "Load more"
 				})
 			})] }),
-			D && /* @__PURE__ */ y(d, {
+			A && /* @__PURE__ */ w(g, {
 				open: !0,
-				onClose: () => O(!1),
-				workspaceId: C,
-				submitting: z,
-				error: !!B,
-				onCreate: J
+				onClose: () => N(!1),
+				workspaceId: n,
+				submitting: W,
+				error: !!G,
+				onCreate: te
 			}),
-			k && /* @__PURE__ */ y(d, {
+			P && /* @__PURE__ */ w(g, {
 				open: !0,
-				onClose: () => A(null),
-				workspaceId: C,
-				meeting: k,
-				submitting: H,
-				error: !!U,
-				onUpdate: Y
+				onClose: () => F(null),
+				workspaceId: n,
+				meeting: P,
+				submitting: q,
+				error: !!J,
+				onUpdate: ne
 			}),
-			/* @__PURE__ */ y(u, {
-				open: !!j,
-				onClose: () => M(null),
+			/* @__PURE__ */ w(m, {
+				open: !!I,
+				onClose: () => L(null),
 				title: "Delete meeting",
 				description: "This permanently removes the meeting and its analytics.",
 				size: "sm",
-				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
-					onClick: () => M(null),
+				footer: /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
+					onClick: () => L(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ y("button", {
-					onClick: X,
-					disabled: G,
+				}), /* @__PURE__ */ w("button", {
+					onClick: re,
+					disabled: X,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50",
-					children: G ? "Deleting..." : "Delete"
+					children: X ? "Deleting..." : "Delete"
 				})] }),
-				children: /* @__PURE__ */ b("p", {
+				children: /* @__PURE__ */ T("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Are you sure you want to delete",
 						" ",
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ w("span", {
 							className: "font-medium text-text-primary",
-							children: j?.title
+							children: I?.title
 						}),
 						"? This action cannot be undone."
 					]
@@ -196,6 +284,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as MeetingsPage };
+export { N as MeetingsPage };
 
 //# sourceMappingURL=MeetingsPage.js.map

package/dist/timecampus/pages/meetings/MeetingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeetingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { CalendarDays, Plus, Video, Pencil, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { formatDate } from \"../../utils/helpers\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport {\n  useListMeetingsQuery,\n  useCreateMeetingMutation,\n  useUpdateMeetingMutation,\n  useDeleteMeetingMutation,\n  type MeetingFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport type {\n  CreateMeetingInput,\n  UpdateMeetingInput,\n} from \"@/generated/wspace-types\";\nimport { MeetingFormModal } from \"./MeetingFormModal\";\n\nconst PAGE_SIZE = 25;\n\nexport function MeetingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const [limit, setLimit] = useState(PAGE_SIZE);\n  const [createOpen, setCreateOpen] = useState(false);\n  const [editing, setEditing] = useState<MeetingFieldsFragment | null>(null);\n  const [deleting, setDeleting] = useState<MeetingFieldsFragment | null>(null);\n\n  const { data, loading, error, refetch, fetchMore } = useListMeetingsQuery({\n    variables: { workspaceId, limit, offset: 0 },\n    skip: !workspaceId,\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const [createMeeting, { loading: creating, error: createError }] =\n    useCreateMeetingMutation();\n  const [updateMeeting, { loading: updating, error: updateError }] =\n    useUpdateMeetingMutation();\n  const [deleteMeeting, { loading: deletingLoading }] =\n    useDeleteMeetingMutation();\n\n  const meetings = data?.meetings ?? [];\n  const hasMore = meetings.length >= limit;\n\n  const handleCreate = async (input: CreateMeetingInput) => {\n    await createMeeting({ variables: { input } });\n    await refetch();\n    setCreateOpen(false);\n  };\n\n  const handleUpdate = async (input: UpdateMeetingInput) => {\n    if (!editing) return;\n    await updateMeeting({\n      variables: { id: editing.id, workspaceId, input },\n    });\n    await refetch();\n    setEditing(null);\n  };\n\n  const handleDelete = async () => {\n    if (!deleting) return;\n    await deleteMeeting({\n      variables: { id: deleting.id, workspaceId },\n    });\n    setDeleting(null);\n    await refetch();\n  };\n\n  const handleLoadMore = async () => {\n    const nextLimit = limit + PAGE_SIZE;\n    setLimit(nextLimit);\n    await fetchMore({ variables: { limit: nextLimit, offset: 0 } });\n  };\n\n  const addButton = (\n    <button\n      onClick={() => setCreateOpen(true)}\n      className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      Schedule Meeting\n    </button>\n  );\n\n  if (loading && meetings.length === 0) {\n    return (\n      <PageLayout\n        title=\"Meetings\"\n        description=\"Schedule and track meetings\"\n        actions={addButton}\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Meetings\" description=\"Schedule and track meetings\">\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load meetings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Meetings\"\n      description=\"Schedule and track meetings\"\n      purpose=\"Keep every meeting and its recording in one place and see how much of your week goes to them — so you can protect focus time, trim low-value calls, and account for meeting hours in your tracking.\"\n      actions={addButton}\n    >\n      {meetings.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No meetings found\"\n          description=\"Schedule your first meeting to start tracking calls and their time impact.\"\n          action={addButton}\n        />\n      ) : (\n        <>\n          <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n            <div className=\"divide-y divide-border\">\n              {meetings.map((meeting: MeetingFieldsFragment) => (\n                <div\n                  key={meeting.id}\n                  role=\"button\"\n                  tabIndex={0}\n                  onClick={() => navigate(`/meetings/${meeting.id}`)}\n                  onKeyDown={(e) => {\n                    if (e.key === \"Enter\" || e.key === \" \") {\n                      e.preventDefault();\n                      navigate(`/meetings/${meeting.id}`);\n                    }\n                  }}\n                  className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <CalendarDays className=\"h-5 w-5 text-text-secondary\" />\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {meeting.title}\n                        </p>\n                        {meeting.recordingUrl && (\n                          <Video className=\"h-3.5 w-3.5 text-text-secondary\" />\n                        )}\n                      </div>\n                      <p className=\"text-xs text-text-secondary\">\n                        {formatDate(meeting.startTime)} &middot;{\" \"}\n                        {meeting.duration ?? 0}min &middot;{\" \"}\n                        {meeting.participants.length} participants\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                      {meeting.meetingType}\n                    </span>\n                    <span className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                      {meeting.endTime ? \"completed\" : \"scheduled\"}\n                    </span>\n                    <button\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setEditing(meeting);\n                      }}\n                      className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n                      aria-label=\"Edit meeting\"\n                    >\n                      <Pencil className=\"h-4 w-4\" />\n                    </button>\n                    <button\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setDeleting(meeting);\n                      }}\n                      className=\"rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text\"\n                      aria-label=\"Delete meeting\"\n                    >\n                      <Trash2 className=\"h-4 w-4\" />\n                    </button>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </GlassCard>\n          {hasMore && (\n            <div className=\"mt-4 flex justify-center\">\n              <button\n                onClick={handleLoadMore}\n                disabled={loading}\n                className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loading ? \"Loading...\" : \"Load more\"}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      {createOpen && (\n        <MeetingFormModal\n          open\n          onClose={() => setCreateOpen(false)}\n          workspaceId={workspaceId}\n          submitting={creating}\n          error={Boolean(createError)}\n          onCreate={handleCreate}\n        />\n      )}\n\n      {editing && (\n        <MeetingFormModal\n          open\n          onClose={() => setEditing(null)}\n          workspaceId={workspaceId}\n          meeting={editing}\n          submitting={updating}\n          error={Boolean(updateError)}\n          onUpdate={handleUpdate}\n        />\n      )}\n\n      <Modal\n        open={Boolean(deleting)}\n        onClose={() => setDeleting(null)}\n        title=\"Delete meeting\"\n        description=\"This permanently removes the meeting and its analytics.\"\n        size=\"sm\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleting(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDelete}\n              disabled={deletingLoading}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50\"\n            >\n              {deletingLoading ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {deleting?.title}\n          </span>\n          ? This action cannot be undone.\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MeetingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { CalendarDays, Plus, Video, Pencil, Trash2, Star } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  cn,\n  formatCurrency,\n  formatDate,\n  formatTime,\n} from \"../../utils/helpers\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport {\n  useListMeetingsQuery,\n  useCreateMeetingMutation,\n  useUpdateMeetingMutation,\n  useDeleteMeetingMutation,\n  type MeetingFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport {\n  MeetingType,\n  type CreateMeetingInput,\n  type UpdateMeetingInput,\n} from \"@/generated/wspace-types\";\nimport { MeetingFormModal } from \"./MeetingFormModal\";\n\nconst PAGE_SIZE = 25;\n\nconst MEETING_TYPE_LABELS: Record<MeetingType, string> = {\n  [MeetingType.Standup]: \"Standup\",\n  [MeetingType.OneOnOne]: \"1-on-1\",\n  [MeetingType.Team]: \"Team\",\n  [MeetingType.Review]: \"Review\",\n  [MeetingType.Planning]: \"Planning\",\n  [MeetingType.Retrospective]: \"Retro\",\n  [MeetingType.External]: \"External\",\n};\n\nfunction meetingTypeLabel(type: MeetingType): string {\n  return MEETING_TYPE_LABELS[type] ?? type;\n}\n\n/** Deterministic 2-char monogram from an opaque participant id. */\nfunction idMonogram(id: string): string {\n  return (\n    id\n      .replace(/[^a-zA-Z0-9]/g, \"\")\n      .slice(0, 2)\n      .toUpperCase() || \"?\"\n  );\n}\n\nfunction ParticipantAvatars({\n  participants,\n}: {\n  participants: MeetingFieldsFragment[\"participants\"];\n}) {\n  const shown = participants.slice(0, 4);\n  const overflow = participants.length - shown.length;\n  return (\n    <div className=\"flex items-center -space-x-2\">\n      {shown.map((p) => (\n        <span\n          key={p.id}\n          title={p.userId}\n          className=\"flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10 text-[11px] font-semibold text-primary ring-2 ring-bg-surface\"\n        >\n          {idMonogram(p.userId)}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span className=\"flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-[11px] font-semibold text-text-secondary ring-2 ring-bg-surface\">\n          +{overflow}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction StarRating({ rating }: { rating: number | null | undefined }) {\n  const value = rating ?? 0;\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {[1, 2, 3, 4, 5].map((v) => (\n        <Star\n          key={v}\n          className={cn(\n            \"h-3.5 w-3.5\",\n            v <= value\n              ? \"fill-status-warning-text text-status-warning-text\"\n              : \"text-border-seam\",\n          )}\n        />\n      ))}\n      <span className=\"ml-1 text-xs font-medium tabular-nums text-text-secondary\">\n        {rating != null ? rating.toFixed(1) : \"—\"}\n      </span>\n    </div>\n  );\n}\n\nexport function MeetingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const [limit, setLimit] = useState(PAGE_SIZE);\n  const [createOpen, setCreateOpen] = useState(false);\n  const [editing, setEditing] = useState<MeetingFieldsFragment | null>(null);\n  const [deleting, setDeleting] = useState<MeetingFieldsFragment | null>(null);\n\n  const { data, loading, error, refetch, fetchMore } = useListMeetingsQuery({\n    variables: { workspaceId, limit, offset: 0 },\n    skip: !workspaceId,\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const [createMeeting, { loading: creating, error: createError }] =\n    useCreateMeetingMutation();\n  const [updateMeeting, { loading: updating, error: updateError }] =\n    useUpdateMeetingMutation();\n  const [deleteMeeting, { loading: deletingLoading }] =\n    useDeleteMeetingMutation();\n\n  const meetings = data?.meetings ?? [];\n  const hasMore = meetings.length >= limit;\n\n  const handleCreate = async (input: CreateMeetingInput) => {\n    await createMeeting({ variables: { input } });\n    await refetch();\n    setCreateOpen(false);\n  };\n\n  const handleUpdate = async (input: UpdateMeetingInput) => {\n    if (!editing) return;\n    await updateMeeting({\n      variables: { id: editing.id, workspaceId, input },\n    });\n    await refetch();\n    setEditing(null);\n  };\n\n  const handleDelete = async () => {\n    if (!deleting) return;\n    await deleteMeeting({\n      variables: { id: deleting.id, workspaceId },\n    });\n    setDeleting(null);\n    await refetch();\n  };\n\n  const handleLoadMore = async () => {\n    const nextLimit = limit + PAGE_SIZE;\n    setLimit(nextLimit);\n    await fetchMore({ variables: { limit: nextLimit, offset: 0 } });\n  };\n\n  const addButton = (\n    <button\n      onClick={() => setCreateOpen(true)}\n      className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      Schedule Meeting\n    </button>\n  );\n\n  if (loading && meetings.length === 0) {\n    return (\n      <PageLayout\n        title=\"Meetings\"\n        description=\"Schedule and track meetings\"\n        actions={addButton}\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Meetings\" description=\"Schedule and track meetings\">\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load meetings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Meetings\"\n      description=\"Schedule and track meetings\"\n      purpose=\"Keep every meeting and its recording in one place and see how much of your week goes to them — so you can protect focus time, trim low-value calls, and account for meeting hours in your tracking.\"\n      actions={addButton}\n    >\n      {meetings.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No meetings found\"\n          description=\"Schedule your first meeting to start tracking calls and their time impact.\"\n          action={addButton}\n        />\n      ) : (\n        <>\n          <div className=\"space-y-3\">\n            {meetings.map((meeting: MeetingFieldsFragment) => (\n              <GlassCard\n                key={meeting.id}\n                treatment=\"glass\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigate(`/meetings/${meeting.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    navigate(`/meetings/${meeting.id}`);\n                  }\n                }}\n                className=\"cursor-pointer p-4 transition-colors hover:bg-bg-sunken/30 sm:p-5\"\n              >\n                <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n                  {/* Title + meta */}\n                  <div className=\"flex min-w-0 items-start gap-3\">\n                    <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                      <CalendarDays className=\"h-5 w-5\" />\n                    </div>\n                    <div className=\"min-w-0\">\n                      <div className=\"flex items-center gap-2\">\n                        <p className=\"truncate text-sm font-semibold text-text-primary\">\n                          {meeting.title}\n                        </p>\n                        {meeting.recordingUrl && (\n                          <Video\n                            className=\"h-3.5 w-3.5 shrink-0 text-primary\"\n                            aria-label=\"Has recording\"\n                          />\n                        )}\n                      </div>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {formatDate(meeting.startTime)} &middot;{\" \"}\n                        {formatTime(meeting.startTime)}\n                        {meeting.endTime\n                          ? `–${formatTime(meeting.endTime)}`\n                          : \"\"}{\" \"}\n                        &middot; {meeting.duration ?? 0} min\n                      </p>\n                      <div className=\"mt-2 flex flex-wrap items-center gap-1.5\">\n                        <StatusBadge\n                          label={meetingTypeLabel(meeting.meetingType)}\n                          variant=\"default\"\n                        />\n                        <StatusBadge\n                          label={meeting.endTime ? \"Completed\" : \"Scheduled\"}\n                          variant={meeting.endTime ? \"success\" : \"info\"}\n                          dot\n                        />\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Metrics + actions */}\n                  <div className=\"flex flex-wrap items-center gap-x-6 gap-y-3 lg:shrink-0 lg:justify-end\">\n                    <div>\n                      <p className=\"text-[11px] font-medium uppercase tracking-wide text-text-muted\">\n                        Est. cost\n                      </p>\n                      <p className=\"text-sm font-semibold tabular-nums text-primary\">\n                        {meeting.cost != null\n                          ? formatCurrency(meeting.cost)\n                          : \"—\"}\n                      </p>\n                    </div>\n                    <div>\n                      <p className=\"text-[11px] font-medium uppercase tracking-wide text-text-muted\">\n                        Rating\n                      </p>\n                      <StarRating rating={meeting.rating} />\n                    </div>\n                    <div>\n                      <p className=\"text-[11px] font-medium uppercase tracking-wide text-text-muted\">\n                        {meeting.participants.length}{\" \"}\n                        {meeting.participants.length === 1\n                          ? \"participant\"\n                          : \"participants\"}\n                      </p>\n                      {meeting.participants.length > 0 ? (\n                        <div className=\"mt-0.5\">\n                          <ParticipantAvatars\n                            participants={meeting.participants}\n                          />\n                        </div>\n                      ) : (\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          None yet\n                        </p>\n                      )}\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setEditing(meeting);\n                        }}\n                        className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n                        aria-label=\"Edit meeting\"\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </button>\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setDeleting(meeting);\n                        }}\n                        className=\"rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text\"\n                        aria-label=\"Delete meeting\"\n                      >\n                        <Trash2 className=\"h-4 w-4\" />\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n          {hasMore && (\n            <div className=\"mt-4 flex justify-center\">\n              <button\n                onClick={handleLoadMore}\n                disabled={loading}\n                className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loading ? \"Loading...\" : \"Load more\"}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      {createOpen && (\n        <MeetingFormModal\n          open\n          onClose={() => setCreateOpen(false)}\n          workspaceId={workspaceId}\n          submitting={creating}\n          error={Boolean(createError)}\n          onCreate={handleCreate}\n        />\n      )}\n\n      {editing && (\n        <MeetingFormModal\n          open\n          onClose={() => setEditing(null)}\n          workspaceId={workspaceId}\n          meeting={editing}\n          submitting={updating}\n          error={Boolean(updateError)}\n          onUpdate={handleUpdate}\n        />\n      )}\n\n      <Modal\n        open={Boolean(deleting)}\n        onClose={() => setDeleting(null)}\n        title=\"Delete meeting\"\n        description=\"This permanently removes the meeting and its analytics.\"\n        size=\"sm\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleting(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDelete}\n              disabled={deletingLoading}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50\"\n            >\n              {deletingLoading ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {deleting?.title}\n          </span>\n          ? This action cannot be undone.\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/meetings/ParticipantFormModal.js

@@ -1,41 +1,41 @@
-import { MeetingParticipantRole as e, MeetingParticipantStatus as t } from "../../../generated/wspace-types.js";
-import { Modal as n } from "../../components/Modal.js";
+import { Modal as e } from "../../components/Modal.js";
+import { MeetingParticipantRole as t, MeetingParticipantStatus as n } from "../../../generated/wspace-types.js";
 import { useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/timecampus/pages/meetings/ParticipantFormModal.tsx
 var s = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", c = "block text-sm font-medium text-text-primary", l = [
 	{
-		value: e.Required,
+		value: t.Required,
 		label: "Required"
 	},
 	{
-		value: e.Optional,
+		value: t.Optional,
 		label: "Optional"
 	},
 	{
-		value: e.Organizer,
+		value: t.Organizer,
 		label: "Organizer"
 	}
 ], u = [
 	{
-		value: t.Pending,
+		value: n.Pending,
 		label: "Pending"
 	},
 	{
-		value: t.Accepted,
+		value: n.Accepted,
 		label: "Accepted"
 	},
 	{
-		value: t.Tentative,
+		value: n.Tentative,
 		label: "Tentative"
 	},
 	{
-		value: t.Declined,
+		value: n.Declined,
 		label: "Declined"
 	}
 ], d = ({ open: d, onClose: f, defaultUserId: p, submitting: m, error: h, onSubmit: g }) => {
-	let [_, v] = r(p ?? ""), [y, b] = r(e.Required), [x, S] = r(t.Pending), C = !!_.trim() && !m;
-	return /* @__PURE__ */ o(n, {
+	let [_, v] = r(p ?? ""), [y, b] = r(t.Required), [x, S] = r(n.Pending), C = !!_.trim() && !m;
+	return /* @__PURE__ */ o(e, {
 		open: d,
 		onClose: f,
 		title: "Add participant",