@burdenoff/microfe-timecampus 2026.624.1 → 2026.625.1

package/dist/timecampus/pages/dashboard/AnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetFocusScoreSummaryQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function AnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const { data: patternData, loading: patternLoading } =\n    useGetWorkPatternSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const focus = focusData?.focusScoreSummary;\n  const pattern = patternData?.workPatternSummary;\n\n  if (statsLoading || focusLoading || patternLoading) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking and productivity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking 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 analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Analytics\"\n      description=\"Insights into your time tracking and productivity\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Productivity Trends\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {focus\n                  ? `Focus Score: ${Math.round(focus.averageScore)}/100 (${focus.trend ?? \"stable\"})`\n                  : \"No focus score data\"}\n              </p>\n              {pattern && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {pattern.averageFocusHours.toFixed(1)}h avg focus ·{\" \"}\n                  {pattern.averageMeetingHours.toFixed(1)}h avg meetings\n                </p>\n              )}\n              {focus?.improvementArea && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Improve: {focus.improvementArea}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Time Distribution\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {stats\n                  ? `${Math.round(stats.totalHours)}h total · ${Math.round(stats.billableHours)}h billable · ${stats.totalEntries} entries`\n                  : \"No time entry data\"}\n              </p>\n              {stats && stats.activeTimers > 0 && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {stats.activeTimers} timer(s) running\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAQ,GAAW,mBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,KAAgB,IAEhC,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,IACG,gBAAgB,KAAK,MAAM,EAAM,aAAa,CAAC,QAAQ,EAAM,SAAS,SAAS,KAC/E;QACF,CAAA;OACH,KACC,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAQ,kBAAkB,QAAQ,EAAE;SAAC;SAAc;SACnD,EAAQ,oBAAoB,QAAQ,EAAE;SAAC;SACtC;;OAEL,GAAO,mBACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAgD,aACpC,EAAM,gBACd;;OAEF;;KACF,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa,YAC9G;OACF,CAAA,EACH,KAAS,EAAM,eAAe,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAM,cAAa,oBAClB;SAEF;;KACF,CAAA,CACF;MACF;;EACK,CAAA"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetFocusScoreSummaryQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function AnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const { data: patternData, loading: patternLoading } =\n    useGetWorkPatternSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const focus = focusData?.focusScoreSummary;\n  const pattern = patternData?.workPatternSummary;\n\n  if (statsLoading || focusLoading || patternLoading) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking and productivity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking 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 analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Analytics\"\n      description=\"Insights into your time tracking and productivity\"\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          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Productivity Trends\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {focus\n                  ? `Focus Score: ${Math.round(focus.averageScore)}/100 (${focus.trend ?? \"stable\"})`\n                  : \"No focus score data\"}\n              </p>\n              {pattern && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {pattern.averageFocusHours.toFixed(1)}h avg focus ·{\" \"}\n                  {pattern.averageMeetingHours.toFixed(1)}h avg meetings\n                </p>\n              )}\n              {focus?.improvementArea && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Improve: {focus.improvementArea}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Time Distribution\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {stats\n                  ? `${Math.round(stats.totalHours)}h total · ${Math.round(stats.billableHours)}h billable · ${stats.totalEntries} entries`\n                  : \"No time entry data\"}\n              </p>\n              {stats && stats.activeTimers > 0 && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {stats.activeTimers} timer(s) running\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAQ,GAAW,mBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,KAAgB,IAEhC,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,IACG,gBAAgB,KAAK,MAAM,EAAM,aAAa,CAAC,QAAQ,EAAM,SAAS,SAAS,KAC/E;QACF,CAAA;OACH,KACC,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAQ,kBAAkB,QAAQ,EAAE;SAAC;SAAc;SACnD,EAAQ,oBAAoB,QAAQ,EAAE;SAAC;SACtC;;OAEL,GAAO,mBACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAgD,aACpC,EAAM,gBACd;;OAEF;;KACF,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa,YAC9G;OACF,CAAA,EACH,KAAS,EAAM,eAAe,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAM,cAAa,oBAClB;SAEF;;KACF,CAAA,CACF;MACF;;EACK,CAAA"}

package/dist/timecampus/pages/dashboard/ReportsPage.js

@@ -1,29 +1,29 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetFocusScoreSummaryQuery as r, useGetTimeEntryStatsQuery as i, useGetWorkPatternSummaryQuery as a } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetFocusScoreSummaryQuery as n, useGetTimeEntryStatsQuery as r, useGetWorkPatternSummaryQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
 import { Download as o, FileText as s, Plus as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/timecampus/pages/dashboard/ReportsPage.tsx
 function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = i({ skip: !d }), { data: h, loading: g } = a({ skip: !d }), { data: _, loading: v } = r({ skip: !d }), y = f?.timeEntryStats, b = h?.workPatternSummary, x = _?.focusScoreSummary;
-	if (p || g || v) return /* @__PURE__ */ l(t, {
+	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({ skip: !d }), { data: h, loading: g } = i({ skip: !d }), { data: _, loading: v } = n({ skip: !d }), y = f?.timeEntryStats, b = h?.workPatternSummary, x = _?.focusScoreSummary;
+	if (p || g || v) return /* @__PURE__ */ l(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
 		actions: /* @__PURE__ */ u("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Generate Report"]
 		}),
-		children: /* @__PURE__ */ l(n, {
+		children: /* @__PURE__ */ l(t, {
 			variant: "list",
 			count: 4
 		})
 	});
-	if (m) return /* @__PURE__ */ l(t, {
+	if (m) return /* @__PURE__ */ l(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
 		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: "Failed to load reports data. Please try again later."
 		})
 	});
@@ -56,7 +56,7 @@ function d() {
 			status: "ready"
 		}] : []
 	];
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ l(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
 		actions: /* @__PURE__ */ u("button", {
@@ -64,7 +64,7 @@ function d() {
 			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Generate Report"]
 		}),
 		children: /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
 			children: /* @__PURE__ */ l("div", {
 				className: "divide-y divide-border",
 				children: S.length === 0 ? /* @__PURE__ */ l("div", {
@@ -84,7 +84,7 @@ function d() {
 					}), /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ l("span", {
-							className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400",
+							className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-status-success-bg text-status-success-text",
 							children: e.status
 						}), /* @__PURE__ */ l("button", {
 							className: "rounded-md p-1.5 hover:bg-bg-sunken",

package/dist/timecampus/pages/dashboard/ReportsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { FileText, Plus, Download } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetWorkPatternSummaryQuery,\n  useGetFocusScoreSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ReportsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: patternData, loading: patternLoading } =\n    useGetWorkPatternSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const pattern = patternData?.workPatternSummary;\n  const focus = focusData?.focusScoreSummary;\n\n  const isLoading = statsLoading || patternLoading || focusLoading;\n\n  if (isLoading) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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            Generate Report\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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 reports data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Build dynamic reports from available analytics data\n  const reports = [\n    ...(stats\n      ? [\n          {\n            id: \"time-summary\",\n            name: \"Time Tracking Summary\",\n            type: \"time\",\n            period: `${Math.round(stats.totalHours)}h total · ${stats.totalEntries} entries`,\n            status: \"ready\" as const,\n          },\n          {\n            id: \"billable-summary\",\n            name: \"Billable Hours Report\",\n            type: \"billing\",\n            period: `${Math.round(stats.billableHours)}h billable · ${stats.activeTimers} active`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(pattern\n      ? [\n          {\n            id: \"work-pattern\",\n            name: \"Work Pattern Analysis\",\n            type: \"team\",\n            period: `${pattern.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(pattern.averageProductivity)}% productivity`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(focus\n      ? [\n          {\n            id: \"focus-score\",\n            name: \"Focus Score Report\",\n            type: \"productivity\",\n            period: `Avg: ${Math.round(focus.averageScore)} · High: ${Math.round(focus.highestScore)} · Low: ${Math.round(focus.lowestScore)}`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n  ];\n\n  return (\n    <PageLayout\n      title=\"Reports\"\n      description=\"Generate and view time tracking reports\"\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          Generate Report\n        </button>\n      }\n    >\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n        <div className=\"divide-y divide-border\">\n          {reports.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No report data available yet.\n            </div>\n          ) : (\n            reports.map((report) => (\n              <div\n                key={report.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                  <FileText className=\"h-5 w-5 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {report.name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {report.period}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400\">\n                    {report.status}\n                  </span>\n                  <button className=\"rounded-md p-1.5 hover:bg-bg-sunken\">\n                    <Download className=\"h-4 w-4 text-text-secondary\" />\n                  </button>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,IAAc;CAC5B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa,oBACvB,IAAQ,GAAW;AAIzB,KAFkB,KAAgB,KAAkB,EAGlD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,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;CAKjB,IAAM,IAAU;EACd,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,EAAM,aAAa;GACvE,QAAQ;GACT,EACD;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa;GAC7E,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,gBAAgB,KAAK,MAAM,EAAQ,oBAAoB,CAAC;GACxG,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,QAAQ,KAAK,MAAM,EAAM,aAAa,CAAC,WAAW,KAAK,MAAM,EAAM,aAAa,CAAC,UAAU,KAAK,MAAM,EAAM,YAAY;GAChI,QAAQ;GACT,CACF,GACD,EAAE;EACP;AAED,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAQ,KAAK,MACX,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,CACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAO;OACH,CAAA,EACP,kBAAC,UAAD;OAAQ,WAAU;iBAChB,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA;OAC7C,CAAA,CACL;QACF;OAtBC,EAAO,GAsBR,CACN;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { FileText, Plus, Download } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetWorkPatternSummaryQuery,\n  useGetFocusScoreSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ReportsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: patternData, loading: patternLoading } =\n    useGetWorkPatternSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const pattern = patternData?.workPatternSummary;\n  const focus = focusData?.focusScoreSummary;\n\n  const isLoading = statsLoading || patternLoading || focusLoading;\n\n  if (isLoading) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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            Generate Report\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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 reports data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Build dynamic reports from available analytics data\n  const reports = [\n    ...(stats\n      ? [\n          {\n            id: \"time-summary\",\n            name: \"Time Tracking Summary\",\n            type: \"time\",\n            period: `${Math.round(stats.totalHours)}h total · ${stats.totalEntries} entries`,\n            status: \"ready\" as const,\n          },\n          {\n            id: \"billable-summary\",\n            name: \"Billable Hours Report\",\n            type: \"billing\",\n            period: `${Math.round(stats.billableHours)}h billable · ${stats.activeTimers} active`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(pattern\n      ? [\n          {\n            id: \"work-pattern\",\n            name: \"Work Pattern Analysis\",\n            type: \"team\",\n            period: `${pattern.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(pattern.averageProductivity)}% productivity`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(focus\n      ? [\n          {\n            id: \"focus-score\",\n            name: \"Focus Score Report\",\n            type: \"productivity\",\n            period: `Avg: ${Math.round(focus.averageScore)} · High: ${Math.round(focus.highestScore)} · Low: ${Math.round(focus.lowestScore)}`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n  ];\n\n  return (\n    <PageLayout\n      title=\"Reports\"\n      description=\"Generate and view time tracking reports\"\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          Generate Report\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          {reports.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No report data available yet.\n            </div>\n          ) : (\n            reports.map((report) => (\n              <div\n                key={report.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                  <FileText className=\"h-5 w-5 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {report.name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {report.period}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-status-success-bg text-status-success-text\">\n                    {report.status}\n                  </span>\n                  <button className=\"rounded-md p-1.5 hover:bg-bg-sunken\">\n                    <Download className=\"h-4 w-4 text-text-secondary\" />\n                  </button>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,IAAc;CAC5B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa,oBACvB,IAAQ,GAAW;AAIzB,KAFkB,KAAgB,KAAkB,EAGlD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,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;CAKjB,IAAM,IAAU;EACd,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,EAAM,aAAa;GACvE,QAAQ;GACT,EACD;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa;GAC7E,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,gBAAgB,KAAK,MAAM,EAAQ,oBAAoB,CAAC;GACxG,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,QAAQ,KAAK,MAAM,EAAM,aAAa,CAAC,WAAW,KAAK,MAAM,EAAM,aAAa,CAAC,UAAU,KAAK,MAAM,EAAM,YAAY;GAChI,QAAQ;GACT,CACF,GACD,EAAE;EACP;AAED,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAQ,KAAK,MACX,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,CACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAO;OACH,CAAA,EACP,kBAAC,UAAD;OAAQ,WAAU;iBAChB,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA;OAC7C,CAAA,CACL;QACF;OAtBC,EAAO,GAsBR,CACN;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}

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

@@ -1,22 +1,22 @@
 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 { useGetEmailTrackingStatsQuery as i } from "../../../generated/wspace-operations.js";
+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";
 //#region src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx
 function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i({ skip: !u }), m = d?.emailTrackingStats;
-	if (f) return /* @__PURE__ */ c(t, {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({ skip: !u }), m = d?.emailTrackingStats;
+	if (f) return /* @__PURE__ */ c(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
-		children: /* @__PURE__ */ c(r, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (p) return /* @__PURE__ */ c(t, {
+	if (p) return /* @__PURE__ */ c(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
 		children: /* @__PURE__ */ c("div", {
@@ -25,35 +25,35 @@ function u() {
 		})
 	});
 	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(t, {
+	return /* @__PURE__ */ l(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
 		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: "Emails Today",
 					value: b,
 					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Time on Email",
 					value: v,
 					icon: /* @__PURE__ */ c(o, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Avg. Response",
 					value: y,
 					description: "Target: 15 min"
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__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-subtle bg-bg-surface p-6",
+			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"

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    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\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-subtle bg-bg-surface 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\">\n            Chart will render here\n          </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;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,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;KAEvC,CAAA;IACA,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 { 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    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\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;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,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"}

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

@@ -1,7 +1,7 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useListConfigurationsQuery as r, useSetConfigurationMutation as i } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useListConfigurationsQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { useCallback as a, useEffect as o, useState as s } from "react";
 import { Settings as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -12,13 +12,13 @@ var d = "timecampus.email.settings", f = {
 	responseTimeAlerts: !1
 };
 function p() {
-	let { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = r({
+	let { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = n({
 		variables: {
 			scope: "WORKSPACE",
 			limit: 100
 		},
 		skip: !p
-	}), [_, { loading: v }] = i(), [y, b] = s(f);
+	}), [_, { loading: v }] = r(), [y, b] = s(f);
 	o(() => {
 		if (m?.configurations) {
 			let e = m.configurations.find((e) => e.key === d);
@@ -40,24 +40,24 @@ function p() {
 			scope: "WORKSPACE"
 		} } });
 	}, [_, y]);
-	return h ? /* @__PURE__ */ l(t, {
+	return h ? /* @__PURE__ */ l(i, {
 		title: "Email Settings",
 		description: "Configure email tracking preferences",
-		children: /* @__PURE__ */ l(n, { variant: "detail" })
-	}) : g ? /* @__PURE__ */ l(t, {
+		children: /* @__PURE__ */ l(t, { variant: "detail" })
+	}) : g ? /* @__PURE__ */ l(i, {
 		title: "Email Settings",
 		description: "Configure email tracking preferences",
 		children: /* @__PURE__ */ l("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 settings. Please try again later."
 		})
-	}) : /* @__PURE__ */ l(t, {
+	}) : /* @__PURE__ */ l(i, {
 		title: "Email Settings",
 		description: "Configure email tracking preferences",
 		children: /* @__PURE__ */ u("div", {
 			className: "mx-auto max-w-2xl space-y-6",
 			children: [/* @__PURE__ */ u("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 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Tracking Configuration"]

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

@@ -1 +1 @@
-{"version":3,"file":"EmailSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst EMAIL_SETTINGS_KEY = \"timecampus.email.settings\";\n\ninterface EmailSettings {\n  autoTrack: boolean;\n  categorizeByProject: boolean;\n  responseTimeAlerts: boolean;\n}\n\nconst DEFAULT_SETTINGS: EmailSettings = {\n  autoTrack: true,\n  categorizeByProject: true,\n  responseTimeAlerts: false,\n};\n\nexport function EmailSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as never, limit: 100 },\n    skip: !workspaceId,\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n  const [settings, setSettings] = useState<EmailSettings>(DEFAULT_SETTINGS);\n\n  useEffect(() => {\n    if (data?.configurations) {\n      const emailConfig = data.configurations.find(\n        (c: ConfigurationFieldsFragment) => c.key === EMAIL_SETTINGS_KEY,\n      );\n      if (emailConfig?.value) {\n        const val = emailConfig.value as Partial<EmailSettings>;\n        setSettings({\n          autoTrack: val.autoTrack ?? DEFAULT_SETTINGS.autoTrack,\n          categorizeByProject:\n            val.categorizeByProject ?? DEFAULT_SETTINGS.categorizeByProject,\n          responseTimeAlerts:\n            val.responseTimeAlerts ?? DEFAULT_SETTINGS.responseTimeAlerts,\n        });\n      }\n    }\n  }, [data]);\n\n  const handleSave = useCallback(async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: EMAIL_SETTINGS_KEY,\n          value: settings as unknown as Record<string, unknown>,\n          description: \"Email tracking settings\",\n          scope: \"WORKSPACE\" as never,\n        },\n      },\n    });\n  }, [setConfiguration, settings]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Settings\"\n        description=\"Configure email tracking preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Settings\"\n        description=\"Configure email tracking preferences\"\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 settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Email Settings\"\n      description=\"Configure email tracking preferences\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Tracking Configuration\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Auto-track emails\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Automatically track time spent reading and responding\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.autoTrack}\n                onChange={(e) =>\n                  setSettings((s) => ({ ...s, autoTrack: e.target.checked }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Categorize by project\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Link emails to projects automatically\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.categorizeByProject}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    categorizeByProject: e.target.checked,\n                  }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Response time alerts\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Notify when response time exceeds threshold\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.responseTimeAlerts}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    responseTimeAlerts: e.target.checked,\n                  }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\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            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"EmailSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst EMAIL_SETTINGS_KEY = \"timecampus.email.settings\";\n\ninterface EmailSettings {\n  autoTrack: boolean;\n  categorizeByProject: boolean;\n  responseTimeAlerts: boolean;\n}\n\nconst DEFAULT_SETTINGS: EmailSettings = {\n  autoTrack: true,\n  categorizeByProject: true,\n  responseTimeAlerts: false,\n};\n\nexport function EmailSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as never, limit: 100 },\n    skip: !workspaceId,\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n  const [settings, setSettings] = useState<EmailSettings>(DEFAULT_SETTINGS);\n\n  useEffect(() => {\n    if (data?.configurations) {\n      const emailConfig = data.configurations.find(\n        (c: ConfigurationFieldsFragment) => c.key === EMAIL_SETTINGS_KEY,\n      );\n      if (emailConfig?.value) {\n        const val = emailConfig.value as Partial<EmailSettings>;\n        setSettings({\n          autoTrack: val.autoTrack ?? DEFAULT_SETTINGS.autoTrack,\n          categorizeByProject:\n            val.categorizeByProject ?? DEFAULT_SETTINGS.categorizeByProject,\n          responseTimeAlerts:\n            val.responseTimeAlerts ?? DEFAULT_SETTINGS.responseTimeAlerts,\n        });\n      }\n    }\n  }, [data]);\n\n  const handleSave = useCallback(async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: EMAIL_SETTINGS_KEY,\n          value: settings as unknown as Record<string, unknown>,\n          description: \"Email tracking settings\",\n          scope: \"WORKSPACE\" as never,\n        },\n      },\n    });\n  }, [setConfiguration, settings]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Settings\"\n        description=\"Configure email tracking preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Settings\"\n        description=\"Configure email tracking preferences\"\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 settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Email Settings\"\n      description=\"Configure email tracking preferences\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Tracking Configuration\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Auto-track emails\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Automatically track time spent reading and responding\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.autoTrack}\n                onChange={(e) =>\n                  setSettings((s) => ({ ...s, autoTrack: e.target.checked }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Categorize by project\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Link emails to projects automatically\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.categorizeByProject}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    categorizeByProject: e.target.checked,\n                  }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Response time alerts\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Notify when response time exceeds threshold\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={settings.responseTimeAlerts}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    responseTimeAlerts: e.target.checked,\n                  }))\n                }\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\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            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,31 +1,31 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { formatRelativeTime as t, getPriorityColor as n, getStatusColor as r } from "../../utils/helpers.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
-import { useListEmailTimeEntriesQuery as o } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useListEmailTimeEntriesQuery as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
 import { Filter as s, Mail as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/timecampus/pages/email-tracking/EmailTrackingPage.tsx
 function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = o({
+	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = a({
 		variables: { limit: 50 },
 		skip: !d
 	}), h = f?.emailTimeEntries ?? [];
-	return /* @__PURE__ */ l(i, {
+	return /* @__PURE__ */ l(o, {
 		title: "Email Tracking",
 		description: "Track time spent on emails",
 		actions: /* @__PURE__ */ u("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__ */ l(s, { className: "h-4 w-4" }), "Filter"]
 		}),
-		children: p ? /* @__PURE__ */ l(a, {
+		children: p ? /* @__PURE__ */ l(i, {
 			variant: "list",
 			count: 4
 		}) : m ? /* @__PURE__ */ l("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 entries. Please try again later."
 		}) : /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
 			children: /* @__PURE__ */ l("div", {
 				className: "divide-y divide-border",
 				children: h.length === 0 ? /* @__PURE__ */ l("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"EmailTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailTrackingPage.tsx"],"sourcesContent":["import { Mail, Filter } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  getPriorityColor,\n  formatRelativeTime,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListEmailTimeEntriesQuery,\n  type EmailTimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function EmailTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useListEmailTimeEntriesQuery({\n    variables: { limit: 50 },\n    skip: !workspaceId,\n  });\n\n  const emails = data?.emailTimeEntries ?? [];\n\n  return (\n    <PageLayout\n      title=\"Email Tracking\"\n      description=\"Track time spent on emails\"\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          <Filter className=\"h-4 w-4\" />\n          Filter\n        </button>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"list\" count={4} />\n      ) : error ? (\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 entries. Please try again later.\n        </div>\n      ) : (\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n          <div className=\"divide-y divide-border\">\n            {emails.length === 0 ? (\n              <div className=\"p-8 text-center text-sm text-text-secondary\">\n                No email entries found.\n              </div>\n            ) : (\n              emails.map((email: EmailTimeEntryFieldsFragment) => (\n                <div\n                  key={email.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                    <Mail\n                      className={`h-5 w-5 ${email.isImportant ? \"text-primary\" : \"text-text-secondary\"}`}\n                    />\n                    <div>\n                      <p\n                        className={`text-sm ${email.isImportant ? \"font-semibold text-text-primary\" : \"font-medium text-text-primary\"}`}\n                      >\n                        {email.subject ?? \"(No subject)\"}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {email.sender ?? \"Unknown\"} &middot;{\" \"}\n                        {formatRelativeTime(email.date)} &middot; ~\n                        {email.duration ?? 0}min\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getPriorityColor(email.isImportant ? \"high\" : \"low\")}`}\n                    >\n                      {email.isImportant ? \"high\" : \"normal\"}\n                    </span>\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(email.category ?? \"active\")}`}\n                    >\n                      {email.category ?? \"uncategorized\"}\n                    </span>\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA6B;EAC5D,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,oBAAoB,EAAE;AAE3C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,SAEvB;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAC1C,IACF,kBAAC,OAAD;GAAK,WAAU;aAA2G;GAEpH,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,WAAW,IACjB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAO,KAAK,MACV,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,WAAW,EAAM,cAAc,iBAAiB,yBAC3D,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,WAAW,EAAM,cAAc,oCAAoC;iBAE7E,EAAM,WAAW;OAChB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAM,UAAU;QAAU;QAAU;QACpC,EAAmB,EAAM,KAAK;QAAC;QAC/B,EAAM,YAAY;QAAE;QACnB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAiB,EAAM,cAAc,SAAS,MAAM;iBAE1H,EAAM,cAAc,SAAS;OACzB,CAAA,EACP,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAM,YAAY,SAAS;iBAEhH,EAAM,YAAY;OACd,CAAA,CACH;QACF;OAhCC,EAAM,GAgCP,CACN;IAEA,CAAA;GACF,CAAA;EAEG,CAAA"}
+{"version":3,"file":"EmailTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailTrackingPage.tsx"],"sourcesContent":["import { Mail, Filter } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  getPriorityColor,\n  formatRelativeTime,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListEmailTimeEntriesQuery,\n  type EmailTimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function EmailTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useListEmailTimeEntriesQuery({\n    variables: { limit: 50 },\n    skip: !workspaceId,\n  });\n\n  const emails = data?.emailTimeEntries ?? [];\n\n  return (\n    <PageLayout\n      title=\"Email Tracking\"\n      description=\"Track time spent on emails\"\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          <Filter className=\"h-4 w-4\" />\n          Filter\n        </button>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"list\" count={4} />\n      ) : error ? (\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 entries. Please try again later.\n        </div>\n      ) : (\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n          <div className=\"divide-y divide-border\">\n            {emails.length === 0 ? (\n              <div className=\"p-8 text-center text-sm text-text-secondary\">\n                No email entries found.\n              </div>\n            ) : (\n              emails.map((email: EmailTimeEntryFieldsFragment) => (\n                <div\n                  key={email.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                    <Mail\n                      className={`h-5 w-5 ${email.isImportant ? \"text-primary\" : \"text-text-secondary\"}`}\n                    />\n                    <div>\n                      <p\n                        className={`text-sm ${email.isImportant ? \"font-semibold text-text-primary\" : \"font-medium text-text-primary\"}`}\n                      >\n                        {email.subject ?? \"(No subject)\"}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {email.sender ?? \"Unknown\"} &middot;{\" \"}\n                        {formatRelativeTime(email.date)} &middot; ~\n                        {email.duration ?? 0}min\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getPriorityColor(email.isImportant ? \"high\" : \"low\")}`}\n                    >\n                      {email.isImportant ? \"high\" : \"normal\"}\n                    </span>\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(email.category ?? \"active\")}`}\n                    >\n                      {email.category ?? \"uncategorized\"}\n                    </span>\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA6B;EAC5D,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,oBAAoB,EAAE;AAE3C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,SAEvB;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAC1C,IACF,kBAAC,OAAD;GAAK,WAAU;aAA2G;GAEpH,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,WAAW,IACjB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAO,KAAK,MACV,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,WAAW,EAAM,cAAc,iBAAiB,yBAC3D,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,WAAW,EAAM,cAAc,oCAAoC;iBAE7E,EAAM,WAAW;OAChB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAM,UAAU;QAAU;QAAU;QACpC,EAAmB,EAAM,KAAK;QAAC;QAC/B,EAAM,YAAY;QAAE;QACnB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAiB,EAAM,cAAc,SAAS,MAAM;iBAE1H,EAAM,cAAc,SAAS;OACzB,CAAA,EACP,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAM,YAAY,SAAS;iBAEhH,EAAM,YAAY;OACd,CAAA,CACH;QACF;OAhCC,EAAM,GAgCP,CACN;IAEA,CAAA;GACF,CAAA;EAEG,CAAA"}

package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js

@@ -1,29 +1,29 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { formatCurrency as t, formatDate as n, getStatusColor as r } from "../../utils/helpers.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { StatCard as a } from "../../components/StatCard.js";
-import { LoadingSkeleton as o } from "../../components/LoadingSkeleton.js";
-import { useGetExpenseStatsQuery as s, useListExpensesQuery as c } from "../../../generated/wspace-operations.js";
+import { StatCard as i } from "../../components/StatCard.js";
+import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
+import { useGetExpenseStatsQuery as o, useListExpensesQuery as s } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
 import { DollarSign as l, Plus as u, Receipt as d } from "lucide-react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx
 function m() {
-	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = c({ variables: { workspaceId: m } }), { data: v, loading: y, error: b } = s({ variables: { workspaceId: m } }), x = h?.expenses ?? [], S = v?.expenseStats;
-	return g && y ? /* @__PURE__ */ f(i, {
+	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = s({ variables: { workspaceId: m } }), { data: v, loading: y, error: b } = o({ variables: { workspaceId: m } }), x = h?.expenses ?? [], S = v?.expenseStats;
+	return g && y ? /* @__PURE__ */ f(c, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
-		children: /* @__PURE__ */ f(o, {
+		children: /* @__PURE__ */ f(a, {
 			variant: "list",
 			count: 4
 		})
-	}) : _ && b ? /* @__PURE__ */ f(i, {
+	}) : _ && b ? /* @__PURE__ */ f(c, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
 		children: /* @__PURE__ */ f("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 expense data. Please try again later."
 		})
-	}) : /* @__PURE__ */ p(i, {
+	}) : /* @__PURE__ */ p(c, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
 		actions: /* @__PURE__ */ p("button", {
@@ -33,22 +33,22 @@ function m() {
 		children: [/* @__PURE__ */ p("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ f(a, {
+				/* @__PURE__ */ f(i, {
 					title: "Total This Month",
 					value: t(S?.totalAmount ?? 0),
 					icon: /* @__PURE__ */ f(l, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ f(a, {
+				/* @__PURE__ */ f(i, {
 					title: "Pending",
 					value: String(S?.pendingCount ?? 0),
 					description: "expenses awaiting approval"
 				}),
-				/* @__PURE__ */ f(a, {
+				/* @__PURE__ */ f(i, {
 					title: "Approved",
 					value: String(S?.approvedCount ?? 0),
 					description: "expenses approved"
 				}),
-				/* @__PURE__ */ f(a, {
+				/* @__PURE__ */ f(i, {
 					title: "Average",
 					value: t(S?.averageAmount ?? 0),
 					icon: /* @__PURE__ */ f(d, { className: "h-5 w-5" }),
@@ -56,7 +56,7 @@ function m() {
 				})
 			]
 		}), /* @__PURE__ */ f("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
 			children: /* @__PURE__ */ p("div", {
 				className: "divide-y divide-border",
 				children: [x.length === 0 && !g && /* @__PURE__ */ f("div", {

package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpenseTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"sourcesContent":["import { Receipt, Plus, DollarSign } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  formatCurrency,\n  formatDate,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListExpensesQuery,\n  useGetExpenseStatsQuery,\n  type ExpenseFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ExpenseTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: expensesData,\n    loading: expensesLoading,\n    error: expensesError,\n  } = useListExpensesQuery({\n    variables: { workspaceId },\n  });\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetExpenseStatsQuery({\n    variables: { workspaceId },\n  });\n\n  const expenses = expensesData?.expenses ?? [];\n  const stats = statsData?.expenseStats;\n\n  if (expensesLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Expense Tracking\"\n        description=\"Track and manage work expenses\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (expensesError && statsError) {\n    return (\n      <PageLayout\n        title=\"Expense Tracking\"\n        description=\"Track and manage work expenses\"\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 expense data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Expense Tracking\"\n      description=\"Track and manage work expenses\"\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          Add Expense\n        </button>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Total This Month\"\n          value={formatCurrency(stats?.totalAmount ?? 0)}\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Pending\"\n          value={String(stats?.pendingCount ?? 0)}\n          description=\"expenses awaiting approval\"\n        />\n        <StatCard\n          title=\"Approved\"\n          value={String(stats?.approvedCount ?? 0)}\n          description=\"expenses approved\"\n        />\n        <StatCard\n          title=\"Average\"\n          value={formatCurrency(stats?.averageAmount ?? 0)}\n          icon={<Receipt className=\"h-5 w-5\" />}\n          description=\"per expense\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n        <div className=\"divide-y divide-border\">\n          {expenses.length === 0 && !expensesLoading && (\n            <div className=\"p-4 text-center text-sm text-text-secondary\">\n              No expenses recorded yet.\n            </div>\n          )}\n          {expenses.map((expense: ExpenseFieldsFragment) => (\n            <div\n              key={expense.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                <Receipt className=\"h-5 w-5 text-text-secondary\" />\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {expense.description ?? \"Untitled expense\"}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {expense.category} &middot;{\" \"}\n                    {expense.projectId ?? \"No project\"} &middot;{\" \"}\n                    {formatDate(expense.date)}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {formatCurrency(expense.amount)}\n                </p>\n                <span\n                  className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(expense.status)}`}\n                >\n                  {expense.status}\n                </span>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAqB,EACvB,WAAW,EAAE,gBAAa,EAC3B,CAAC,EACI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAwB,EAC1B,WAAW,EAAE,gBAAa,EAC3B,CAAC,EAEI,IAAW,GAAc,YAAY,EAAE,EACvC,IAAQ,GAAW;AA0BzB,QAxBI,KAAmB,IAEnB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAiB,IAEjB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,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,cAErB;;YAPb,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAe,GAAO,eAAe,EAAE;KAC9C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAe,GAAO,iBAAiB,EAAE;KAChD,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;KACrC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,WAAW,KAAK,CAAC,KACzB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,EAEP,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAS,WAAU,+BAAgC,CAAA,EACnD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ,eAAe;OACtB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAQ;QAAS;QAAU;QAC3B,EAAQ,aAAa;QAAa;QAAU;QAC5C,EAAW,EAAQ,KAAK;QACvB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAe,EAAQ,OAAO;OAC7B,CAAA,EACJ,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAQ,OAAO;iBAEpG,EAAQ;OACJ,CAAA,CACH;QACF;OA1BC,EAAQ,GA0BT,CACN,CACE;;GACF,CAAA,CACK"}
+{"version":3,"file":"ExpenseTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"sourcesContent":["import { Receipt, Plus, DollarSign } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  formatCurrency,\n  formatDate,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListExpensesQuery,\n  useGetExpenseStatsQuery,\n  type ExpenseFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ExpenseTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: expensesData,\n    loading: expensesLoading,\n    error: expensesError,\n  } = useListExpensesQuery({\n    variables: { workspaceId },\n  });\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetExpenseStatsQuery({\n    variables: { workspaceId },\n  });\n\n  const expenses = expensesData?.expenses ?? [];\n  const stats = statsData?.expenseStats;\n\n  if (expensesLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Expense Tracking\"\n        description=\"Track and manage work expenses\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (expensesError && statsError) {\n    return (\n      <PageLayout\n        title=\"Expense Tracking\"\n        description=\"Track and manage work expenses\"\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 expense data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Expense Tracking\"\n      description=\"Track and manage work expenses\"\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          Add Expense\n        </button>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Total This Month\"\n          value={formatCurrency(stats?.totalAmount ?? 0)}\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Pending\"\n          value={String(stats?.pendingCount ?? 0)}\n          description=\"expenses awaiting approval\"\n        />\n        <StatCard\n          title=\"Approved\"\n          value={String(stats?.approvedCount ?? 0)}\n          description=\"expenses approved\"\n        />\n        <StatCard\n          title=\"Average\"\n          value={formatCurrency(stats?.averageAmount ?? 0)}\n          icon={<Receipt className=\"h-5 w-5\" />}\n          description=\"per expense\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n        <div className=\"divide-y divide-border\">\n          {expenses.length === 0 && !expensesLoading && (\n            <div className=\"p-4 text-center text-sm text-text-secondary\">\n              No expenses recorded yet.\n            </div>\n          )}\n          {expenses.map((expense: ExpenseFieldsFragment) => (\n            <div\n              key={expense.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                <Receipt className=\"h-5 w-5 text-text-secondary\" />\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {expense.description ?? \"Untitled expense\"}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {expense.category} &middot;{\" \"}\n                    {expense.projectId ?? \"No project\"} &middot;{\" \"}\n                    {formatDate(expense.date)}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {formatCurrency(expense.amount)}\n                </p>\n                <span\n                  className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(expense.status)}`}\n                >\n                  {expense.status}\n                </span>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAqB,EACvB,WAAW,EAAE,gBAAa,EAC3B,CAAC,EACI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAwB,EAC1B,WAAW,EAAE,gBAAa,EAC3B,CAAC,EAEI,IAAW,GAAc,YAAY,EAAE,EACvC,IAAQ,GAAW;AA0BzB,QAxBI,KAAmB,IAEnB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAiB,IAEjB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,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,cAErB;;YAPb,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAe,GAAO,eAAe,EAAE;KAC9C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAe,GAAO,iBAAiB,EAAE;KAChD,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;KACrC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,WAAW,KAAK,CAAC,KACzB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,EAEP,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAS,WAAU,+BAAgC,CAAA,EACnD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ,eAAe;OACtB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAQ;QAAS;QAAU;QAC3B,EAAQ,aAAa;QAAa;QAAU;QAC5C,EAAW,EAAQ,KAAK;QACvB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAe,EAAQ,OAAO;OAC7B,CAAA,EACJ,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAQ,OAAO;iBAEpG,EAAQ;OACJ,CAAA,CACH;QACF;OA1BC,EAAQ,GA0BT,CACN,CACE;;GACF,CAAA,CACK"}