@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/email-tracking/EmailAnalyticsPage.js

@@ -3,73 +3,125 @@ import { StatCard as t } from "../../components/StatCard.js";
 import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
 import { useGetEmailTrackingStatsQuery as r } from "../../../generated/wspace-operations.js";
 import { PageLayout as i } from "../../components/PageLayout.js";
-import { BarChart3 as a, Clock as o, Mail as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ChartCard as a } from "../../components/ChartCard.js";
+import { BarsChart as o } from "../../components/charts/BarsChart.js";
+import { DonutChart as s } from "../../components/charts/DonutChart.js";
+import "../../components/index.js";
+import { BarChart3 as c, Clock as l, Mail as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx
-function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({ skip: !u }), m = d?.emailTrackingStats;
-	if (f) return /* @__PURE__ */ c(i, {
+var p = (e) => {
+	let t = Math.max(0, Math.round(e)), n = Math.floor(t / 60), r = t % 60;
+	return n > 0 ? `${n}h ${r}m` : `${r}m`;
+};
+function m(e) {
+	if (!e) return [];
+	let t = [];
+	for (let [n, r] of Object.entries(e)) if (r && typeof r == "object") {
+		let e = r, i = typeof e.count == "number" ? e.count : 0, a = typeof e.totalDuration == "number" ? e.totalDuration : 0;
+		t.push({
+			category: n,
+			label: n.charAt(0).toUpperCase() + n.slice(1),
+			count: i,
+			minutes: a
+		});
+	}
+	return t.sort((e, t) => t.minutes - e.minutes);
+}
+function h() {
+	let { workspaceId: h = "" } = e(), { data: g, loading: _, error: v } = r({ skip: !h }), y = g?.emailTrackingStats;
+	if (_) return /* @__PURE__ */ d(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ d(n, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (p) return /* @__PURE__ */ c(i, {
+	if (v) return /* @__PURE__ */ d(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 			children: "Failed to load email analytics. Please try again later."
 		})
 	});
-	let h = Math.round((m?.totalDuration ?? 0) / 60), g = Math.floor(h / 60), _ = h % 60, v = g > 0 ? `${g}h ${_}m` : `${_}m`, y = m?.averageResponseTime == null ? "--" : `${Math.round(m.averageResponseTime)} min`, b = String(m?.totalEmails ?? 0), x = m?.totalEmails ? Math.round(m.importantCount / m.totalEmails * 100) : 0;
-	return /* @__PURE__ */ l(i, {
+	let b = Math.round((y?.totalDuration ?? 0) / 60), x = Math.floor(b / 60), S = b % 60, C = x > 0 ? `${x}h ${S}m` : `${S}m`, w = y?.averageResponseTime == null ? "--" : `${Math.round(y.averageResponseTime)} min`, T = y?.totalEmails ?? 0, E = y?.importantCount ?? 0, D = T ? Math.round(E / T * 100) : 0, O = m(y?.byCategory).map((e) => ({
+		category: e.label,
+		minutes: e.minutes
+	})), k = Math.max(0, T - E), A = [{
+		name: "Important",
+		value: E
+	}, {
+		name: "Regular",
+		value: k
+	}];
+	return /* @__PURE__ */ d(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
 		purpose: "Know exactly how much of your day email consumes and how fast you respond — so you can set realistic response targets, batch your inbox, and stop email from quietly running your schedule.",
-		children: [/* @__PURE__ */ l("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ c(t, {
-					featured: !0,
-					title: "Emails Today",
-					value: b,
-					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Time on Email",
-					value: v,
-					icon: /* @__PURE__ */ c(o, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Avg. Response",
-					value: y,
-					description: "Target: 15 min"
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Email Score",
-					value: `${x}%`,
-					icon: /* @__PURE__ */ c(a, { className: "h-5 w-5" })
-				})
-			]
-		}), /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-			children: [/* @__PURE__ */ c("h3", {
-				className: "mb-4 text-sm font-semibold text-text-primary",
-				children: "Email Volume & Response Time"
-			}), /* @__PURE__ */ c("div", {
-				className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-				children: /* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: "Chart will render here"
-				})
+		children: /* @__PURE__ */ f("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ d(t, {
+						featured: !0,
+						title: "Emails Today",
+						value: String(T),
+						icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ d(t, {
+						title: "Time on Email",
+						value: C,
+						icon: /* @__PURE__ */ d(l, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ d(t, {
+						title: "Avg. Response",
+						value: w,
+						description: "Target: 15 min"
+					}),
+					/* @__PURE__ */ d(t, {
+						title: "Important Share",
+						value: `${D}%`,
+						icon: /* @__PURE__ */ d(c, { className: "h-5 w-5" }),
+						description: `${E} of ${T} flagged`
+					})
+				]
+			}), /* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ d(a, {
+					title: "Time on Email by Category",
+					description: "How your inbox time splits across categories",
+					children: /* @__PURE__ */ d(o, {
+						data: O,
+						xKey: "category",
+						orientation: "horizontal",
+						series: [{
+							key: "minutes",
+							label: "Time on email"
+						}],
+						valueFormat: p,
+						categoryWidth: 120,
+						height: 280,
+						emptyLabel: "No categorized email time tracked yet"
+					})
+				}), /* @__PURE__ */ d(a, {
+					title: "Email Composition",
+					description: "Important vs. regular messages",
+					children: /* @__PURE__ */ d(s, {
+						data: A,
+						centerLabel: "Emails tracked",
+						centerValue: T,
+						height: 280,
+						emptyLabel: "No emails tracked yet"
+					})
+				})]
 			})]
-		})]
+		})
 	});
 }
 //#endregion
-export { u as EmailAnalyticsPage };
+export { h as EmailAnalyticsPage };
 
 //# sourceMappingURL=EmailAnalyticsPage.js.map

package/dist/timecampus/pages/email-tracking/EmailAnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Mail, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetEmailTrackingStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function EmailAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useGetEmailTrackingStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.emailTrackingStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load email analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalMinutes = Math.round((stats?.totalDuration ?? 0) / 60);\n  const hours = Math.floor(totalMinutes / 60);\n  const minutes = totalMinutes % 60;\n  const timeOnEmail = hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;\n  const avgResponse =\n    stats?.averageResponseTime != null\n      ? `${Math.round(stats.averageResponseTime)} min`\n      : \"--\";\n  const totalEmails = String(stats?.totalEmails ?? 0);\n  const importantRatio = stats?.totalEmails\n    ? Math.round((stats.importantCount / stats.totalEmails) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Email Analytics\"\n      description=\"Insights into email time management\"\n      purpose=\"Know exactly how much of your day email consumes and how fast you respond — so you can set realistic response targets, batch your inbox, and stop email from quietly running your schedule.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Emails Today\"\n          value={totalEmails}\n          icon={<Mail className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Time on Email\"\n          value={timeOnEmail}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Avg. Response\"\n          value={avgResponse}\n          description=\"Target: 15 min\"\n        />\n        <StatCard\n          title=\"Email Score\"\n          value={`${importantRatio}%`}\n          icon={<BarChart3 className=\"h-5 w-5\" />}\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          Email Volume & Response Time\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\">Chart will render here</p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAqB;CACnC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,MAAM,CAAC,GACR,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;aAA2G;GAEpH,CAAA;EACK,CAAA;CAIjB,IAAM,IAAe,KAAK,OAAO,GAAO,iBAAiB,KAAK,GAAG,EAC3D,IAAQ,KAAK,MAAM,IAAe,GAAG,EACrC,IAAU,IAAe,IACzB,IAAc,IAAQ,IAAI,GAAG,EAAM,IAAI,EAAQ,KAAK,GAAG,EAAQ,IAC/D,IACJ,GAAO,uBAAuB,OAE1B,OADA,GAAG,KAAK,MAAM,EAAM,oBAAoB,CAAC,OAEzC,IAAc,OAAO,GAAO,eAAe,EAAE,EAC7C,IAAiB,GAAO,cAC1B,KAAK,MAAO,EAAM,iBAAiB,EAAM,cAAe,IAAI,GAC5D;AAEJ,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;KACP,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAe;KACzB,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,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;eAA8B;KAA0B,CAAA;IACjE,CAAA,CACF;KACK"}
+{"version":3,"file":"EmailAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Mail, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  ChartCard,\n  BarsChart,\n  DonutChart,\n  type DonutSlice,\n  type ValueFormatter,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetEmailTrackingStatsQuery } from \"@/generated/wspace-operations\";\n\n/** Email `duration` values are stored in whole minutes across the product. */\nconst formatMinutes: ValueFormatter = (value) => {\n  const total = Math.max(0, Math.round(value));\n  const h = Math.floor(total / 60);\n  const m = total % 60;\n  return h > 0 ? `${h}h ${m}m` : `${m}m`;\n};\n\ninterface CategoryStat {\n  category: string;\n  label: string;\n  count: number;\n  minutes: number;\n}\n\n/** Safely narrow the JSON `byCategory` map into typed `{ count, totalDuration }` rows. */\nfunction parseByCategory(\n  raw: Record<string, unknown> | null | undefined,\n): CategoryStat[] {\n  if (!raw) return [];\n  const rows: CategoryStat[] = [];\n  for (const [category, value] of Object.entries(raw)) {\n    if (value && typeof value === \"object\") {\n      const rec = value as { count?: unknown; totalDuration?: unknown };\n      const count = typeof rec.count === \"number\" ? rec.count : 0;\n      const minutes =\n        typeof rec.totalDuration === \"number\" ? rec.totalDuration : 0;\n      rows.push({\n        category,\n        label: category.charAt(0).toUpperCase() + category.slice(1),\n        count,\n        minutes,\n      });\n    }\n  }\n  return rows.sort((a, b) => b.minutes - a.minutes);\n}\n\nexport function EmailAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useGetEmailTrackingStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.emailTrackingStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load email analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalMinutes = Math.round((stats?.totalDuration ?? 0) / 60);\n  const hours = Math.floor(totalMinutes / 60);\n  const minutes = totalMinutes % 60;\n  const timeOnEmail = hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;\n  const avgResponse =\n    stats?.averageResponseTime != null\n      ? `${Math.round(stats.averageResponseTime)} min`\n      : \"--\";\n  const totalEmails = stats?.totalEmails ?? 0;\n  const importantCount = stats?.importantCount ?? 0;\n  const importantRatio = totalEmails\n    ? Math.round((importantCount / totalEmails) * 100)\n    : 0;\n\n  const categoryStats = parseByCategory(stats?.byCategory);\n  const categoryBars = categoryStats.map((row) => ({\n    category: row.label,\n    minutes: row.minutes,\n  }));\n\n  const regularCount = Math.max(0, totalEmails - importantCount);\n  const compositionSlices: DonutSlice[] = [\n    { name: \"Important\", value: importantCount },\n    { name: \"Regular\", value: regularCount },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Email Analytics\"\n      description=\"Insights into email time management\"\n      purpose=\"Know exactly how much of your day email consumes and how fast you respond — so you can set realistic response targets, batch your inbox, and stop email from quietly running your schedule.\"\n    >\n      <div className=\"space-y-6\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            featured\n            title=\"Emails Today\"\n            value={String(totalEmails)}\n            icon={<Mail className=\"h-5 w-5\" />}\n          />\n          <StatCard\n            title=\"Time on Email\"\n            value={timeOnEmail}\n            icon={<Clock className=\"h-5 w-5\" />}\n          />\n          <StatCard\n            title=\"Avg. Response\"\n            value={avgResponse}\n            description=\"Target: 15 min\"\n          />\n          <StatCard\n            title=\"Important Share\"\n            value={`${importantRatio}%`}\n            icon={<BarChart3 className=\"h-5 w-5\" />}\n            description={`${importantCount} of ${totalEmails} flagged`}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          <ChartCard\n            title=\"Time on Email by Category\"\n            description=\"How your inbox time splits across categories\"\n          >\n            <BarsChart\n              data={categoryBars}\n              xKey=\"category\"\n              orientation=\"horizontal\"\n              series={[{ key: \"minutes\", label: \"Time on email\" }]}\n              valueFormat={formatMinutes}\n              categoryWidth={120}\n              height={280}\n              emptyLabel=\"No categorized email time tracked yet\"\n            />\n          </ChartCard>\n\n          <ChartCard\n            title=\"Email Composition\"\n            description=\"Important vs. regular messages\"\n          >\n            <DonutChart\n              data={compositionSlices}\n              centerLabel=\"Emails tracked\"\n              centerValue={totalEmails}\n              height={280}\n              emptyLabel=\"No emails tracked yet\"\n            />\n          </ChartCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}