@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

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

@@ -1 +1 @@
-{"version":3,"file":"MeetingFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\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\n/**\n * Resolve a downloadable URL for a Files object. The URL is presigned and\n * expires after 7 days (604800s) — a known limitation: a stored recordingUrl\n * will eventually 403 and the recording must be re-uploaded to refresh it.\n */\nconst GET_FILE_DOWNLOAD_URL = gql`\n  query TimeCampus_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n    getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n  }\n`;\n\n// wspace-files requires a real folder id (File.folderId FK).\nconst ENSURE_FOLDER = gql`\n  mutation TimeCampusMeeting_EnsureFolder($path: String!) {\n    ensureFolderByPath(path: $path) {\n      id\n    }\n  }\n`;\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  const apollo = useApolloClient();\n  const [recordingUploading, setRecordingUploading] = useState(false);\n  const [recordingError, setRecordingError] = useState<string | null>(null);\n\n  const canSubmit = Boolean(title.trim() && start) && !submitting;\n\n  /**\n   * Upload a recording (audio/video) to platform Files and store its presigned\n   * URL in the existing recordingUrl state. Failures surface an inline error\n   * but never block submitting the meeting — the recording is optional and the\n   * manual URL field remains available as a fallback.\n   */\n  const handleRecordingUpload = async (file: File) => {\n    setRecordingUploading(true);\n    setRecordingError(null);\n    try {\n      const { data: folderData } = await apollo.mutate({\n        mutation: ENSURE_FOLDER,\n        variables: { path: \"/TimeCampus/Recordings\" },\n      });\n      const folderId = (folderData as { ensureFolderByPath?: { id: string } } | null)\n        ?.ensureFolderByPath?.id;\n      if (!folderId) throw new Error(\"Could not resolve upload folder\");\n      const uploaded = await uploadBlobToFiles({\n        client: apollo,\n        blob: file,\n        filename: file.name,\n        mimeType: file.type || \"application/octet-stream\",\n        folderId,\n      });\n      const { data } = await apollo.query({\n        query: GET_FILE_DOWNLOAD_URL,\n        variables: { id: uploaded.id, expiresIn: 604800 },\n        fetchPolicy: \"no-cache\",\n      });\n      const url = (data as { getFileDownloadUrl?: string } | null | undefined)?.getFileDownloadUrl;\n      if (!url) throw new Error(\"No download URL returned\");\n      setRecordingUrl(url);\n    } catch {\n      setRecordingError(\"Failed to upload recording. You can paste a URL instead.\");\n    } finally {\n      setRecordingUploading(false);\n    }\n  };\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</label>\n          <input\n            type=\"file\"\n            accept=\"audio/*,video/*\"\n            disabled={recordingUploading}\n            onChange={(e) => {\n              const file = e.target.files?.[0];\n              if (file) void handleRecordingUpload(file);\n              // Reset so re-selecting the same file re-triggers onChange.\n              e.target.value = \"\";\n            }}\n            className=\"mt-1 block w-full text-sm text-text-secondary file:mr-3 file:rounded-md file:border-0 file:bg-action-primary-bg file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-action-primary-text hover:file:bg-action-primary-bg/90\"\n          />\n          {recordingUploading && (\n            <p className=\"mt-1 text-xs text-text-secondary\">Uploading…</p>\n          )}\n          {recordingError && (\n            <p className=\"mt-1 text-xs text-status-error-text\">\n              {recordingError}\n            </p>\n          )}\n          <input\n            type=\"url\"\n            placeholder=\"…or paste a recording URL (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":"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"}
+{"version":3,"file":"MeetingFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\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\n/**\n * Resolve a downloadable URL for a Files object. The URL is presigned and\n * expires after 7 days (604800s) — a known limitation: a stored recordingUrl\n * will eventually 403 and the recording must be re-uploaded to refresh it.\n */\nconst GET_FILE_DOWNLOAD_URL = gql`\n  query TimeCampus_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n    getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n  }\n`;\n\n// wspace-files requires a real folder id (File.folderId FK).\nconst ENSURE_FOLDER = gql`\n  mutation TimeCampusMeeting_EnsureFolder($path: String!) {\n    ensureFolderByPath(path: $path) {\n      id\n    }\n  }\n`;\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  const apollo = useApolloClient();\n  const [recordingUploading, setRecordingUploading] = useState(false);\n  const [recordingError, setRecordingError] = useState<string | null>(null);\n\n  const canSubmit = Boolean(title.trim() && start) && !submitting;\n\n  /**\n   * Upload a recording (audio/video) to platform Files and store its presigned\n   * URL in the existing recordingUrl state. Failures surface an inline error\n   * but never block submitting the meeting — the recording is optional and the\n   * manual URL field remains available as a fallback.\n   */\n  const handleRecordingUpload = async (file: File) => {\n    setRecordingUploading(true);\n    setRecordingError(null);\n    try {\n      const { data: folderData } = await apollo.mutate({\n        mutation: ENSURE_FOLDER,\n        variables: { path: \"/TimeCampus/Recordings\" },\n      });\n      const folderId = (\n        folderData as { ensureFolderByPath?: { id: string } } | null\n      )?.ensureFolderByPath?.id;\n      if (!folderId) throw new Error(\"Could not resolve upload folder\");\n      const uploaded = await uploadBlobToFiles({\n        client: apollo,\n        blob: file,\n        filename: file.name,\n        mimeType: file.type || \"application/octet-stream\",\n        folderId,\n      });\n      const { data } = await apollo.query({\n        query: GET_FILE_DOWNLOAD_URL,\n        variables: { id: uploaded.id, expiresIn: 604800 },\n        fetchPolicy: \"no-cache\",\n      });\n      const url = (data as { getFileDownloadUrl?: string } | null | undefined)\n        ?.getFileDownloadUrl;\n      if (!url) throw new Error(\"No download URL returned\");\n      setRecordingUrl(url);\n    } catch {\n      setRecordingError(\n        \"Failed to upload recording. You can paste a URL instead.\",\n      );\n    } finally {\n      setRecordingUploading(false);\n    }\n  };\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</label>\n          <input\n            type=\"file\"\n            accept=\"audio/*,video/*\"\n            disabled={recordingUploading}\n            onChange={(e) => {\n              const file = e.target.files?.[0];\n              if (file) void handleRecordingUpload(file);\n              // Reset so re-selecting the same file re-triggers onChange.\n              e.target.value = \"\";\n            }}\n            className=\"mt-1 block w-full text-sm text-text-secondary file:mr-3 file:rounded-md file:border-0 file:bg-action-primary-bg file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-action-primary-text hover:file:bg-action-primary-bg/90\"\n          />\n          {recordingUploading && (\n            <p className=\"mt-1 text-xs text-text-secondary\">Uploading…</p>\n          )}\n          {recordingError && (\n            <p className=\"mt-1 text-xs text-status-error-text\">\n              {recordingError}\n            </p>\n          )}\n          <input\n            type=\"url\"\n            placeholder=\"…or paste a recording URL (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":"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"}

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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"}