@burdenoff/microfe-timecampus 2026.608.1 → 2026.625.1

package/dist/timecampus/pages/channels/ChannelsPage.js

@@ -1,48 +1,48 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { getStatusColor as t } from "../../utils/helpers.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useListChannelConfigsQuery as i, useListChannelStatusesQuery as a } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useListChannelConfigsQuery as r, useListChannelStatusesQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
 import { Wifi as o, WifiOff as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/channels/ChannelsPage.tsx
 function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i(), { data: m } = a(), h = d?.channelConfigs ?? [], g = m?.channelStatuses ?? [], _ = new Map(g.map((e) => [e.channelId, e]));
-	return f ? /* @__PURE__ */ c(n, {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r(), { data: m } = i(), h = d?.channelConfigs ?? [], g = m?.channelStatuses ?? [], _ = new Map(g.map((e) => [e.channelId, e]));
+	return f ? /* @__PURE__ */ c(a, {
 		title: "Channels",
 		description: "Manage time tracking channels and integrations",
-		children: /* @__PURE__ */ c(r, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "card",
 			count: 6
 		})
-	}) : p ? /* @__PURE__ */ c(n, {
+	}) : p ? /* @__PURE__ */ c(a, {
 		title: "Channels",
 		description: "Manage time tracking channels and integrations",
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 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 channels data. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(n, {
+	}) : /* @__PURE__ */ c(a, {
 		title: "Channels",
 		description: "Manage time tracking channels and integrations",
 		children: /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: h.length === 0 ? /* @__PURE__ */ c("div", {
-				className: "col-span-full p-8 text-center text-sm text-muted-foreground",
+				className: "col-span-full p-8 text-center text-sm text-text-secondary",
 				children: "No channels configured yet. Set up your first tracking channel."
 			}) : h.map((e) => {
 				let n = _.get(e.id), r = e.status === "active", i = e.lastSync ? new Date(e.lastSync).toLocaleString() : "Never";
 				return /* @__PURE__ */ l("div", {
-					className: "rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer",
+					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
 					children: [/* @__PURE__ */ l("div", {
 						className: "flex items-start justify-between",
 						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-3",
-							children: [r ? /* @__PURE__ */ c(o, { className: "h-5 w-5 text-emerald-500" }) : /* @__PURE__ */ c(s, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
-								className: "text-sm font-semibold text-foreground",
+							children: [r ? /* @__PURE__ */ c(o, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ c(s, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+								className: "text-sm font-semibold text-text-primary",
 								children: e.name
 							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: e.type
 							})] })]
 						}), /* @__PURE__ */ c("span", {
@@ -50,7 +50,7 @@ function u() {
 							children: e.status
 						})]
 					}), /* @__PURE__ */ l("div", {
-						className: "mt-3 flex items-center justify-between text-xs text-muted-foreground",
+						className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
 						children: [/* @__PURE__ */ c("span", { children: n?.isHealthy ? "Healthy" : "Unhealthy" }), /* @__PURE__ */ l("span", { children: ["Sync: ", i] })]
 					})]
 				}, e.id);

package/dist/timecampus/pages/channels/ChannelsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../../src/timecampus/pages/channels/ChannelsPage.tsx"],"sourcesContent":["import { Radio, Settings, Wifi, WifiOff } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListChannelConfigsQuery,\n  useListChannelStatusesQuery,\n  type ChannelConfigFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ChannelsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n  } = useListChannelConfigsQuery();\n  const { data: statusesData } = useListChannelStatusesQuery();\n\n  const channels = configsData?.channelConfigs ?? [];\n  const statuses = statusesData?.channelStatuses ?? [];\n\n  type ChannelStatusItem = {\n    channelId: string;\n    name: string;\n    type: string;\n    status: string;\n    isHealthy: boolean;\n    lastSync?: string | null;\n  };\n\n  // Build a lookup map for status info\n  const statusMap = new Map<string, ChannelStatusItem>(\n    statuses.map((s: ChannelStatusItem) => [s.channelId, s]),\n  );\n\n  if (configsLoading) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load channels data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Channels\"\n      description=\"Manage time tracking channels and integrations\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {channels.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-muted-foreground\">\n            No channels configured yet. Set up your first tracking channel.\n          </div>\n        ) : (\n          channels.map((channel: ChannelConfigFieldsFragment) => {\n            const statusInfo = statusMap.get(channel.id);\n            const isActive = channel.status === \"active\";\n            const lastSync = channel.lastSync\n              ? new Date(channel.lastSync).toLocaleString()\n              : \"Never\";\n\n            return (\n              <div\n                key={channel.id}\n                className=\"rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    {isActive ? (\n                      <Wifi className=\"h-5 w-5 text-emerald-500\" />\n                    ) : (\n                      <WifiOff className=\"h-5 w-5 text-muted-foreground\" />\n                    )}\n                    <div>\n                      <p className=\"text-sm font-semibold text-foreground\">\n                        {channel.name}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {channel.type}\n                      </p>\n                    </div>\n                  </div>\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(channel.status)}`}\n                  >\n                    {channel.status}\n                  </span>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\n                  <span>{statusInfo?.isHealthy ? \"Healthy\" : \"Unhealthy\"}</span>\n                  <span>Sync: {lastSync}</span>\n                </div>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA4B,EAC1B,EAAE,MAAM,MAAiB,GAA6B,EAEtD,IAAW,GAAa,kBAAkB,EAAE,EAC5C,IAAW,GAAc,mBAAmB,EAAE,EAY9C,IAAY,IAAI,IACpB,EAAS,KAAK,MAAyB,CAAC,EAAE,WAAW,EAAE,CAAC,CACzD;AA0BD,QAxBI,IAEA,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;aACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;IAAK,WAAU;cAA8D;IAEvE,CAAA,GAEN,EAAS,KAAK,MAAyC;IACrD,IAAM,IAAa,EAAU,IAAI,EAAQ,GAAG,EACtC,IAAW,EAAQ,WAAW,UAC9B,IAAW,EAAQ,WACrB,IAAI,KAAK,EAAQ,SAAS,CAAC,gBAAgB,GAC3C;AAEJ,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,IACC,kBAAC,GAAD,EAAM,WAAU,4BAA6B,CAAA,GAE7C,kBAAC,GAAD,EAAS,WAAU,iCAAkC,CAAA,EAEvD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,CACA,EAAA,CAAA,CACF;UACN,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAQ,OAAO;iBAEpG,EAAQ;OACJ,CAAA,CACH;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,GAAY,YAAY,YAAY,aAAmB,CAAA,EAC9D,kBAAC,QAAD,EAAA,UAAA,CAAM,UAAO,EAAgB,EAAA,CAAA,CACzB;QACF;OA7BC,EAAQ,GA6BT;KAER;GAEA,CAAA;EACK,CAAA"}
+{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../../src/timecampus/pages/channels/ChannelsPage.tsx"],"sourcesContent":["import { Radio, Settings, Wifi, WifiOff } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListChannelConfigsQuery,\n  useListChannelStatusesQuery,\n  type ChannelConfigFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ChannelsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n  } = useListChannelConfigsQuery();\n  const { data: statusesData } = useListChannelStatusesQuery();\n\n  const channels = configsData?.channelConfigs ?? [];\n  const statuses = statusesData?.channelStatuses ?? [];\n\n  type ChannelStatusItem = {\n    channelId: string;\n    name: string;\n    type: string;\n    status: string;\n    isHealthy: boolean;\n    lastSync?: string | null;\n  };\n\n  // Build a lookup map for status info\n  const statusMap = new Map<string, ChannelStatusItem>(\n    statuses.map((s: ChannelStatusItem) => [s.channelId, s]),\n  );\n\n  if (configsLoading) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\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 channels data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Channels\"\n      description=\"Manage time tracking channels and integrations\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {channels.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-text-secondary\">\n            No channels configured yet. Set up your first tracking channel.\n          </div>\n        ) : (\n          channels.map((channel: ChannelConfigFieldsFragment) => {\n            const statusInfo = statusMap.get(channel.id);\n            const isActive = channel.status === \"active\";\n            const lastSync = channel.lastSync\n              ? new Date(channel.lastSync).toLocaleString()\n              : \"Never\";\n\n            return (\n              <div\n                key={channel.id}\n                className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    {isActive ? (\n                      <Wifi className=\"h-5 w-5 text-status-success-text\" />\n                    ) : (\n                      <WifiOff className=\"h-5 w-5 text-text-secondary\" />\n                    )}\n                    <div>\n                      <p className=\"text-sm font-semibold text-text-primary\">\n                        {channel.name}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {channel.type}\n                      </p>\n                    </div>\n                  </div>\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(channel.status)}`}\n                  >\n                    {channel.status}\n                  </span>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                  <span>{statusInfo?.isHealthy ? \"Healthy\" : \"Unhealthy\"}</span>\n                  <span>Sync: {lastSync}</span>\n                </div>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA4B,EAC1B,EAAE,MAAM,MAAiB,GAA6B,EAEtD,IAAW,GAAa,kBAAkB,EAAE,EAC5C,IAAW,GAAc,mBAAmB,EAAE,EAY9C,IAAY,IAAI,IACpB,EAAS,KAAK,MAAyB,CAAC,EAAE,WAAW,EAAE,CAAC,CACzD;AA0BD,QAxBI,IAEA,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;aACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAErE,CAAA,GAEN,EAAS,KAAK,MAAyC;IACrD,IAAM,IAAa,EAAU,IAAI,EAAQ,GAAG,EACtC,IAAW,EAAQ,WAAW,UAC9B,IAAW,EAAQ,WACrB,IAAI,KAAK,EAAQ,SAAS,CAAC,gBAAgB,GAC3C;AAEJ,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,IACC,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,GAErD,kBAAC,GAAD,EAAS,WAAU,+BAAgC,CAAA,EAErD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,CACA,EAAA,CAAA,CACF;UACN,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAQ,OAAO;iBAEpG,EAAQ;OACJ,CAAA,CACH;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,GAAY,YAAY,YAAY,aAAmB,CAAA,EAC9D,kBAAC,QAAD,EAAA,UAAA,CAAM,UAAO,EAAgB,EAAA,CAAA,CACzB;QACF;OA7BC,EAAQ,GA6BT;KAER;GAEA,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/client-portal/ClientPortalPage.js

@@ -1,54 +1,54 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { getInitials as t, getStatusColor as n } from "../../utils/helpers.js";
-import { PageLayout as r } from "../../components/PageLayout.js";
-import { StatCard as i } from "../../components/StatCard.js";
-import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
-import { useGetClientPortalStatsQuery as o, useListClientPortalConfigsQuery as s } from "../../../generated/wspace-operations.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useGetClientPortalStatsQuery as a, useListClientPortalConfigsQuery as o } from "../../../generated/wspace-operations.js";
+import { PageLayout as s } from "../../components/PageLayout.js";
 import { Building2 as c, DollarSign as l, FolderOpen as u, Plus as d } from "lucide-react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/timecampus/pages/client-portal/ClientPortalPage.tsx
 function m() {
-	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = s(), { data: v, loading: y } = o(), b = h?.clientPortalConfigs?.items ?? [], x = v?.clientPortalStats;
-	return g ? /* @__PURE__ */ f(r, {
+	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = o(), { data: v, loading: y } = a(), b = h?.clientPortalConfigs?.items ?? [], x = v?.clientPortalStats;
+	return g ? /* @__PURE__ */ f(s, {
 		title: "Client Portal",
 		description: "Manage clients and their projects",
-		children: /* @__PURE__ */ f(a, {
+		children: /* @__PURE__ */ f(i, {
 			variant: "list",
 			count: 4
 		})
-	}) : _ ? /* @__PURE__ */ f(r, {
+	}) : _ ? /* @__PURE__ */ f(s, {
 		title: "Client Portal",
 		description: "Manage clients and their projects",
 		children: /* @__PURE__ */ f("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 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 client portal data. Please try again later."
 		})
-	}) : /* @__PURE__ */ p(r, {
+	}) : /* @__PURE__ */ p(s, {
 		title: "Client Portal",
 		description: "Manage clients and their projects",
 		actions: /* @__PURE__ */ p("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 			children: [/* @__PURE__ */ f(d, { className: "h-4 w-4" }), "Add Client"]
 		}),
 		children: [/* @__PURE__ */ p("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ f(i, {
+				/* @__PURE__ */ f(r, {
 					title: "Active Clients",
 					value: String(x?.activeClients ?? 0),
 					icon: /* @__PURE__ */ f(c, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ f(i, {
+				/* @__PURE__ */ f(r, {
 					title: "Total Projects",
 					value: String(x?.totalProjectsShared ?? 0),
 					icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ f(i, {
+				/* @__PURE__ */ f(r, {
 					title: "Total Clients",
 					value: String(x?.totalClients ?? 0),
 					icon: /* @__PURE__ */ f(l, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ f(i, {
+				/* @__PURE__ */ f(r, {
 					title: "Active",
 					value: String(x?.activeClients ?? 0),
 					trend: {
@@ -58,26 +58,26 @@ function m() {
 				})
 			]
 		}), /* @__PURE__ */ f("div", {
-			className: "rounded-xl border border-border bg-card",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
 			children: /* @__PURE__ */ f("div", {
 				className: "divide-y divide-border",
 				children: b.length === 0 ? /* @__PURE__ */ f("div", {
-					className: "p-8 text-center text-sm text-muted-foreground",
+					className: "p-8 text-center text-sm text-text-secondary",
 					children: "No clients configured yet. Add your first client to get started."
 				}) : b.map((e) => {
 					let r = e.projects.reduce((e, t) => e + t.trackedHours, 0);
 					return /* @__PURE__ */ p("div", {
-						className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors cursor-pointer",
+						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer",
 						children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ f("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-sm font-medium text-primary",
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-sm font-medium text-primary",
 								children: t(e.clientName)
 							}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: e.clientName
 							}), /* @__PURE__ */ p("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [
 									e.projects.length,
 									" projects ·",
@@ -89,7 +89,7 @@ function m() {
 						}), /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-4",
 							children: [e.contactEmail && /* @__PURE__ */ f("span", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: e.contactEmail
 							}), /* @__PURE__ */ f("span", {
 								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${n(e.isActive ? "active" : "inactive")}`,

package/dist/timecampus/pages/client-portal/ClientPortalPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientPortalPage.js","names":[],"sources":["../../../../src/timecampus/pages/client-portal/ClientPortalPage.tsx"],"sourcesContent":["import { Building2, Plus, DollarSign, FolderOpen } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  formatCurrency,\n  getInitials,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListClientPortalConfigsQuery,\n  useGetClientPortalStatsQuery,\n  type ClientPortalFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ClientPortalPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n  } = useListClientPortalConfigsQuery();\n  const { data: statsData, loading: statsLoading } =\n    useGetClientPortalStatsQuery();\n\n  const clients = configsData?.clientPortalConfigs?.items ?? [];\n  const stats = statsData?.clientPortalStats;\n\n  if (configsLoading) {\n    return (\n      <PageLayout\n        title=\"Client Portal\"\n        description=\"Manage clients and their projects\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Client Portal\"\n        description=\"Manage clients and their projects\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load client portal data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Client Portal\"\n      description=\"Manage clients and their projects\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Add Client\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=\"Active Clients\"\n          value={String(stats?.activeClients ?? 0)}\n          icon={<Building2 className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Total Projects\"\n          value={String(stats?.totalProjectsShared ?? 0)}\n          icon={<FolderOpen className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Total Clients\"\n          value={String(stats?.totalClients ?? 0)}\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Active\"\n          value={String(stats?.activeClients ?? 0)}\n          trend={{ value: 0, label: \"clients\" }}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {clients.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No clients configured yet. Add your first client to get started.\n            </div>\n          ) : (\n            clients.map((client: ClientPortalFieldsFragment) => {\n              const totalTrackedHours = client.projects.reduce(\n                (sum: number, p: { trackedHours: number }) =>\n                  sum + p.trackedHours,\n                0,\n              );\n              return (\n                <div\n                  key={client.id}\n                  className=\"flex items-center justify-between p-4 hover:bg-muted/50 transition-colors cursor-pointer\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-sm font-medium text-primary\">\n                      {getInitials(client.clientName)}\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-foreground\">\n                        {client.clientName}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {client.projects.length} projects &middot;{\" \"}\n                        {totalTrackedHours}h tracked\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-4\">\n                    {client.contactEmail && (\n                      <span className=\"text-xs text-muted-foreground\">\n                        {client.contactEmail}\n                      </span>\n                    )}\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(client.isActive ? \"active\" : \"inactive\")}`}\n                    >\n                      {client.isActive ? \"active\" : \"inactive\"}\n                    </span>\n                  </div>\n                </div>\n              );\n            })\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAAiC,EAC/B,EAAE,MAAM,GAAW,SAAS,MAChC,GAA8B,EAE1B,IAAU,GAAa,qBAAqB,SAAS,EAAE,EACvD,IAAQ,GAAW;AA0BzB,QAxBI,IAEA,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;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,aAErB;;YAPb,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,uBAAuB,EAAE;KAC9C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,OAAO;MAAE,OAAO;MAAG,OAAO;MAAW;KACrC,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAAgD;KAEzD,CAAA,GAEN,EAAQ,KAAK,MAAuC;KAClD,IAAM,IAAoB,EAAO,SAAS,QACvC,GAAa,MACZ,IAAM,EAAE,cACV,EACD;AACD,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,EAAO,WAAW;QAC3B,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO;QACN,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAO,SAAS;SAAO;SAAmB;SAC1C;SAAkB;SACjB;UACA,EAAA,CAAA,CACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,gBACN,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAO;QACH,CAAA,EAET,kBAAC,QAAD;QACE,WAAW,4DAA4D,EAAe,EAAO,WAAW,WAAW,WAAW;kBAE7H,EAAO,WAAW,WAAW;QACzB,CAAA,CACH;SACF;QA7BC,EAAO,GA6BR;MAER;IAEA,CAAA;GACF,CAAA,CACK"}
+{"version":3,"file":"ClientPortalPage.js","names":[],"sources":["../../../../src/timecampus/pages/client-portal/ClientPortalPage.tsx"],"sourcesContent":["import { Building2, Plus, DollarSign, FolderOpen } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  formatCurrency,\n  getInitials,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListClientPortalConfigsQuery,\n  useGetClientPortalStatsQuery,\n  type ClientPortalFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ClientPortalPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n  } = useListClientPortalConfigsQuery();\n  const { data: statsData, loading: statsLoading } =\n    useGetClientPortalStatsQuery();\n\n  const clients = configsData?.clientPortalConfigs?.items ?? [];\n  const stats = statsData?.clientPortalStats;\n\n  if (configsLoading) {\n    return (\n      <PageLayout\n        title=\"Client Portal\"\n        description=\"Manage clients and their projects\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Client Portal\"\n        description=\"Manage clients and their projects\"\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 client portal data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Client Portal\"\n      description=\"Manage clients and their projects\"\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 Client\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=\"Active Clients\"\n          value={String(stats?.activeClients ?? 0)}\n          icon={<Building2 className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Total Projects\"\n          value={String(stats?.totalProjectsShared ?? 0)}\n          icon={<FolderOpen className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Total Clients\"\n          value={String(stats?.totalClients ?? 0)}\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Active\"\n          value={String(stats?.activeClients ?? 0)}\n          trend={{ value: 0, label: \"clients\" }}\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          {clients.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No clients configured yet. Add your first client to get started.\n            </div>\n          ) : (\n            clients.map((client: ClientPortalFieldsFragment) => {\n              const totalTrackedHours = client.projects.reduce(\n                (sum: number, p: { trackedHours: number }) =>\n                  sum + p.trackedHours,\n                0,\n              );\n              return (\n                <div\n                  key={client.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                    <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-sm font-medium text-primary\">\n                      {getInitials(client.clientName)}\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {client.clientName}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {client.projects.length} projects &middot;{\" \"}\n                        {totalTrackedHours}h tracked\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-4\">\n                    {client.contactEmail && (\n                      <span className=\"text-xs text-text-secondary\">\n                        {client.contactEmail}\n                      </span>\n                    )}\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(client.isActive ? \"active\" : \"inactive\")}`}\n                    >\n                      {client.isActive ? \"active\" : \"inactive\"}\n                    </span>\n                  </div>\n                </div>\n              );\n            })\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAAiC,EAC/B,EAAE,MAAM,GAAW,SAAS,MAChC,GAA8B,EAE1B,IAAU,GAAa,qBAAqB,SAAS,EAAE,EACvD,IAAQ,GAAW;AA0BzB,QAxBI,IAEA,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;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,aAErB;;YAPb,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,uBAAuB,EAAE;KAC9C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,iBAAiB,EAAE;KACxC,OAAO;MAAE,OAAO;MAAG,OAAO;MAAW;KACrC,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAQ,KAAK,MAAuC;KAClD,IAAM,IAAoB,EAAO,SAAS,QACvC,GAAa,MACZ,IAAM,EAAE,cACV,EACD;AACD,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,EAAO,WAAW;QAC3B,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO;QACN,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAO,SAAS;SAAO;SAAmB;SAC1C;SAAkB;SACjB;UACA,EAAA,CAAA,CACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,gBACN,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAO;QACH,CAAA,EAET,kBAAC,QAAD;QACE,WAAW,4DAA4D,EAAe,EAAO,WAAW,WAAW,WAAW;kBAE7H,EAAO,WAAW,WAAW;QACzB,CAAA,CACH;SACF;QA7BC,EAAO,GA6BR;MAER;IAEA,CAAA;GACF,CAAA,CACK"}

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

@@ -1,50 +1,50 @@
 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 { BarChart3 as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/timecampus/pages/dashboard/AnalyticsPage.tsx
 function l() {
-	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = i({ skip: !l }), { data: p, loading: m } = r({ skip: !l }), { data: h, loading: g } = a({ skip: !l }), _ = u?.timeEntryStats, v = p?.focusScoreSummary, y = h?.workPatternSummary;
-	return d || m || g ? /* @__PURE__ */ s(t, {
+	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = r({ skip: !l }), { data: p, loading: m } = n({ skip: !l }), { data: h, loading: g } = i({ skip: !l }), _ = u?.timeEntryStats, v = p?.focusScoreSummary, y = h?.workPatternSummary;
+	return d || m || g ? /* @__PURE__ */ s(a, {
 		title: "Analytics",
 		description: "Insights into your time tracking and productivity",
-		children: /* @__PURE__ */ s(n, {
+		children: /* @__PURE__ */ s(t, {
 			variant: "card",
 			count: 4
 		})
-	}) : f ? /* @__PURE__ */ s(t, {
+	}) : f ? /* @__PURE__ */ s(a, {
 		title: "Analytics",
 		description: "Insights into your time tracking and productivity",
 		children: /* @__PURE__ */ s("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 analytics. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(t, {
+	}) : /* @__PURE__ */ s(a, {
 		title: "Analytics",
 		description: "Insights into your time tracking and productivity",
 		children: /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
 			children: [/* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ c("div", {
 					className: "mb-4 flex items-center gap-2",
 					children: [/* @__PURE__ */ s(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h3", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: "Productivity Trends"
 					})]
 				}), /* @__PURE__ */ s("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ c("div", {
 						className: "text-center",
 						children: [
 							/* @__PURE__ */ s("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: v ? `Focus Score: ${Math.round(v.averageScore)}/100 (${v.trend ?? "stable"})` : "No focus score data"
 							}),
 							y && /* @__PURE__ */ c("p", {
-								className: "mt-1 text-xs text-muted-foreground",
+								className: "mt-1 text-xs text-text-secondary",
 								children: [
 									y.averageFocusHours.toFixed(1),
 									"h avg focus ·",
@@ -54,29 +54,29 @@ function l() {
 								]
 							}),
 							v?.improvementArea && /* @__PURE__ */ c("p", {
-								className: "mt-1 text-xs text-muted-foreground",
+								className: "mt-1 text-xs text-text-secondary",
 								children: ["Improve: ", v.improvementArea]
 							})
 						]
 					})
 				})]
 			}), /* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ c("div", {
 					className: "mb-4 flex items-center gap-2",
 					children: [/* @__PURE__ */ s(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h3", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: "Time Distribution"
 					})]
 				}), /* @__PURE__ */ s("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ c("div", {
 						className: "text-center",
 						children: [/* @__PURE__ */ s("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: _ ? `${Math.round(_.totalHours)}h total · ${Math.round(_.billableHours)}h billable · ${_.totalEntries} entries` : "No time entry data"
 						}), _ && _.activeTimers > 0 && /* @__PURE__ */ c("p", {
-							className: "mt-1 text-xs text-muted-foreground",
+							className: "mt-1 text-xs text-text-secondary",
 							children: [_.activeTimers, " timer(s) running"]
 						})]
 					})

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 bg-card 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-foreground\">\n              Productivity Trends\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-muted-foreground\">\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-muted-foreground\">\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-muted-foreground\">\n                  Improve: {focus.improvementArea}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border bg-card 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-foreground\">\n              Time Distribution\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-muted-foreground\">\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-muted-foreground\">\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;gBAAwC;MAEjD,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,CAAkD,aACtC,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;gBAAwC;MAEjD,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-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 			children: [/* @__PURE__ */ 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,39 +56,39 @@ 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", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Generate Report"]
 		}),
 		children: /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border bg-card",
+			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", {
-					className: "p-8 text-center text-sm text-muted-foreground",
+					className: "p-8 text-center text-sm text-text-secondary",
 					children: "No report data available yet."
 				}) : S.map((e) => /* @__PURE__ */ u("div", {
-					className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
 					children: [/* @__PURE__ */ u("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ l(s, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							className: "text-sm font-medium text-foreground",
+						children: [/* @__PURE__ */ l(s, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+							className: "text-sm font-medium text-text-primary",
 							children: e.name
 						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: e.period
 						})] })]
 					}), /* @__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-muted",
-							children: /* @__PURE__ */ l(o, { className: "h-4 w-4 text-muted-foreground" })
+							className: "rounded-md p-1.5 hover:bg-bg-sunken",
+							children: /* @__PURE__ */ l(o, { className: "h-4 w-4 text-text-secondary" })
 						})]
 					})]
 				}, e.id))

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-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Generate Report\n        </button>\n      }\n    >\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {reports.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\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-muted/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <FileText className=\"h-5 w-5 text-muted-foreground\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {report.name}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\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-muted\">\n                    <Download className=\"h-4 w-4 text-muted-foreground\" />\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;eAAgD;KAEzD,CAAA,GAEN,EAAQ,KAAK,MACX,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,EACtD,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,iCAAkC,CAAA;OAC/C,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"}