@burdenoff/microfe-timecampus 2026.608.1 → 2026.625.1

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

@@ -1,12 +1,12 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { useCreateMeetingMutation as n } from "../../../generated/wspace-operations.js";
+import { useCreateMeetingMutation as t } from "../../../generated/wspace-operations.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
 import { useCallback as r, useState as i } from "react";
 import { ArrowLeft as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/timecampus/pages/meetings/MeetingCreatePage.tsx
 function c() {
-	let { workspaceId: c = "" } = e(), [l, { loading: u }] = n(), [d, f] = i(""), [p, m] = i(""), [h, g] = i(30), [_, v] = i(""), y = r(async () => {
+	let { workspaceId: c = "" } = e(), [l, { loading: u }] = t(), [d, f] = i(""), [p, m] = i(""), [h, g] = i(30), [_, v] = i(""), y = r(async () => {
 		!c || !d || !p || (await l({
 			variables: { input: {
 				workspaceId: c,
@@ -26,67 +26,67 @@ function c() {
 		_,
 		l
 	]);
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ o(n, {
 		title: "Schedule Meeting",
 		description: "Create a new meeting",
 		actions: /* @__PURE__ */ s("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 			children: [/* @__PURE__ */ o(a, { className: "h-4 w-4" }), "Back"]
 		}),
 		children: /* @__PURE__ */ o("div", {
-			className: "mx-auto max-w-2xl rounded-xl border border-border bg-card p-6",
+			className: "mx-auto max-w-2xl rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 			children: /* @__PURE__ */ s("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
-						className: "block text-sm font-medium text-foreground",
+						className: "block text-sm font-medium text-text-primary",
 						children: "Meeting Title"
 					}), /* @__PURE__ */ o("input", {
 						type: "text",
 						placeholder: "Enter meeting title",
 						value: d,
 						onChange: (e) => f(e.target.value),
-						className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+						className: "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"
 					})] }),
 					/* @__PURE__ */ s("div", {
 						className: "grid grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
-							className: "block text-sm font-medium text-foreground",
+							className: "block text-sm font-medium text-text-primary",
 							children: "Date"
 						}), /* @__PURE__ */ o("input", {
 							type: "date",
 							value: p,
 							onChange: (e) => m(e.target.value),
-							className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 						})] }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
-							className: "block text-sm font-medium text-foreground",
+							className: "block text-sm font-medium text-text-primary",
 							children: "Duration (minutes)"
 						}), /* @__PURE__ */ o("input", {
 							type: "number",
 							value: h,
 							onChange: (e) => g(Number(e.target.value)),
-							className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 						})] })]
 					}),
 					/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
-						className: "block text-sm font-medium text-foreground",
+						className: "block text-sm font-medium text-text-primary",
 						children: "Description"
 					}), /* @__PURE__ */ o("textarea", {
 						placeholder: "Meeting agenda...",
 						rows: 3,
 						value: _,
 						onChange: (e) => v(e.target.value),
-						className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+						className: "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"
 					})] }),
 					/* @__PURE__ */ s("div", {
 						className: "flex justify-end gap-2 pt-4",
 						children: [/* @__PURE__ */ o("button", {
-							className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+							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__ */ o("button", {
 							onClick: y,
 							disabled: u || !d || !p,
-							className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+							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: u ? "Scheduling..." : "Schedule"
 						})]
 					})

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

@@ -1 +1 @@
-{"version":3,"file":"MeetingCreatePage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingCreatePage.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useCreateMeetingMutation } from \"@/generated/wspace-operations\";\n\nexport function MeetingCreatePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const [createMeeting, { loading: creating }] = useCreateMeetingMutation();\n\n  const [title, setTitle] = useState(\"\");\n  const [date, setDate] = useState(\"\");\n  const [duration, setDuration] = useState(30);\n  const [description, setDescription] = useState(\"\");\n\n  const handleSubmit = useCallback(async () => {\n    if (!workspaceId || !title || !date) return;\n    const startTime = new Date(date).toISOString();\n    await createMeeting({\n      variables: {\n        input: {\n          workspaceId,\n          title,\n          meetingType: \"TEAM\" as never,\n          startTime,\n          duration,\n          notes: description || undefined,\n        },\n      },\n      refetchQueries: [\"ListMeetings\"],\n    });\n    setTitle(\"\");\n    setDate(\"\");\n    setDuration(30);\n    setDescription(\"\");\n  }, [workspaceId, title, date, duration, description, createMeeting]);\n\n  return (\n    <PageLayout\n      title=\"Schedule Meeting\"\n      description=\"Create a new meeting\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl rounded-xl border border-border bg-card p-6\">\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-foreground\">\n              Meeting Title\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Enter meeting title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-foreground\">\n                Date\n              </label>\n              <input\n                type=\"date\"\n                value={date}\n                onChange={(e) => setDate(e.target.value)}\n                className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-foreground\">\n                Duration (minutes)\n              </label>\n              <input\n                type=\"number\"\n                value={duration}\n                onChange={(e) => setDuration(Number(e.target.value))}\n                className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-foreground\">\n              Description\n            </label>\n            <textarea\n              placeholder=\"Meeting agenda...\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground\"\n            />\n          </div>\n          <div className=\"flex justify-end gap-2 pt-4\">\n            <button className=\"rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              disabled={creating || !title || !date}\n              className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n            >\n              {creating ? \"Scheduling...\" : \"Schedule\"}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,CAAC,GAAe,EAAE,SAAS,OAAc,GAA0B,EAEnE,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAE5C,IAAe,EAAY,YAAY;AACvC,GAAC,KAAe,CAAC,KAAS,CAAC,MAE/B,MAAM,EAAc;GAClB,WAAW,EACT,OAAO;IACL;IACA;IACA,aAAa;IACb,WAPY,IAAI,KAAK,EAAK,CAAC,aAAa;IAQxC;IACA,OAAO,KAAe,KAAA;IACvB,EACF;GACD,gBAAgB,CAAC,eAAe;GACjC,CAAC,EACF,EAAS,GAAG,EACZ,EAAQ,GAAG,EACX,EAAY,GAAG,EACf,EAAe,GAAG;IACjB;EAAC;EAAa;EAAO;EAAM;EAAU;EAAa;EAAc,CAAC;AAEpE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,OAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA4C;MAErD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;MACzC,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA4C;OAErD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;OACxC,WAAU;OACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA4C;OAErD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAM,EAAY,OAAO,EAAE,OAAO,MAAM,CAAC;OACpD,WAAU;OACV,CAAA,CACE,EAAA,CAAA,CACF;;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA4C;MAErD,CAAA,EACR,kBAAC,YAAD;MACE,aAAY;MACZ,MAAM;MACN,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OAAQ,WAAU;iBAAkG;OAE3G,CAAA,EACT,kBAAC,UAAD;OACE,SAAS;OACT,UAAU,KAAY,CAAC,KAAS,CAAC;OACjC,WAAU;iBAET,IAAW,kBAAkB;OACvB,CAAA,CACL;;KACF;;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"MeetingCreatePage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingCreatePage.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useCreateMeetingMutation } from \"@/generated/wspace-operations\";\n\nexport function MeetingCreatePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const [createMeeting, { loading: creating }] = useCreateMeetingMutation();\n\n  const [title, setTitle] = useState(\"\");\n  const [date, setDate] = useState(\"\");\n  const [duration, setDuration] = useState(30);\n  const [description, setDescription] = useState(\"\");\n\n  const handleSubmit = useCallback(async () => {\n    if (!workspaceId || !title || !date) return;\n    const startTime = new Date(date).toISOString();\n    await createMeeting({\n      variables: {\n        input: {\n          workspaceId,\n          title,\n          meetingType: \"TEAM\" as never,\n          startTime,\n          duration,\n          notes: description || undefined,\n        },\n      },\n      refetchQueries: [\"ListMeetings\"],\n    });\n    setTitle(\"\");\n    setDate(\"\");\n    setDuration(30);\n    setDescription(\"\");\n  }, [workspaceId, title, date, duration, description, createMeeting]);\n\n  return (\n    <PageLayout\n      title=\"Schedule Meeting\"\n      description=\"Create a new meeting\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Meeting Title\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Enter meeting title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Date\n              </label>\n              <input\n                type=\"date\"\n                value={date}\n                onChange={(e) => setDate(e.target.value)}\n                className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Duration (minutes)\n              </label>\n              <input\n                type=\"number\"\n                value={duration}\n                onChange={(e) => setDuration(Number(e.target.value))}\n                className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n            </label>\n            <textarea\n              placeholder=\"Meeting agenda...\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div className=\"flex justify-end gap-2 pt-4\">\n            <button className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              disabled={creating || !title || !date}\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              {creating ? \"Scheduling...\" : \"Schedule\"}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,CAAC,GAAe,EAAE,SAAS,OAAc,GAA0B,EAEnE,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAE5C,IAAe,EAAY,YAAY;AACvC,GAAC,KAAe,CAAC,KAAS,CAAC,MAE/B,MAAM,EAAc;GAClB,WAAW,EACT,OAAO;IACL;IACA;IACA,aAAa;IACb,WAPY,IAAI,KAAK,EAAK,CAAC,aAAa;IAQxC;IACA,OAAO,KAAe,KAAA;IACvB,EACF;GACD,gBAAgB,CAAC,eAAe;GACjC,CAAC,EACF,EAAS,GAAG,EACZ,EAAQ,GAAG,EACX,EAAY,GAAG,EACf,EAAe,GAAG;IACjB;EAAC;EAAa;EAAO;EAAM;EAAU;EAAa;EAAc,CAAC;AAEpE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,OAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;MACzC,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;OACxC,WAAU;OACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAM,EAAY,OAAO,EAAE,OAAO,MAAM,CAAC;OACpD,WAAU;OACV,CAAA,CACE,EAAA,CAAA,CACF;;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,YAAD;MACE,aAAY;MACZ,MAAM;MACN,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OAAQ,WAAU;iBAA+G;OAExH,CAAA,EACT,kBAAC,UAAD;OACE,SAAS;OACT,UAAU,KAAY,CAAC,KAAS,CAAC;OACjC,WAAU;iBAET,IAAW,kBAAkB;OACvB,CAAA,CACL;;KACF;;GACF,CAAA;EACK,CAAA"}

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

@@ -1,57 +1,57 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { formatCurrency as t } from "../../utils/helpers.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { StatCard as r } from "../../components/StatCard.js";
-import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useGetMeetingQuery as a } from "../../../generated/wspace-operations.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetMeetingQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
 import { Clock as o, Users as s } from "lucide-react";
 import { useParams as c } from "react-router-dom";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/timecampus/pages/meetings/MeetingDetailPage.tsx
 function d() {
-	let { id: d } = c(), { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = a({
+	let { id: d } = c(), { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = i({
 		variables: {
 			id: d ?? "",
 			workspaceId: f
 		},
 		skip: !f || !d
 	}), g = p?.meeting;
-	if (m) return /* @__PURE__ */ l(n, {
+	if (m) return /* @__PURE__ */ l(a, {
 		title: "Meeting Details",
 		description: `Meeting ID: ${d}`,
-		children: /* @__PURE__ */ l(i, { variant: "detail" })
+		children: /* @__PURE__ */ l(r, { variant: "detail" })
 	});
-	if (h || !g) return /* @__PURE__ */ l(n, {
+	if (h || !g) return /* @__PURE__ */ l(a, {
 		title: "Meeting Details",
 		description: `Meeting ID: ${d}`,
 		children: /* @__PURE__ */ l("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: h ? "Failed to load meeting details. Please try again later." : "Meeting not found."
 		})
 	});
 	let _ = g.actionItems.filter((e) => e.status !== "COMPLETED").length;
-	return /* @__PURE__ */ u(n, {
+	return /* @__PURE__ */ u(a, {
 		title: "Meeting Details",
 		description: g.title,
 		children: [/* @__PURE__ */ u("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ l(n, {
 					title: "Duration",
 					value: `${g.duration ?? 0} min`,
 					icon: /* @__PURE__ */ l(o, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ l(n, {
 					title: "Participants",
 					value: String(g.participants.length),
 					icon: /* @__PURE__ */ l(s, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ l(n, {
 					title: "Cost",
 					value: g.cost == null ? "N/A" : t(g.cost),
 					description: "Based on participant rates"
 				}),
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ l(n, {
 					title: "Action Items",
 					value: String(g.actionItems.length),
 					description: `${_} pending`
@@ -60,56 +60,56 @@ function d() {
 		}), /* @__PURE__ */ u("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
 			children: [/* @__PURE__ */ u("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ l("h3", {
-					className: "mb-4 text-sm font-semibold text-foreground",
+					className: "mb-4 text-sm font-semibold text-text-primary",
 					children: "Participants"
 				}), g.participants.length > 0 ? /* @__PURE__ */ l("div", {
 					className: "space-y-2",
 					children: g.participants.map((e) => /* @__PURE__ */ u("div", {
-						className: "flex items-center justify-between rounded-lg border border-border px-3 py-2",
+						className: "flex items-center justify-between rounded-lg border border-border-subtle px-3 py-2",
 						children: [/* @__PURE__ */ l("span", {
-							className: "text-sm text-foreground",
+							className: "text-sm text-text-primary",
 							children: e.userId
 						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ l("span", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: e.role
 							}), /* @__PURE__ */ l("span", {
-								className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+								className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 								children: e.status
 							})]
 						})]
 					}, e.id))
 				}) : /* @__PURE__ */ l("div", {
-					className: "flex h-32 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-32 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ l("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "No participants added"
 					})
 				})]
 			}), /* @__PURE__ */ u("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ l("h3", {
-					className: "mb-4 text-sm font-semibold text-foreground",
+					className: "mb-4 text-sm font-semibold text-text-primary",
 					children: "Action Items"
 				}), g.actionItems.length > 0 ? /* @__PURE__ */ l("div", {
 					className: "space-y-2",
 					children: g.actionItems.map((e) => /* @__PURE__ */ u("div", {
-						className: "flex items-center justify-between rounded-lg border border-border px-3 py-2",
+						className: "flex items-center justify-between rounded-lg border border-border-subtle px-3 py-2",
 						children: [/* @__PURE__ */ l("span", {
-							className: "text-sm text-foreground",
+							className: "text-sm text-text-primary",
 							children: e.title
 						}), /* @__PURE__ */ l("span", {
-							className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+							className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 							children: e.status
 						})]
 					}, e.id))
 				}) : /* @__PURE__ */ l("div", {
-					className: "flex h-32 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-32 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ l("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "No action items"
 					})
 				})]

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

@@ -1 +1 @@
-{"version":3,"file":"MeetingDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { CalendarDays, Users, Clock, Video } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetMeetingQuery,\n  type MeetingParticipantFieldsFragment,\n  type MeetingActionItemFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { formatCurrency } from \"../../utils/helpers\";\n\nexport function MeetingDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetMeetingQuery({\n    variables: { id: id ?? \"\", workspaceId },\n    skip: !workspaceId || !id,\n  });\n\n  const meeting = data?.meeting;\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Meeting Details\" description={`Meeting ID: ${id}`}>\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !meeting) {\n    return (\n      <PageLayout title=\"Meeting Details\" description={`Meeting ID: ${id}`}>\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          {error\n            ? \"Failed to load meeting details. Please try again later.\"\n            : \"Meeting not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const pendingActions = meeting.actionItems.filter(\n    (a: MeetingActionItemFieldsFragment) => a.status !== \"COMPLETED\",\n  ).length;\n\n  return (\n    <PageLayout title=\"Meeting Details\" description={meeting.title}>\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Duration\"\n          value={`${meeting.duration ?? 0} min`}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Participants\"\n          value={String(meeting.participants.length)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Cost\"\n          value={meeting.cost != null ? formatCurrency(meeting.cost) : \"N/A\"}\n          description=\"Based on participant rates\"\n        />\n        <StatCard\n          title=\"Action Items\"\n          value={String(meeting.actionItems.length)}\n          description={`${pendingActions} pending`}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Participants\n          </h3>\n          {meeting.participants.length > 0 ? (\n            <div className=\"space-y-2\">\n              {meeting.participants.map(\n                (p: MeetingParticipantFieldsFragment) => (\n                  <div\n                    key={p.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border px-3 py-2\"\n                  >\n                    <span className=\"text-sm text-foreground\">{p.userId}</span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-xs text-muted-foreground\">\n                        {p.role}\n                      </span>\n                      <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                        {p.status}\n                      </span>\n                    </div>\n                  </div>\n                ),\n              )}\n            </div>\n          ) : (\n            <div className=\"flex h-32 items-center justify-center rounded-lg border border-dashed border-border\">\n              <p className=\"text-sm text-muted-foreground\">\n                No participants added\n              </p>\n            </div>\n          )}\n        </div>\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Action Items\n          </h3>\n          {meeting.actionItems.length > 0 ? (\n            <div className=\"space-y-2\">\n              {meeting.actionItems.map(\n                (item: MeetingActionItemFieldsFragment) => (\n                  <div\n                    key={item.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border px-3 py-2\"\n                  >\n                    <span className=\"text-sm text-foreground\">\n                      {item.title}\n                    </span>\n                    <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                      {item.status}\n                    </span>\n                  </div>\n                ),\n              )}\n            </div>\n          ) : (\n            <div className=\"flex h-32 items-center justify-center rounded-lg border border-dashed border-border\">\n              <p className=\"text-sm text-muted-foreground\">No action items</p>\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,IAAoB;CAClC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAmB;EAClD,WAAW;GAAE,IAAI,KAAM;GAAI;GAAa;EACxC,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC,EAEI,IAAU,GAAM;AAEtB,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,eAAe;YAC9D,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA;AAIjB,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,eAAe;YAC9D,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,4DACA;GACA,CAAA;EACK,CAAA;CAIjB,IAAM,IAAiB,EAAQ,YAAY,QACxC,MAAuC,EAAE,WAAW,YACtD,CAAC;AAEF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,EAAQ;YAAzD,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAQ,YAAY,EAAE;KAChC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,EAAQ,aAAa,OAAO;KAC1C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAQ,QAAQ,OAAsC,QAA/B,EAAe,EAAQ,KAAK;KAC1D,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,EAAQ,YAAY,OAAO;KACzC,aAAa,GAAG,EAAe;KAC/B,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACJ,EAAQ,aAAa,SAAS,IAC7B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,aAAa,KACnB,MACC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,QAAD;OAAM,WAAU;iBAA2B,EAAE;OAAc,CAAA,EAC3D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA,EACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA,CACH;SACF;QAZC,EAAE,GAYH,CAET;KACG,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAEzC,CAAA;KACA,CAAA,CAEJ;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACJ,EAAQ,YAAY,SAAS,IAC5B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,YAAY,KAClB,MACC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,CACH;QATC,EAAK,GASN,CAET;KACG,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAmB,CAAA;KAC5D,CAAA,CAEJ;MACF;KACK"}
+{"version":3,"file":"MeetingDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { CalendarDays, Users, Clock, Video } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetMeetingQuery,\n  type MeetingParticipantFieldsFragment,\n  type MeetingActionItemFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { formatCurrency } from \"../../utils/helpers\";\n\nexport function MeetingDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetMeetingQuery({\n    variables: { id: id ?? \"\", workspaceId },\n    skip: !workspaceId || !id,\n  });\n\n  const meeting = data?.meeting;\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Meeting Details\" description={`Meeting ID: ${id}`}>\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !meeting) {\n    return (\n      <PageLayout title=\"Meeting Details\" description={`Meeting ID: ${id}`}>\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          {error\n            ? \"Failed to load meeting details. Please try again later.\"\n            : \"Meeting not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const pendingActions = meeting.actionItems.filter(\n    (a: MeetingActionItemFieldsFragment) => a.status !== \"COMPLETED\",\n  ).length;\n\n  return (\n    <PageLayout title=\"Meeting Details\" description={meeting.title}>\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Duration\"\n          value={`${meeting.duration ?? 0} min`}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Participants\"\n          value={String(meeting.participants.length)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Cost\"\n          value={meeting.cost != null ? formatCurrency(meeting.cost) : \"N/A\"}\n          description=\"Based on participant rates\"\n        />\n        <StatCard\n          title=\"Action Items\"\n          value={String(meeting.actionItems.length)}\n          description={`${pendingActions} pending`}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Participants\n          </h3>\n          {meeting.participants.length > 0 ? (\n            <div className=\"space-y-2\">\n              {meeting.participants.map(\n                (p: MeetingParticipantFieldsFragment) => (\n                  <div\n                    key={p.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border-subtle px-3 py-2\"\n                  >\n                    <span className=\"text-sm text-text-primary\">\n                      {p.userId}\n                    </span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-xs text-text-secondary\">\n                        {p.role}\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                        {p.status}\n                      </span>\n                    </div>\n                  </div>\n                ),\n              )}\n            </div>\n          ) : (\n            <div className=\"flex h-32 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n              <p className=\"text-sm text-text-secondary\">\n                No participants added\n              </p>\n            </div>\n          )}\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Action Items\n          </h3>\n          {meeting.actionItems.length > 0 ? (\n            <div className=\"space-y-2\">\n              {meeting.actionItems.map(\n                (item: MeetingActionItemFieldsFragment) => (\n                  <div\n                    key={item.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border-subtle px-3 py-2\"\n                  >\n                    <span className=\"text-sm text-text-primary\">\n                      {item.title}\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                      {item.status}\n                    </span>\n                  </div>\n                ),\n              )}\n            </div>\n          ) : (\n            <div className=\"flex h-32 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n              <p className=\"text-sm text-text-secondary\">No action items</p>\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,IAAoB;CAClC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAmB;EAClD,WAAW;GAAE,IAAI,KAAM;GAAI;GAAa;EACxC,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC,EAEI,IAAU,GAAM;AAEtB,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,eAAe;YAC9D,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA;AAIjB,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,eAAe;YAC9D,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,4DACA;GACA,CAAA;EACK,CAAA;CAIjB,IAAM,IAAiB,EAAQ,YAAY,QACxC,MAAuC,EAAE,WAAW,YACtD,CAAC;AAEF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,EAAQ;YAAzD,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAQ,YAAY,EAAE;KAChC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,EAAQ,aAAa,OAAO;KAC1C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAQ,QAAQ,OAAsC,QAA/B,EAAe,EAAQ,KAAK;KAC1D,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,EAAQ,YAAY,OAAO;KACzC,aAAa,GAAG,EAAe;KAC/B,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACJ,EAAQ,aAAa,SAAS,IAC7B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,aAAa,KACnB,MACC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE;OACE,CAAA,EACP,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA,EACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA,CACH;SACF;QAdC,EAAE,GAcH,CAET;KACG,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CAEJ;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACJ,EAAQ,YAAY,SAAS,IAC5B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,YAAY,KAClB,MACC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,CACH;QATC,EAAK,GASN,CAET;KACG,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAmB,CAAA;KAC1D,CAAA,CAEJ;MACF;KACK"}

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

@@ -1,63 +1,63 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { formatDate as t } from "../../utils/helpers.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useListMeetingsQuery as i } from "../../../generated/wspace-operations.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 { CalendarDays as a, Plus as o, Video as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/meetings/MeetingsPage.tsx
 function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i({
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({
 		variables: {
 			workspaceId: u,
 			limit: 20
 		},
 		skip: !u
 	}), m = d?.meetings ?? [];
-	return f ? /* @__PURE__ */ c(n, {
+	return f ? /* @__PURE__ */ c(i, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
 		actions: /* @__PURE__ */ l("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			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__ */ c(o, { className: "h-4 w-4" }), "Schedule Meeting"]
 		}),
-		children: /* @__PURE__ */ c(r, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "list",
 			count: 5
 		})
-	}) : p ? /* @__PURE__ */ c(n, {
+	}) : p ? /* @__PURE__ */ c(i, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			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__ */ c(n, {
+	}) : /* @__PURE__ */ c(i, {
 		title: "Meetings",
 		description: "Schedule and track meetings",
 		actions: /* @__PURE__ */ l("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			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__ */ c(o, { className: "h-4 w-4" }), "Schedule Meeting"]
 		}),
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-xl border border-border bg-card",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
 			children: /* @__PURE__ */ c("div", {
 				className: "divide-y divide-border",
 				children: m.length === 0 ? /* @__PURE__ */ c("div", {
-					className: "p-8 text-center text-sm text-muted-foreground",
+					className: "p-8 text-center text-sm text-text-secondary",
 					children: "No meetings found."
 				}) : m.map((e) => /* @__PURE__ */ l("div", {
-					className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors cursor-pointer",
+					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer",
 					children: [/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ c(a, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ c(a, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ c("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: e.title
-							}), e.recordingUrl && /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5 text-muted-foreground" })]
+							}), e.recordingUrl && /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5 text-text-secondary" })]
 						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								t(e.startTime),
 								" ·",
@@ -72,10 +72,10 @@ function u() {
 					}), /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ c("span", {
-							className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+							className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 							children: e.meetingType
 						}), /* @__PURE__ */ c("span", {
-							className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+							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"
 						})]
 					})]

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 { PageLayout } from \"../../components/PageLayout\";\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-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\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      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Schedule Meeting\n        </button>\n      }\n    >\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {meetings.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No meetings found.\n            </div>\n          ) : (\n            meetings.map((meeting: MeetingFieldsFragment) => (\n              <div\n                key={meeting.id}\n                className=\"flex items-center justify-between p-4 hover:bg-muted/50 transition-colors cursor-pointer\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <CalendarDays className=\"h-5 w-5 text-muted-foreground\" />\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <p className=\"text-sm font-medium text-foreground\">\n                        {meeting.title}\n                      </p>\n                      {meeting.recordingUrl && (\n                        <Video className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                      )}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\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-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                    {meeting.meetingType}\n                  </span>\n                  <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                    {meeting.endTime ? \"completed\" : \"scheduled\"}\n                  </span>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,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;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;KAAK,WAAU;eAAgD;KAEzD,CAAA,GAEN,EAAS,KAAK,MACZ,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,iCAAkC,CAAA,EAC1D,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,qCAAsC,CAAA,CAErD;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;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"MeetingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingsPage.tsx"],"sourcesContent":["import { CalendarDays, Plus, Video } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\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      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      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n        <div className=\"divide-y divide-border\">\n          {meetings.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No meetings found.\n            </div>\n          ) : (\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          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,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,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAS,KAAK,MACZ,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;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/pomodoro/PomodoroAnalyticsPage.js

@@ -1,46 +1,46 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { StatCard as n } from "../../components/StatCard.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useGetPomodoroStatsQuery as i, useListPomodoroSessionsQuery as a } from "../../../generated/wspace-operations.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetPomodoroStatsQuery as r, useListPomodoroSessionsQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
 import { BarChart3 as o, Target as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/pomodoro/PomodoroAnalyticsPage.tsx
 function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i({
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({
 		variables: { workspaceId: u },
 		skip: !u
-	}), { data: m, loading: h } = a({
+	}), { data: m, loading: h } = i({
 		variables: {
 			workspaceId: u,
 			limit: 50
 		},
 		skip: !u
 	}), g = d?.pomodoroStats, _ = m?.pomodoroSessions ?? [];
-	if (f || h) return /* @__PURE__ */ c(t, {
+	if (f || h) return /* @__PURE__ */ c(a, {
 		title: "Pomodoro Analytics",
 		description: "Track your focus sessions and productivity",
-		children: /* @__PURE__ */ c(r, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (p) return /* @__PURE__ */ c(t, {
+	if (p) return /* @__PURE__ */ c(a, {
 		title: "Pomodoro Analytics",
 		description: "Track your focus sessions and productivity",
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			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 pomodoro analytics. Please try again later."
 		})
 	});
 	let v = Math.floor((g?.totalFocusMinutes ?? 0) / 60), y = (g?.totalFocusMinutes ?? 0) % 60, b = g?.totalSessions ? (g.totalSessions / 30).toFixed(1) : "0", x = _.filter((e) => e.completed).length;
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ l(a, {
 		title: "Pomodoro Analytics",
 		description: "Track your focus sessions and productivity",
 		children: [/* @__PURE__ */ l("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Total Sessions",
 					value: String(g?.totalSessions ?? 0),
 					trend: {
@@ -48,7 +48,7 @@ function u() {
 						label: "completion rate"
 					}
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Total Focus Time",
 					value: `${v}h ${y}m`,
 					trend: {
@@ -56,12 +56,12 @@ function u() {
 						label: "avg min/session"
 					}
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Avg. Sessions/Day",
 					value: b,
 					description: `Target: ${g?.totalSessions ?? 0} total`
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Completion Rate",
 					value: `${g?.completionRate ?? 0}%`,
 					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" }),
@@ -74,32 +74,32 @@ function u() {
 		}), /* @__PURE__ */ l("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
 			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ l("div", {
 					className: "mb-4 flex items-center gap-2",
 					children: [/* @__PURE__ */ c(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: "Sessions per Day"
 					})]
 				}), /* @__PURE__ */ c("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: _.length > 0 ? `${x} completed out of ${_.length} sessions` : "No session data available"
 					})
 				})]
 			}), /* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ l("div", {
 					className: "mb-4 flex items-center gap-2",
 					children: [/* @__PURE__ */ c(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: "Focus Distribution"
 					})]
 				}), /* @__PURE__ */ c("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: g ? `${g.streakDays} day streak · ${g.averageSessionMinutes}m avg session` : "No data available"
 					})
 				})]