@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

package/dist/timecampus/pages/location-tracking/LocationTrackingPage.js

@@ -1,70 +1,74 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { formatHours 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 { useGetLocationStatsQuery as a, useListLocationEntriesQuery as o } from "../../../generated/wspace-operations.js";
-import { Clock as s, MapPin as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetLocationStatsQuery as i, useListLocationEntriesQuery as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { Clock as c, MapPin as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/timecampus/pages/location-tracking/LocationTrackingPage.tsx
-function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = o(), { data: h, loading: g, error: _ } = a(), v = f?.locationEntries?.items ?? [], y = h?.locationStats;
-	return p && g ? /* @__PURE__ */ l(n, {
+function f() {
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = a(), { data: g, loading: _, error: v } = i(), y = p?.locationEntries?.items ?? [], b = g?.locationStats;
+	return m && _ ? /* @__PURE__ */ u(o, {
 		title: "Location Tracking",
 		description: "Track work locations and productivity",
-		children: /* @__PURE__ */ l(i, {
+		children: /* @__PURE__ */ u(r, {
 			variant: "list",
 			count: 4
 		})
-	}) : m && _ ? /* @__PURE__ */ l(n, {
+	}) : h && v ? /* @__PURE__ */ u(o, {
 		title: "Location Tracking",
 		description: "Track work locations and productivity",
-		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",
+		children: /* @__PURE__ */ u("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 location data. Please try again later."
 		})
-	}) : /* @__PURE__ */ u(n, {
+	}) : /* @__PURE__ */ d(o, {
 		title: "Location Tracking",
 		description: "Track work locations and productivity",
-		children: [/* @__PURE__ */ u("div", {
+		purpose: "See where work actually happens — office, home, client sites — and how long you spend at each, so you can verify on-site time, support field teams, and back up location-based billing.",
+		children: [/* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ u(n, {
+					featured: !0,
 					title: "Total Locations",
-					value: String(y?.totalLocations ?? 0),
-					icon: /* @__PURE__ */ l(c, { className: "h-5 w-5" })
+					value: String(b?.totalLocations ?? 0),
+					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ u(n, {
 					title: "Unique Addresses",
-					value: String(y?.uniqueAddresses ?? 0),
-					icon: /* @__PURE__ */ l(c, { className: "h-5 w-5" })
+					value: String(b?.uniqueAddresses ?? 0),
+					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ u(n, {
 					title: "Most Frequent",
-					value: y?.mostFrequentLocation ?? "N/A"
+					value: b?.mostFrequentLocation ?? "N/A"
 				}),
-				/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ u(n, {
 					title: "Total Duration",
-					value: t((y?.totalDuration ?? 0) / 3600),
-					icon: /* @__PURE__ */ l(s, { className: "h-5 w-5" }),
+					value: t((b?.totalDuration ?? 0) / 3600),
+					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
 					description: "Tracked time"
 				})
 			]
-		}), /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
+		}), y.length === 0 && !m ? /* @__PURE__ */ u(s, {
+			illustration: "empty-data",
+			title: "No location entries found",
+			description: "With location tracking enabled, the places you work from will show up here with time spent at each."
+		}) : /* @__PURE__ */ u("div", {
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
 			children: /* @__PURE__ */ u("div", {
 				className: "divide-y divide-border",
-				children: [v.length === 0 && !p && /* @__PURE__ */ l("div", {
-					className: "p-4 text-center text-sm text-text-secondary",
-					children: "No location entries found."
-				}), v.map((e) => /* @__PURE__ */ u("div", {
+				children: y.map((e) => /* @__PURE__ */ d("div", {
 					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ l(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+						children: [/* @__PURE__ */ u(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: e.address ?? "Unknown Location"
-						}), /* @__PURE__ */ u("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								e.geofenceId ? "Geofenced" : "Manual",
@@ -73,25 +77,25 @@ function d() {
 								new Date(e.startTime).toLocaleDateString()
 							]
 						})] })]
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-4",
-						children: /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ d("div", {
 							className: "text-right",
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ u("p", {
 								className: "text-sm font-medium text-text-primary",
 								children: e.duration ? t(e.duration / 3600) : "Active"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ u("p", {
 								className: "text-xs text-text-secondary",
 								children: "duration"
 							})]
 						})
 					})]
-				}, e.id))]
+				}, e.id))
 			})
 		})]
 	});
 }
 //#endregion
-export { d as LocationTrackingPage };
+export { f as LocationTrackingPage };
 
 //# sourceMappingURL=LocationTrackingPage.js.map

package/dist/timecampus/pages/location-tracking/LocationTrackingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationTrackingPage.tsx"],"sourcesContent":["import { MapPin, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListLocationEntriesQuery,\n  useGetLocationStatsQuery,\n  type LocationEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function LocationTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: entriesData,\n    loading: entriesLoading,\n    error: entriesError,\n  } = useListLocationEntriesQuery();\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetLocationStatsQuery();\n\n  const locations = entriesData?.locationEntries?.items ?? [];\n  const stats = statsData?.locationStats;\n\n  if (entriesLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (entriesError && statsError) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\n      >\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 location data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Location Tracking\"\n      description=\"Track work locations and productivity\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Total Locations\"\n          value={String(stats?.totalLocations ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Unique Addresses\"\n          value={String(stats?.uniqueAddresses ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Most Frequent\"\n          value={stats?.mostFrequentLocation ?? \"N/A\"}\n        />\n        <StatCard\n          title=\"Total Duration\"\n          value={formatHours((stats?.totalDuration ?? 0) / 3600)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"Tracked time\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n        <div className=\"divide-y divide-border\">\n          {locations.length === 0 && !entriesLoading && (\n            <div className=\"p-4 text-center text-sm text-text-secondary\">\n              No location entries found.\n            </div>\n          )}\n          {locations.map((location: LocationEntryFieldsFragment) => (\n            <div\n              key={location.id}\n              className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <MapPin className=\"h-5 w-5 text-text-secondary\" />\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {location.address ?? \"Unknown Location\"}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {location.geofenceId ? \"Geofenced\" : \"Manual\"} &middot;{\" \"}\n                    {new Date(location.startTime).toLocaleDateString()}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-4\">\n                <div className=\"text-right\">\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {location.duration\n                      ? formatHours(location.duration / 3600)\n                      : \"Active\"}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">duration</p>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,IAAuB;CACrC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA6B,EAC3B,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA0B,EAExB,IAAY,GAAa,iBAAiB,SAAS,EAAE,EACrD,IAAQ,GAAW;AA0BzB,QAxBI,KAAkB,IAElB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAgB,IAEhB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,kBAAkB,EAAE;KACzC,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,mBAAmB,EAAE;KAC1C,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,wBAAwB;KACtC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAa,GAAO,iBAAiB,KAAK,KAAK;KACtD,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAU,WAAW,KAAK,CAAC,KAC1B,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,EAEP,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,EAClD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,WAAW;OACnB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAS,aAAa,cAAc;QAAS;QAAU;QACvD,IAAI,KAAK,EAAS,UAAU,CAAC,oBAAoB;QAChD;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,WACN,EAAY,EAAS,WAAW,KAAK,GACrC;QACF,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA,CACnD;;MACF,CAAA,CACF;OAzBC,EAAS,GAyBV,CACN,CACE;;GACF,CAAA,CACK"}
+{"version":3,"file":"LocationTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationTrackingPage.tsx"],"sourcesContent":["import { MapPin, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListLocationEntriesQuery,\n  useGetLocationStatsQuery,\n  type LocationEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function LocationTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: entriesData,\n    loading: entriesLoading,\n    error: entriesError,\n  } = useListLocationEntriesQuery();\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetLocationStatsQuery();\n\n  const locations = entriesData?.locationEntries?.items ?? [];\n  const stats = statsData?.locationStats;\n\n  if (entriesLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (entriesError && statsError) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\n      >\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 location data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Location Tracking\"\n      description=\"Track work locations and productivity\"\n      purpose=\"See where work actually happens — office, home, client sites — and how long you spend at each, so you can verify on-site time, support field teams, and back up location-based billing.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Locations\"\n          value={String(stats?.totalLocations ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Unique Addresses\"\n          value={String(stats?.uniqueAddresses ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Most Frequent\"\n          value={stats?.mostFrequentLocation ?? \"N/A\"}\n        />\n        <StatCard\n          title=\"Total Duration\"\n          value={formatHours((stats?.totalDuration ?? 0) / 3600)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"Tracked time\"\n        />\n      </div>\n\n      {locations.length === 0 && !entriesLoading ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No location entries found\"\n          description=\"With location tracking enabled, the places you work from will show up here with time spent at each.\"\n        />\n      ) : (\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n          <div className=\"divide-y divide-border\">\n            {locations.map((location: LocationEntryFieldsFragment) => (\n              <div\n                key={location.id}\n                className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <MapPin className=\"h-5 w-5 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {location.address ?? \"Unknown Location\"}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {location.geofenceId ? \"Geofenced\" : \"Manual\"} &middot;{\" \"}\n                      {new Date(location.startTime).toLocaleDateString()}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {location.duration\n                        ? formatHours(location.duration / 3600)\n                        : \"Active\"}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">duration</p>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,IAAuB;CACrC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA6B,EAC3B,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA0B,EAExB,IAAY,GAAa,iBAAiB,SAAS,EAAE,EACrD,IAAQ,GAAW;AA0BzB,QAxBI,KAAkB,IAElB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAgB,IAEhB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO,OAAO,GAAO,kBAAkB,EAAE;KACzC,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,mBAAmB,EAAE;KAC1C,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,wBAAwB;KACtC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAa,GAAO,iBAAiB,KAAK,KAAK;KACtD,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACE;MAEL,EAAU,WAAW,KAAK,CAAC,IAC1B,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,EAClD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,WAAW;OACnB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAS,aAAa,cAAc;QAAS;QAAU;QACvD,IAAI,KAAK,EAAS,UAAU,CAAC,oBAAoB;QAChD;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,WACN,EAAY,EAAS,WAAW,KAAK,GACrC;QACF,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA,CACnD;;MACF,CAAA,CACF;OAzBC,EAAS,GAyBV,CACN;IACE,CAAA;GACF,CAAA,CAEG"}

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

@@ -1,41 +1,43 @@
 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 { useGetMeetingStatsQuery as a } from "../../../generated/wspace-operations.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetMeetingStatsQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
 import { BarChart3 as o, CalendarDays as s, Clock as c, DollarSign as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/timecampus/pages/meetings/MeetingAnalyticsPage.tsx
 function f() {
-	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = a({
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = i({
 		variables: { workspaceId: f },
 		skip: !f
 	}), g = p?.meetingStats;
-	if (m) return /* @__PURE__ */ u(n, {
+	if (m) return /* @__PURE__ */ u(a, {
 		title: "Meeting Analytics",
 		description: "Insights into meeting time and cost",
-		children: /* @__PURE__ */ u(i, {
+		children: /* @__PURE__ */ u(r, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (h) return /* @__PURE__ */ u(n, {
+	if (h) return /* @__PURE__ */ u(a, {
 		title: "Meeting Analytics",
 		description: "Insights into meeting time and cost",
 		children: /* @__PURE__ */ u("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 meeting analytics. Please try again later."
 		})
 	});
 	let _ = Math.round((g?.totalDuration ?? 0) / 60), v = Math.round(g?.averageDuration ?? 0);
-	return /* @__PURE__ */ d(n, {
+	return /* @__PURE__ */ d(a, {
 		title: "Meeting Analytics",
 		description: "Insights into meeting time and cost",
+		purpose: "Put a number on your meeting habit — total hours, dollar cost and follow-through on action items — so you can cut the meetings that don't pay for themselves and reclaim time for focused work.",
 		children: [/* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ u(n, {
+					featured: !0,
 					title: "Total Meetings",
 					value: String(g?.totalMeetings ?? 0),
 					icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
@@ -44,7 +46,7 @@ function f() {
 						label: "actions completed"
 					}
 				}),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ u(n, {
 					title: "Meeting Hours",
 					value: `${_}h`,
 					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
@@ -53,12 +55,12 @@ function f() {
 						label: "total minutes"
 					}
 				}),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ u(n, {
 					title: "Meeting Cost",
 					value: t(g?.totalCost ?? 0),
 					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ u(n, {
 					title: "Avg. Duration",
 					value: `${v} min`,
 					icon: /* @__PURE__ */ u(o, { className: "h-5 w-5" }),
@@ -69,7 +71,7 @@ function f() {
 				})
 			]
 		}), /* @__PURE__ */ d("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 			children: [/* @__PURE__ */ u("h3", {
 				className: "mb-4 text-sm font-semibold text-text-primary",
 				children: "Meeting Time Distribution"

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

@@ -1 +1 @@
-{"version":3,"file":"MeetingAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, CalendarDays, Clock, DollarSign } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetMeetingStatsQuery } from \"@/generated/wspace-operations\";\nimport { formatCurrency } from \"../../utils/helpers\";\n\nexport function MeetingAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetMeetingStatsQuery({\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n\n  const stats = data?.meetingStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Meeting Analytics\"\n        description=\"Insights into meeting time and cost\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Meeting Analytics\"\n        description=\"Insights into meeting time and cost\"\n      >\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 meeting analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalHours = Math.round((stats?.totalDuration ?? 0) / 60);\n  const avgDuration = Math.round(stats?.averageDuration ?? 0);\n\n  return (\n    <PageLayout\n      title=\"Meeting Analytics\"\n      description=\"Insights into meeting time and cost\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Total Meetings\"\n          value={String(stats?.totalMeetings ?? 0)}\n          icon={<CalendarDays className=\"h-5 w-5\" />}\n          trend={{\n            value: stats?.actionItemsCompleted ?? 0,\n            label: \"actions completed\",\n          }}\n        />\n        <StatCard\n          title=\"Meeting Hours\"\n          value={`${totalHours}h`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{ value: stats?.totalDuration ?? 0, label: \"total minutes\" }}\n        />\n        <StatCard\n          title=\"Meeting Cost\"\n          value={formatCurrency(stats?.totalCost ?? 0)}\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Avg. Duration\"\n          value={`${avgDuration} min`}\n          icon={<BarChart3 className=\"h-5 w-5\" />}\n          trend={{ value: stats?.averageRating ?? 0, label: \"avg rating\" }}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Meeting Time Distribution\n        </h3>\n        <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n          <p className=\"text-sm text-text-secondary\">\n            {stats\n              ? `${stats.totalMeetings} meetings · ${stats.actionItemsTotal} action items (${stats.actionItemsCompleted} completed)`\n              : \"Chart will render here\"}\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,IAAuB;CACrC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAwB;EACvD,WAAW,EAAE,gBAAa;EAC1B,MAAM,CAAC;EACR,CAAC,EAEI,IAAQ,GAAM;AAEpB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA;CAIjB,IAAM,IAAa,KAAK,OAAO,GAAO,iBAAiB,KAAK,GAAG,EACzD,IAAc,KAAK,MAAM,GAAO,mBAAmB,EAAE;AAE3D,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;KAC1C,OAAO;MACL,OAAO,GAAO,wBAAwB;MACtC,OAAO;MACR;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAW;KACrB,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,OAAO;MAAE,OAAO,GAAO,iBAAiB;MAAG,OAAO;MAAiB;KACnE,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAe,GAAO,aAAa,EAAE;KAC5C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAY;KACtB,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,OAAO;MAAE,OAAO,GAAO,iBAAiB;MAAG,OAAO;MAAc;KAChE,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAExD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eACV,IACG,GAAG,EAAM,cAAc,cAAc,EAAM,iBAAiB,iBAAiB,EAAM,qBAAqB,eACxG;KACF,CAAA;IACA,CAAA,CACF;KACK"}
+{"version":3,"file":"MeetingAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, CalendarDays, Clock, DollarSign } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetMeetingStatsQuery } from \"@/generated/wspace-operations\";\nimport { formatCurrency } from \"../../utils/helpers\";\n\nexport function MeetingAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetMeetingStatsQuery({\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n\n  const stats = data?.meetingStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Meeting Analytics\"\n        description=\"Insights into meeting time and cost\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Meeting Analytics\"\n        description=\"Insights into meeting time and cost\"\n      >\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 meeting analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalHours = Math.round((stats?.totalDuration ?? 0) / 60);\n  const avgDuration = Math.round(stats?.averageDuration ?? 0);\n\n  return (\n    <PageLayout\n      title=\"Meeting Analytics\"\n      description=\"Insights into meeting time and cost\"\n      purpose=\"Put a number on your meeting habit — total hours, dollar cost and follow-through on action items — so you can cut the meetings that don't pay for themselves and reclaim time for focused work.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Meetings\"\n          value={String(stats?.totalMeetings ?? 0)}\n          icon={<CalendarDays className=\"h-5 w-5\" />}\n          trend={{\n            value: stats?.actionItemsCompleted ?? 0,\n            label: \"actions completed\",\n          }}\n        />\n        <StatCard\n          title=\"Meeting Hours\"\n          value={`${totalHours}h`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{ value: stats?.totalDuration ?? 0, label: \"total minutes\" }}\n        />\n        <StatCard\n          title=\"Meeting Cost\"\n          value={formatCurrency(stats?.totalCost ?? 0)}\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Avg. Duration\"\n          value={`${avgDuration} min`}\n          icon={<BarChart3 className=\"h-5 w-5\" />}\n          trend={{ value: stats?.averageRating ?? 0, label: \"avg rating\" }}\n        />\n      </div>\n\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          Meeting Time Distribution\n        </h3>\n        <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n          <p className=\"text-sm text-text-secondary\">\n            {stats\n              ? `${stats.totalMeetings} meetings · ${stats.actionItemsTotal} action items (${stats.actionItemsCompleted} completed)`\n              : \"Chart will render here\"}\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,IAAuB;CACrC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAwB;EACvD,WAAW,EAAE,gBAAa;EAC1B,MAAM,CAAC;EACR,CAAC,EAEI,IAAQ,GAAM;AAEpB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IAAa,KAAK,OAAO,GAAO,iBAAiB,KAAK,GAAG,EACzD,IAAc,KAAK,MAAM,GAAO,mBAAmB,EAAE;AAE3D,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;KAC1C,OAAO;MACL,OAAO,GAAO,wBAAwB;MACtC,OAAO;MACR;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAW;KACrB,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,OAAO;MAAE,OAAO,GAAO,iBAAiB;MAAG,OAAO;MAAiB;KACnE,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAe,GAAO,aAAa,EAAE;KAC5C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAY;KACtB,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,OAAO;MAAE,OAAO,GAAO,iBAAiB;MAAG,OAAO;MAAc;KAChE,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAExD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eACV,IACG,GAAG,EAAM,cAAc,cAAc,EAAM,iBAAiB,iBAAiB,EAAM,qBAAqB,eACxG;KACF,CAAA;IACA,CAAA,CACF;KACK"}

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

@@ -1,40 +1,44 @@
 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";
+import { GlassCard as c } from "@burdenoff/fe-libs/ui";
 //#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 () => {
-		!c || !d || !p || (await l({
+function l() {
+	let { workspaceId: l = "" } = e(), [u, { loading: d }] = t(), [f, p] = i(""), [m, h] = i(""), [g, _] = i(30), [v, y] = i(""), b = r(async () => {
+		!l || !f || !m || (await u({
 			variables: { input: {
-				workspaceId: c,
-				title: d,
+				workspaceId: l,
+				title: f,
 				meetingType: "TEAM",
-				startTime: new Date(p).toISOString(),
-				duration: h,
-				notes: _ || void 0
+				startTime: new Date(m).toISOString(),
+				duration: g,
+				notes: v || void 0
 			} },
 			refetchQueries: ["ListMeetings"]
-		}), f(""), m(""), g(30), v(""));
+		}), p(""), h(""), _(30), y(""));
 	}, [
-		c,
-		d,
-		p,
-		h,
-		_,
-		l
+		l,
+		f,
+		m,
+		g,
+		v,
+		u
 	]);
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ o(n, {
 		title: "Schedule Meeting",
 		description: "Create a new meeting",
+		purpose: "Book a meeting with its time and agenda so it's tracked alongside your work — letting TimeCampus account for the hours it consumes and surface its cost and action items afterwards.",
 		actions: /* @__PURE__ */ s("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",
 			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-subtle bg-bg-surface p-6",
+		children: /* @__PURE__ */ o(c, {
+			treatment: "glass",
+			glow: !0,
+			className: "mx-auto max-w-2xl p-6",
 			children: /* @__PURE__ */ s("div", {
 				className: "space-y-4",
 				children: [
@@ -44,8 +48,8 @@ function c() {
 					}), /* @__PURE__ */ o("input", {
 						type: "text",
 						placeholder: "Enter meeting title",
-						value: d,
-						onChange: (e) => f(e.target.value),
+						value: f,
+						onChange: (e) => p(e.target.value),
 						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", {
@@ -55,16 +59,16 @@ function c() {
 							children: "Date"
 						}), /* @__PURE__ */ o("input", {
 							type: "date",
-							value: p,
-							onChange: (e) => m(e.target.value),
+							value: m,
+							onChange: (e) => h(e.target.value),
 							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-text-primary",
 							children: "Duration (minutes)"
 						}), /* @__PURE__ */ o("input", {
 							type: "number",
-							value: h,
-							onChange: (e) => g(Number(e.target.value)),
+							value: g,
+							onChange: (e) => _(Number(e.target.value)),
 							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 						})] })]
 					}),
@@ -74,8 +78,8 @@ function c() {
 					}), /* @__PURE__ */ o("textarea", {
 						placeholder: "Meeting agenda...",
 						rows: 3,
-						value: _,
-						onChange: (e) => v(e.target.value),
+						value: v,
+						onChange: (e) => y(e.target.value),
 						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", {
@@ -84,10 +88,10 @@ function c() {
 							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,
+							onClick: b,
+							disabled: d || !f || !m,
 							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"
+							children: d ? "Scheduling..." : "Schedule"
 						})]
 					})
 				]
@@ -96,6 +100,6 @@ function c() {
 	});
 }
 //#endregion
-export { c as MeetingCreatePage };
+export { l as MeetingCreatePage };
 
 //# sourceMappingURL=MeetingCreatePage.js.map

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-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-subtle bg-bg-surface 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"}
+{"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 { GlassCard } from \"@burdenoff/fe-libs/ui\";\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      purpose=\"Book a meeting with its time and agenda so it's tracked alongside your work — letting TimeCampus account for the hours it consumes and surface its cost and action items afterwards.\"\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      <GlassCard treatment=\"glass\" glow className=\"mx-auto max-w-2xl 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      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,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,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,OAE1B;;YAGX,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,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;;GACI,CAAA;EACD,CAAA"}