@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

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

@@ -0,0 +1,156 @@
+import { MeetingType as e } from "../../../generated/wspace-types.js";
+import { Modal as t } from "../../components/Modal.js";
+import { useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/timecampus/pages/meetings/MeetingFormModal.tsx
+var o = [
+	{
+		value: e.Team,
+		label: "Team"
+	},
+	{
+		value: e.Standup,
+		label: "Standup"
+	},
+	{
+		value: e.OneOnOne,
+		label: "One-on-one"
+	},
+	{
+		value: e.Planning,
+		label: "Planning"
+	},
+	{
+		value: e.Review,
+		label: "Review"
+	},
+	{
+		value: e.Retrospective,
+		label: "Retrospective"
+	},
+	{
+		value: e.External,
+		label: "External"
+	}
+], 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";
+function l(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return "";
+	let n = (e) => String(e).padStart(2, "0");
+	return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())}T${n(t.getHours())}:${n(t.getMinutes())}`;
+}
+var u = ({ open: u, onClose: d, meeting: f, workspaceId: p, submitting: m, error: h, onCreate: g, onUpdate: _ }) => {
+	let v = !!f, [y, b] = n(f?.title ?? ""), [x, S] = n(f?.meetingType ?? e.Team), [C, w] = n(l(f?.startTime)), [T, E] = n(f?.duration ?? 30), [D, O] = n(f?.notes ?? ""), [k, A] = n(f?.recordingUrl ?? ""), j = !!(y.trim() && C) && !m;
+	return /* @__PURE__ */ a(t, {
+		open: u,
+		onClose: d,
+		title: v ? "Edit Meeting" : "Schedule Meeting",
+		description: v ? "Update this meeting's details." : "Add a meeting to track its time, cost and follow-ups.",
+		size: "xl",
+		footer: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("button", {
+			onClick: d,
+			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__ */ i("button", {
+			onClick: async () => {
+				if (!j) return;
+				let e = new Date(C).toISOString(), t = T > 0 ? new Date(new Date(C).getTime() + T * 6e4).toISOString() : void 0;
+				v && _ ? await _({
+					title: y.trim(),
+					meetingType: x,
+					startTime: e,
+					endTime: t,
+					notes: D.trim() || void 0,
+					recordingUrl: k.trim() || void 0
+				}) : g && await g({
+					workspaceId: p,
+					title: y.trim(),
+					meetingType: x,
+					startTime: e,
+					endTime: t,
+					notes: D.trim() || void 0,
+					recordingUrl: k.trim() || void 0
+				});
+			},
+			disabled: !j,
+			className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
+			children: m ? v ? "Saving..." : "Scheduling..." : v ? "Save Changes" : "Schedule"
+		})] }),
+		children: [h && /* @__PURE__ */ i("div", {
+			className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
+			children: v ? "Failed to update meeting. Please try again." : "Failed to schedule meeting. Please try again."
+		}), /* @__PURE__ */ a("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					className: c,
+					children: "Meeting Title"
+				}), /* @__PURE__ */ i("input", {
+					type: "text",
+					placeholder: "Enter meeting title",
+					value: y,
+					onChange: (e) => b(e.target.value),
+					className: s
+				})] }),
+				/* @__PURE__ */ a("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						className: c,
+						children: "Type"
+					}), /* @__PURE__ */ i("select", {
+						value: x,
+						onChange: (e) => S(e.target.value),
+						className: s,
+						children: o.map((e) => /* @__PURE__ */ i("option", {
+							value: e.value,
+							children: e.label
+						}, e.value))
+					})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						className: c,
+						children: "Duration (minutes)"
+					}), /* @__PURE__ */ i("input", {
+						type: "number",
+						min: 0,
+						value: T,
+						onChange: (e) => E(Number(e.target.value)),
+						className: s
+					})] })]
+				}),
+				/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					className: c,
+					children: "Start"
+				}), /* @__PURE__ */ i("input", {
+					type: "datetime-local",
+					value: C,
+					onChange: (e) => w(e.target.value),
+					className: s
+				})] }),
+				/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					className: c,
+					children: "Recording URL"
+				}), /* @__PURE__ */ i("input", {
+					type: "url",
+					placeholder: "https://...",
+					value: k,
+					onChange: (e) => A(e.target.value),
+					className: s
+				})] }),
+				/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					className: c,
+					children: "Notes / Agenda"
+				}), /* @__PURE__ */ i("textarea", {
+					placeholder: "Meeting agenda...",
+					rows: 3,
+					value: D,
+					onChange: (e) => O(e.target.value),
+					className: s
+				})] })
+			]
+		})]
+	});
+};
+//#endregion
+export { u as MeetingFormModal };
+
+//# sourceMappingURL=MeetingFormModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  MeetingType,\n  type CreateMeetingInput,\n  type UpdateMeetingInput,\n} from \"@/generated/wspace-types\";\nimport type { MeetingFieldsFragment } from \"@/generated/wspace-operations\";\n\nconst MEETING_TYPES: { value: MeetingType; label: string }[] = [\n  { value: MeetingType.Team, label: \"Team\" },\n  { value: MeetingType.Standup, label: \"Standup\" },\n  { value: MeetingType.OneOnOne, label: \"One-on-one\" },\n  { value: MeetingType.Planning, label: \"Planning\" },\n  { value: MeetingType.Review, label: \"Review\" },\n  { value: MeetingType.Retrospective, label: \"Retrospective\" },\n  { value: MeetingType.External, label: \"External\" },\n];\n\nconst inputClass =\n  \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\n/** Convert an ISO string into a value usable by a datetime-local input. */\nfunction toLocalInput(iso?: string | null): string {\n  if (!iso) return \"\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return \"\";\n  const pad = (n: number) => String(n).padStart(2, \"0\");\n  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(\n    d.getHours(),\n  )}:${pad(d.getMinutes())}`;\n}\n\nexport interface MeetingFormValues {\n  title: string;\n  meetingType: MeetingType;\n  startTime: string;\n  endTime?: string;\n  notes?: string;\n  recordingUrl?: string;\n  cost?: number;\n}\n\ninterface MeetingFormModalProps {\n  open: boolean;\n  onClose: () => void;\n  /** Existing meeting when editing; undefined when creating. */\n  meeting?: MeetingFieldsFragment;\n  workspaceId: string;\n  submitting: boolean;\n  error?: boolean;\n  /** Receives a ready-to-send input; caller wires it to the right mutation. */\n  onCreate?: (input: CreateMeetingInput) => Promise<void> | void;\n  onUpdate?: (input: UpdateMeetingInput) => Promise<void> | void;\n}\n\nexport const MeetingFormModal: FC<MeetingFormModalProps> = ({\n  open,\n  onClose,\n  meeting,\n  workspaceId,\n  submitting,\n  error,\n  onCreate,\n  onUpdate,\n}) => {\n  const isEdit = Boolean(meeting);\n  const [title, setTitle] = useState(meeting?.title ?? \"\");\n  const [meetingType, setMeetingType] = useState<MeetingType>(\n    (meeting?.meetingType as MeetingType | undefined) ?? MeetingType.Team,\n  );\n  const [start, setStart] = useState(toLocalInput(meeting?.startTime));\n  const [duration, setDuration] = useState<number>(meeting?.duration ?? 30);\n  const [notes, setNotes] = useState(meeting?.notes ?? \"\");\n  const [recordingUrl, setRecordingUrl] = useState(meeting?.recordingUrl ?? \"\");\n\n  const canSubmit = Boolean(title.trim() && start) && !submitting;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const startIso = new Date(start).toISOString();\n    const endIso =\n      duration > 0\n        ? new Date(new Date(start).getTime() + duration * 60_000).toISOString()\n        : undefined;\n\n    if (isEdit && onUpdate) {\n      await onUpdate({\n        title: title.trim(),\n        meetingType,\n        startTime: startIso,\n        endTime: endIso,\n        notes: notes.trim() || undefined,\n        recordingUrl: recordingUrl.trim() || undefined,\n      });\n    } else if (onCreate) {\n      await onCreate({\n        workspaceId,\n        title: title.trim(),\n        meetingType,\n        startTime: startIso,\n        endTime: endIso,\n        notes: notes.trim() || undefined,\n        recordingUrl: recordingUrl.trim() || undefined,\n      });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={isEdit ? \"Edit Meeting\" : \"Schedule Meeting\"}\n      description={\n        isEdit\n          ? \"Update this meeting's details.\"\n          : \"Add a meeting to track its time, cost and follow-ups.\"\n      }\n      size=\"xl\"\n      footer={\n        <>\n          <button\n            onClick={onClose}\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={handleSubmit}\n            disabled={!canSubmit}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {submitting\n              ? isEdit\n                ? \"Saving...\"\n                : \"Scheduling...\"\n              : isEdit\n                ? \"Save Changes\"\n                : \"Schedule\"}\n          </button>\n        </>\n      }\n    >\n      {error && (\n        <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n          {isEdit\n            ? \"Failed to update meeting. Please try again.\"\n            : \"Failed to schedule meeting. Please try again.\"}\n        </div>\n      )}\n      <div className=\"space-y-4\">\n        <div>\n          <label className={labelClass}>Meeting Title</label>\n          <input\n            type=\"text\"\n            placeholder=\"Enter meeting title\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            className={inputClass}\n          />\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className={labelClass}>Type</label>\n            <select\n              value={meetingType}\n              onChange={(e) => setMeetingType(e.target.value as MeetingType)}\n              className={inputClass}\n            >\n              {MEETING_TYPES.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className={labelClass}>Duration (minutes)</label>\n            <input\n              type=\"number\"\n              min={0}\n              value={duration}\n              onChange={(e) => setDuration(Number(e.target.value))}\n              className={inputClass}\n            />\n          </div>\n        </div>\n        <div>\n          <label className={labelClass}>Start</label>\n          <input\n            type=\"datetime-local\"\n            value={start}\n            onChange={(e) => setStart(e.target.value)}\n            className={inputClass}\n          />\n        </div>\n        <div>\n          <label className={labelClass}>Recording URL</label>\n          <input\n            type=\"url\"\n            placeholder=\"https://...\"\n            value={recordingUrl}\n            onChange={(e) => setRecordingUrl(e.target.value)}\n            className={inputClass}\n          />\n        </div>\n        <div>\n          <label className={labelClass}>Notes / Agenda</label>\n          <textarea\n            placeholder=\"Meeting agenda...\"\n            rows={3}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            className={inputClass}\n          />\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;AASA,IAAM,IAAyD;CAC7D;EAAE,OAAO,EAAY;EAAM,OAAO;EAAQ;CAC1C;EAAE,OAAO,EAAY;EAAS,OAAO;EAAW;CAChD;EAAE,OAAO,EAAY;EAAU,OAAO;EAAc;CACpD;EAAE,OAAO,EAAY;EAAU,OAAO;EAAY;CAClD;EAAE,OAAO,EAAY;EAAQ,OAAO;EAAU;CAC9C;EAAE,OAAO,EAAY;EAAe,OAAO;EAAiB;CAC5D;EAAE,OAAO,EAAY;EAAU,OAAO;EAAY;CACnD,EAEK,IACJ,wIACI,IAAa;AAGnB,SAAS,EAAa,GAA6B;AACjD,KAAI,CAAC,EAAK,QAAO;CACjB,IAAM,IAAI,IAAI,KAAK,EAAI;AACvB,KAAI,OAAO,MAAM,EAAE,SAAS,CAAC,CAAE,QAAO;CACtC,IAAM,KAAO,MAAc,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;AACrD,QAAO,GAAG,EAAE,aAAa,CAAC,GAAG,EAAI,EAAE,UAAU,GAAG,EAAE,CAAC,GAAG,EAAI,EAAE,SAAS,CAAC,CAAC,GAAG,EACxE,EAAE,UAAU,CACb,CAAC,GAAG,EAAI,EAAE,YAAY,CAAC;;AA0B1B,IAAa,KAA+C,EAC1D,SACA,YACA,YACA,gBACA,eACA,UACA,aACA,kBACI;CACJ,IAAM,IAAS,EAAQ,GACjB,CAAC,GAAO,KAAY,EAAS,GAAS,SAAS,GAAG,EAClD,CAAC,GAAa,KAAkB,EACnC,GAAS,eAA2C,EAAY,KAClE,EACK,CAAC,GAAO,KAAY,EAAS,EAAa,GAAS,UAAU,CAAC,EAC9D,CAAC,GAAU,KAAe,EAAiB,GAAS,YAAY,GAAG,EACnE,CAAC,GAAO,KAAY,EAAS,GAAS,SAAS,GAAG,EAClD,CAAC,GAAc,KAAmB,EAAS,GAAS,gBAAgB,GAAG,EAEvE,IAAY,GAAQ,EAAM,MAAM,IAAI,MAAU,CAAC;AAgCrD,QACE,kBAAC,GAAD;EACQ;EACG;EACT,OAAO,IAAS,iBAAiB;EACjC,aACE,IACI,mCACA;EAEN,MAAK;EACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;GACE,SAAS;GACT,WAAU;aACX;GAEQ,CAAA,EACT,kBAAC,UAAD;GACE,SAlDW,YAAY;AAC/B,QAAI,CAAC,EAAW;IAChB,IAAM,IAAW,IAAI,KAAK,EAAM,CAAC,aAAa,EACxC,IACJ,IAAW,IACP,IAAI,KAAK,IAAI,KAAK,EAAM,CAAC,SAAS,GAAG,IAAW,IAAO,CAAC,aAAa,GACrE,KAAA;AAEN,IAAI,KAAU,IACZ,MAAM,EAAS;KACb,OAAO,EAAM,MAAM;KACnB;KACA,WAAW;KACX,SAAS;KACT,OAAO,EAAM,MAAM,IAAI,KAAA;KACvB,cAAc,EAAa,MAAM,IAAI,KAAA;KACtC,CAAC,GACO,KACT,MAAM,EAAS;KACb;KACA,OAAO,EAAM,MAAM;KACnB;KACA,WAAW;KACX,SAAS;KACT,OAAO,EAAM,MAAM,IAAI,KAAA;KACvB,cAAc,EAAa,MAAM,IAAI,KAAA;KACtC,CAAC;;GAyBI,UAAU,CAAC;GACX,WAAU;aAET,IACG,IACE,cACA,kBACF,IACE,iBACA;GACC,CAAA,CACR,EAAA,CAAA;YA/BP,CAkCG,KACC,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,gDACA;GACA,CAAA,EAER,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAqB,CAAA,EACnD,kBAAC,SAAD;KACE,MAAK;KACL,aAAY;KACZ,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;KACzC,WAAW;KACX,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAW;gBAAY;MAAY,CAAA,EAC1C,kBAAC,UAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAqB;MAC9D,WAAW;gBAEV,EAAc,KAAK,MAClB,kBAAC,UAAD;OAAsB,OAAO,EAAE;iBAC5B,EAAE;OACI,EAFI,EAAE,MAEN,CACT;MACK,CAAA,CACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAW;gBAAY;MAA0B,CAAA,EACxD,kBAAC,SAAD;MACE,MAAK;MACL,KAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAY,OAAO,EAAE,OAAO,MAAM,CAAC;MACpD,WAAW;MACX,CAAA,CACE,EAAA,CAAA,CACF;;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAa,CAAA,EAC3C,kBAAC,SAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;KACzC,WAAW;KACX,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAqB,CAAA,EACnD,kBAAC,SAAD;KACE,MAAK;KACL,aAAY;KACZ,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;KAChD,WAAW;KACX,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAsB,CAAA,EACpD,kBAAC,YAAD;KACE,aAAY;KACZ,MAAM;KACN,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;KACzC,WAAW;KACX,CAAA,CACE,EAAA,CAAA;IACF;KACA"}

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

@@ -1,100 +1,201 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { formatDate as t } from "../../utils/helpers.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useListMeetingsQuery as r } from "../../../generated/wspace-operations.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { CalendarDays as o, Plus as s, Video as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { GlassCard as d } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/timecampus/pages/meetings/MeetingsPage.tsx
-function f() {
-	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = r({
+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({
 		variables: {
-			workspaceId: f,
-			limit: 20
+			workspaceId: C,
+			limit: T,
+			offset: 0
 		},
-		skip: !f
-	}), g = p?.meetings ?? [];
-	return m ? /* @__PURE__ */ l(i, {
+		skip: !C,
+		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,
+			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: {
+			limit: e,
+			offset: 0
+		} });
+	}, Q = /* @__PURE__ */ b("button", {
+		onClick: () => O(!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"]
+	});
+	return P && K.length === 0 ? /* @__PURE__ */ y(c, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
-		actions: /* @__PURE__ */ u("button", {
-			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__ */ l(s, { className: "h-4 w-4" }), "Schedule Meeting"]
-		}),
-		children: /* @__PURE__ */ l(n, {
+		actions: Q,
+		children: /* @__PURE__ */ y(r, {
 			variant: "list",
 			count: 5
 		})
-	}) : h ? /* @__PURE__ */ l(i, {
+	}) : F ? /* @__PURE__ */ y(c, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ y("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__ */ l(i, {
+	}) : /* @__PURE__ */ b(c, {
 		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: /* @__PURE__ */ u("button", {
-			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__ */ l(s, { className: "h-4 w-4" }), "Schedule Meeting"]
-		}),
-		children: g.length === 0 ? /* @__PURE__ */ l(a, {
-			illustration: "empty-data",
-			title: "No meetings found",
-			description: "Schedule your first meeting to start tracking calls and their time impact.",
-			action: /* @__PURE__ */ u("button", {
-				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__ */ l(s, { className: "h-4 w-4" }), "Schedule Meeting"]
-			})
-		}) : /* @__PURE__ */ l(d, {
-			treatment: "glass",
-			glow: !0,
-			className: "overflow-hidden",
-			children: /* @__PURE__ */ l("div", {
-				className: "divide-y divide-border",
-				children: g.map((e) => /* @__PURE__ */ u("div", {
-					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer",
-					children: [/* @__PURE__ */ u("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ l(o, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
+		actions: Q,
+		children: [
+			K.length === 0 ? /* @__PURE__ */ y(l, {
+				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",
+								children: [
+									n(e.startTime),
+									" ·",
+									" ",
+									e.duration ?? 0,
+									"min ·",
+									" ",
+									e.participants.length,
+									" participants"
+								]
+							})] })]
+						}), /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ l("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: e.title
-							}), e.recordingUrl && /* @__PURE__ */ l(c, { className: "h-3.5 w-3.5 text-text-secondary" })]
-						}), /* @__PURE__ */ u("p", {
-							className: "text-xs text-text-secondary",
 							children: [
-								t(e.startTime),
-								" ·",
-								" ",
-								e.duration ?? 0,
-								"min ·",
-								" ",
-								e.participants.length,
-								" participants"
+								/* @__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__ */ u("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ l("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__ */ l("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"
 						})]
-					})]
-				}, e.id))
+					}, e.id))
+				})
+			}), q && /* @__PURE__ */ y("div", {
+				className: "mt-4 flex justify-center",
+				children: /* @__PURE__ */ y("button", {
+					onClick: Z,
+					disabled: P,
+					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"
+				})
+			})] }),
+			D && /* @__PURE__ */ y(d, {
+				open: !0,
+				onClose: () => O(!1),
+				workspaceId: C,
+				submitting: z,
+				error: !!B,
+				onCreate: J
+			}),
+			k && /* @__PURE__ */ y(d, {
+				open: !0,
+				onClose: () => A(null),
+				workspaceId: C,
+				meeting: k,
+				submitting: H,
+				error: !!U,
+				onUpdate: Y
+			}),
+			/* @__PURE__ */ y(u, {
+				open: !!j,
+				onClose: () => M(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),
+					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,
+					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: /* @__PURE__ */ b("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete",
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "font-medium text-text-primary",
+							children: j?.title
+						}),
+						"? This action cannot be undone."
+					]
+				})
 			})
-		})
+		]
 	});
 }
 //#endregion
-export { f as MeetingsPage };
+export { C 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 { CalendarDays, Plus, Video } 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 { formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListMeetingsQuery,\n  type MeetingFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function MeetingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListMeetingsQuery({\n    variables: { workspaceId, limit: 20 },\n    skip: !workspaceId,\n  });\n\n  const meetings = data?.meetings ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Meetings\"\n        description=\"Schedule and track meetings\"\n        actions={\n          <button 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            <Plus className=\"h-4 w-4\" />\n            Schedule Meeting\n          </button>\n        }\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={\n        <button 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          <Plus className=\"h-4 w-4\" />\n          Schedule Meeting\n        </button>\n      }\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={\n            <button 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              <Plus className=\"h-4 w-4\" />\n              Schedule Meeting\n            </button>\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                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                </div>\n              </div>\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAqB;EACpD,WAAW;GAAE;GAAa,OAAO;GAAI;EACrC,MAAM,CAAC;EACR,CAAC,EAEI,IAAW,GAAM,YAAY,EAAE;AA6BrC,QA3BI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;YAGX,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAW,aAAY;YACvC,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;YAGV,EAAS,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;GAEX,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,EACxD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,EACH,EAAQ,gBACP,kBAAC,GAAD,EAAO,WAAU,mCAAoC,CAAA,CAEnD;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAW,EAAQ,UAAU;QAAC;QAAU;QACxC,EAAQ,YAAY;QAAE;QAAa;QACnC,EAAQ,aAAa;QAAO;QAC3B;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ;OACJ,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ,UAAU,cAAc;OAC5B,CAAA,CACH;QACF;OA7BC,EAAQ,GA6BT,CACN;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}
+{"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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"}

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

@@ -0,0 +1,105 @@
+import { MeetingParticipantRole as e, MeetingParticipantStatus as t } from "../../../generated/wspace-types.js";
+import { Modal as n } from "../../components/Modal.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,
+		label: "Required"
+	},
+	{
+		value: e.Optional,
+		label: "Optional"
+	},
+	{
+		value: e.Organizer,
+		label: "Organizer"
+	}
+], u = [
+	{
+		value: t.Pending,
+		label: "Pending"
+	},
+	{
+		value: t.Accepted,
+		label: "Accepted"
+	},
+	{
+		value: t.Tentative,
+		label: "Tentative"
+	},
+	{
+		value: t.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, {
+		open: d,
+		onClose: f,
+		title: "Add participant",
+		description: "Record who attended so their time counts toward this meeting's cost.",
+		footer: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
+			onClick: f,
+			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__ */ a("button", {
+			onClick: async () => {
+				C && await g({
+					userId: _.trim(),
+					role: y,
+					status: x
+				});
+			},
+			disabled: !C,
+			className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
+			children: m ? "Adding..." : "Add participant"
+		})] }),
+		children: [h && /* @__PURE__ */ a("div", {
+			className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
+			children: "Failed to add participant. Please try again."
+		}), /* @__PURE__ */ o("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				className: c,
+				children: "User ID"
+			}), /* @__PURE__ */ a("input", {
+				type: "text",
+				placeholder: "User ID",
+				value: _,
+				onChange: (e) => v(e.target.value),
+				className: s
+			})] }), /* @__PURE__ */ o("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					className: c,
+					children: "Role"
+				}), /* @__PURE__ */ a("select", {
+					value: y,
+					onChange: (e) => b(e.target.value),
+					className: s,
+					children: l.map((e) => /* @__PURE__ */ a("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					className: c,
+					children: "Status"
+				}), /* @__PURE__ */ a("select", {
+					value: x,
+					onChange: (e) => S(e.target.value),
+					className: s,
+					children: u.map((e) => /* @__PURE__ */ a("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})] })]
+			})]
+		})]
+	});
+};
+//#endregion
+export { d as ParticipantFormModal };
+
+//# sourceMappingURL=ParticipantFormModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/ParticipantFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  MeetingParticipantRole,\n  MeetingParticipantStatus,\n  type AddMeetingParticipantInput,\n} from \"@/generated/wspace-types\";\n\nconst inputClass =\n  \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\nconst ROLES: { value: MeetingParticipantRole; label: string }[] = [\n  { value: MeetingParticipantRole.Required, label: \"Required\" },\n  { value: MeetingParticipantRole.Optional, label: \"Optional\" },\n  { value: MeetingParticipantRole.Organizer, label: \"Organizer\" },\n];\n\nconst STATUSES: { value: MeetingParticipantStatus; label: string }[] = [\n  { value: MeetingParticipantStatus.Pending, label: \"Pending\" },\n  { value: MeetingParticipantStatus.Accepted, label: \"Accepted\" },\n  { value: MeetingParticipantStatus.Tentative, label: \"Tentative\" },\n  { value: MeetingParticipantStatus.Declined, label: \"Declined\" },\n];\n\ninterface ParticipantFormModalProps {\n  open: boolean;\n  onClose: () => void;\n  defaultUserId?: string;\n  submitting: boolean;\n  error?: boolean;\n  onSubmit: (input: AddMeetingParticipantInput) => Promise<void> | void;\n}\n\nexport const ParticipantFormModal: FC<ParticipantFormModalProps> = ({\n  open,\n  onClose,\n  defaultUserId,\n  submitting,\n  error,\n  onSubmit,\n}) => {\n  const [userId, setUserId] = useState(defaultUserId ?? \"\");\n  const [role, setRole] = useState<MeetingParticipantRole>(\n    MeetingParticipantRole.Required,\n  );\n  const [status, setStatus] = useState<MeetingParticipantStatus>(\n    MeetingParticipantStatus.Pending,\n  );\n\n  const canSubmit = Boolean(userId.trim()) && !submitting;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    await onSubmit({ userId: userId.trim(), role, status });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Add participant\"\n      description=\"Record who attended so their time counts toward this meeting's cost.\"\n      footer={\n        <>\n          <button\n            onClick={onClose}\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={handleSubmit}\n            disabled={!canSubmit}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {submitting ? \"Adding...\" : \"Add participant\"}\n          </button>\n        </>\n      }\n    >\n      {error && (\n        <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n          Failed to add participant. Please try again.\n        </div>\n      )}\n      <div className=\"space-y-4\">\n        <div>\n          <label className={labelClass}>User ID</label>\n          <input\n            type=\"text\"\n            placeholder=\"User ID\"\n            value={userId}\n            onChange={(e) => setUserId(e.target.value)}\n            className={inputClass}\n          />\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className={labelClass}>Role</label>\n            <select\n              value={role}\n              onChange={(e) =>\n                setRole(e.target.value as MeetingParticipantRole)\n              }\n              className={inputClass}\n            >\n              {ROLES.map((r) => (\n                <option key={r.value} value={r.value}>\n                  {r.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className={labelClass}>Status</label>\n            <select\n              value={status}\n              onChange={(e) =>\n                setStatus(e.target.value as MeetingParticipantStatus)\n              }\n              className={inputClass}\n            >\n              {STATUSES.map((s) => (\n                <option key={s.value} value={s.value}>\n                  {s.label}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAM,IACJ,wIACI,IAAa,+CAEb,IAA4D;CAChE;EAAE,OAAO,EAAuB;EAAU,OAAO;EAAY;CAC7D;EAAE,OAAO,EAAuB;EAAU,OAAO;EAAY;CAC7D;EAAE,OAAO,EAAuB;EAAW,OAAO;EAAa;CAChE,EAEK,IAAiE;CACrE;EAAE,OAAO,EAAyB;EAAS,OAAO;EAAW;CAC7D;EAAE,OAAO,EAAyB;EAAU,OAAO;EAAY;CAC/D;EAAE,OAAO,EAAyB;EAAW,OAAO;EAAa;CACjE;EAAE,OAAO,EAAyB;EAAU,OAAO;EAAY;CAChE,EAWY,KAAuD,EAClE,SACA,YACA,kBACA,eACA,UACA,kBACI;CACJ,IAAM,CAAC,GAAQ,KAAa,EAAS,KAAiB,GAAG,EACnD,CAAC,GAAM,KAAW,EACtB,EAAuB,SACxB,EACK,CAAC,GAAQ,KAAa,EAC1B,EAAyB,QAC1B,EAEK,IAAY,EAAQ,EAAO,MAAM,IAAK,CAAC;AAO7C,QACE,kBAAC,GAAD;EACQ;EACG;EACT,OAAM;EACN,aAAY;EACZ,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;GACE,SAAS;GACT,WAAU;aACX;GAEQ,CAAA,EACT,kBAAC,UAAD;GACE,SApBW,YAAY;AAC1B,SACL,MAAM,EAAS;KAAE,QAAQ,EAAO,MAAM;KAAE;KAAM;KAAQ,CAAC;;GAmB/C,UAAU,CAAC;GACX,WAAU;aAET,IAAa,cAAc;GACrB,CAAA,CACR,EAAA,CAAA;YApBP,CAuBG,KACC,kBAAC,OAAD;GAAK,WAAU;aAAyG;GAElH,CAAA,EAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAW;cAAY;IAAe,CAAA,EAC7C,kBAAC,SAAD;IACE,MAAK;IACL,aAAY;IACZ,OAAO;IACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;IAC1C,WAAW;IACX,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAY,CAAA,EAC1C,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MACT,EAAQ,EAAE,OAAO,MAAgC;KAEnD,WAAW;eAEV,EAAM,KAAK,MACV,kBAAC,UAAD;MAAsB,OAAO,EAAE;gBAC5B,EAAE;MACI,EAFI,EAAE,MAEN,CACT;KACK,CAAA,CACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAc,CAAA,EAC5C,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MACT,EAAU,EAAE,OAAO,MAAkC;KAEvD,WAAW;eAEV,EAAS,KAAK,MACb,kBAAC,UAAD;MAAsB,OAAO,EAAE;gBAC5B,EAAE;MACI,EAFI,EAAE,MAEN,CACT;KACK,CAAA,CACL,EAAA,CAAA,CACF;MACF;KACA"}