@burdenoff/microfe-timecampus 2026.608.1 → 2026.625.1

package/dist/timecampus/pages/focus-score/FocusScorePage.js

@@ -1,23 +1,23 @@
 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 { useGetFocusScoreSummaryQuery as i, useGetTodayFocusScoreQuery as a, useListFocusScoresQuery as o } from "../../../generated/wspace-operations.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetFocusScoreSummaryQuery as r, useGetTodayFocusScoreQuery as i, useListFocusScoresQuery as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
 import { Brain as s, Shield as c, Target as l, Zap as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/timecampus/pages/focus-score/FocusScorePage.tsx
 var p = {
-	deepWork: "bg-blue-500",
-	consistency: "bg-emerald-500",
-	taskCompletion: "bg-violet-500",
-	distractionResistance: "bg-amber-500",
-	energyManagement: "bg-rose-500"
+	deepWork: "bg-accent-blue",
+	consistency: "bg-status-success-text",
+	taskCompletion: "bg-accent-purple",
+	distractionResistance: "bg-status-warning-text",
+	energyManagement: "bg-accent-teal"
 };
 function m() {
-	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = o({
+	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = a({
 		variables: { limit: 30 },
 		skip: !m
-	}), { data: v, loading: y, error: b } = i({ skip: !m }), { data: x, loading: S, error: C } = a({ skip: !m }), w = g || y || S, T = _ || b || C, E = x?.todayFocusScore, D = v?.focusScoreSummary, O = h?.focusScores ?? [], k = E ? [
+	}), { data: v, loading: y, error: b } = r({ skip: !m }), { data: x, loading: S, error: C } = i({ skip: !m }), w = g || y || S, T = _ || b || C, E = x?.todayFocusScore, D = v?.focusScoreSummary, O = h?.focusScores ?? [], k = E ? [
 		{
 			label: "Deep Work",
 			score: E.deepWorkScore ?? 0,
@@ -44,27 +44,27 @@ function m() {
 			color: p.energyManagement
 		}
 	] : [], A = E?.overallScore == null ? "--" : `${E.overallScore}/100`, j = O.filter((e) => e.overallScore >= 70).length, M = O.reduce((e, t) => e + (t.overallScore ?? 0), 0), N = Math.floor(M / 60), P = M % 60, F = N > 0 ? `${N}h ${P}m` : `${P}m`, I = D?.trend === "up" ? 7 : D?.trend === "down" ? -5 : 0, L = D?.highestScore == null ? "--" : `${D.highestScore}`;
-	return w ? /* @__PURE__ */ d(t, {
+	return w ? /* @__PURE__ */ d(o, {
 		title: "Focus Score",
 		description: "Measure and improve your focus",
-		children: /* @__PURE__ */ d(r, {
+		children: /* @__PURE__ */ d(n, {
 			variant: "card",
 			count: 4
 		})
-	}) : T ? /* @__PURE__ */ d(t, {
+	}) : T ? /* @__PURE__ */ d(o, {
 		title: "Focus Score",
 		description: "Measure and improve your focus",
 		children: /* @__PURE__ */ d("div", {
-			className: "rounded-xl border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+			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 focus score data. Please try again later."
 		})
-	}) : /* @__PURE__ */ f(t, {
+	}) : /* @__PURE__ */ f(o, {
 		title: "Focus Score",
 		description: "Measure and improve your focus",
 		children: [/* @__PURE__ */ f("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ d(t, {
 					title: "Overall Score",
 					value: A,
 					icon: /* @__PURE__ */ d(s, { className: "h-5 w-5" }),
@@ -72,20 +72,20 @@ function m() {
 						value: I,
 						label: "vs last week"
 					},
-					iconBgColor: "bg-violet-100 text-violet-600 dark:bg-violet-900/30 dark:text-violet-400"
+					iconBgColor: "bg-status-info-bg text-status-info-text"
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ d(t, {
 					title: "Focus Sessions",
 					value: String(j),
 					icon: /* @__PURE__ */ d(l, { className: "h-5 w-5" }),
 					description: "Completed today"
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ d(t, {
 					title: "Total Focus Time",
 					value: F,
 					icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ d(t, {
 					title: "Highest Score",
 					value: L,
 					icon: /* @__PURE__ */ d(c, { className: "h-5 w-5" }),
@@ -93,12 +93,12 @@ function m() {
 				})
 			]
 		}), /* @__PURE__ */ f("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__ */ d("h3", {
-				className: "mb-4 text-sm font-semibold text-foreground",
+				className: "mb-4 text-sm font-semibold text-text-primary",
 				children: "Focus Components"
 			}), k.length === 0 ? /* @__PURE__ */ d("div", {
-				className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
+				className: "flex h-32 items-center justify-center text-sm text-text-secondary",
 				children: "No focus score recorded today."
 			}) : /* @__PURE__ */ d("div", {
 				className: "space-y-4",
@@ -107,14 +107,14 @@ function m() {
 					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center justify-between text-sm",
 						children: [/* @__PURE__ */ d("span", {
-							className: "font-medium text-foreground",
+							className: "font-medium text-text-primary",
 							children: e.label
 						}), /* @__PURE__ */ f("span", {
-							className: "text-muted-foreground",
+							className: "text-text-secondary",
 							children: [e.score, "%"]
 						})]
 					}), /* @__PURE__ */ d("div", {
-						className: "h-2.5 w-full rounded-full bg-muted",
+						className: "h-2.5 w-full rounded-full bg-bg-sunken",
 						children: /* @__PURE__ */ d("div", {
 							className: `h-2.5 rounded-full ${e.color}`,
 							style: { width: `${e.score}%` }

package/dist/timecampus/pages/focus-score/FocusScorePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScorePage.js","names":[],"sources":["../../../../src/timecampus/pages/focus-score/FocusScorePage.tsx"],"sourcesContent":["import { Brain, Target, Zap, Shield } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListFocusScoresQuery,\n  useGetFocusScoreSummaryQuery,\n  useGetTodayFocusScoreQuery,\n  type FocusScoreFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst COMPONENT_COLORS: Record<string, string> = {\n  deepWork: \"bg-blue-500\",\n  consistency: \"bg-emerald-500\",\n  taskCompletion: \"bg-violet-500\",\n  distractionResistance: \"bg-amber-500\",\n  energyManagement: \"bg-rose-500\",\n};\n\nexport function FocusScorePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: scoresData,\n    loading: scoresLoading,\n    error: scoresError,\n  } = useListFocusScoresQuery({\n    variables: { limit: 30 },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n  } = useGetFocusScoreSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const {\n    data: todayData,\n    loading: todayLoading,\n    error: todayError,\n  } = useGetTodayFocusScoreQuery({\n    skip: !workspaceId,\n  });\n\n  const loading = scoresLoading || summaryLoading || todayLoading;\n  const error = scoresError || summaryError || todayError;\n  const today = todayData?.todayFocusScore;\n  const summary = summaryData?.focusScoreSummary;\n  const scores = scoresData?.focusScores ?? [];\n\n  // Build focus components from today's score\n  const focusComponents = today\n    ? [\n        {\n          label: \"Deep Work\",\n          score: today.deepWorkScore ?? 0,\n          color: COMPONENT_COLORS.deepWork,\n        },\n        {\n          label: \"Consistency\",\n          score: today.consistencyScore ?? 0,\n          color: COMPONENT_COLORS.consistency,\n        },\n        {\n          label: \"Task Completion\",\n          score: today.taskCompletionScore ?? 0,\n          color: COMPONENT_COLORS.taskCompletion,\n        },\n        {\n          label: \"Distraction Resistance\",\n          score: today.distractionResistanceScore ?? 0,\n          color: COMPONENT_COLORS.distractionResistance,\n        },\n        {\n          label: \"Energy Management\",\n          score: today.energyManagementScore ?? 0,\n          color: COMPONENT_COLORS.energyManagement,\n        },\n      ]\n    : [];\n\n  // Calculate stats\n  const overallScore =\n    today?.overallScore != null ? `${today.overallScore}/100` : \"--\";\n  const completedSessions = scores.filter(\n    (s: FocusScoreFieldsFragment) => s.overallScore >= 70,\n  ).length;\n  const totalFocusMinutes = scores.reduce(\n    (sum: number, s: FocusScoreFieldsFragment) => sum + (s.overallScore ?? 0),\n    0,\n  );\n  const totalFocusHours = Math.floor(totalFocusMinutes / 60);\n  const totalFocusMins = totalFocusMinutes % 60;\n  const focusTimeDisplay =\n    totalFocusHours > 0\n      ? `${totalFocusHours}h ${totalFocusMins}m`\n      : `${totalFocusMins}m`;\n  const trendValue =\n    summary?.trend === \"up\" ? 7 : summary?.trend === \"down\" ? -5 : 0;\n\n  // Longest streak from highest score\n  const highestScore =\n    summary?.highestScore != null ? `${summary.highestScore}` : \"--\";\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Focus Score\"\n        description=\"Measure and improve your focus\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Focus Score\"\n        description=\"Measure and improve your focus\"\n      >\n        <div className=\"rounded-xl border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n          Failed to load focus score data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Focus Score\"\n      description=\"Measure and improve your focus\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Overall Score\"\n          value={overallScore}\n          icon={<Brain className=\"h-5 w-5\" />}\n          trend={\n            trendValue !== 0\n              ? { value: trendValue, label: \"vs last week\" }\n              : undefined\n          }\n          iconBgColor=\"bg-violet-100 text-violet-600 dark:bg-violet-900/30 dark:text-violet-400\"\n        />\n        <StatCard\n          title=\"Focus Sessions\"\n          value={String(completedSessions)}\n          icon={<Target className=\"h-5 w-5\" />}\n          description=\"Completed today\"\n        />\n        <StatCard\n          title=\"Total Focus Time\"\n          value={focusTimeDisplay}\n          icon={<Zap className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Highest Score\"\n          value={highestScore}\n          icon={<Shield className=\"h-5 w-5\" />}\n          description=\"Personal best\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border bg-card p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n          Focus Components\n        </h3>\n        {focusComponents.length === 0 ? (\n          <div className=\"flex h-32 items-center justify-center text-sm text-muted-foreground\">\n            No focus score recorded today.\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {focusComponents.map((component) => (\n              <div key={component.label} className=\"space-y-1\">\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span className=\"font-medium text-foreground\">\n                    {component.label}\n                  </span>\n                  <span className=\"text-muted-foreground\">\n                    {component.score}%\n                  </span>\n                </div>\n                <div className=\"h-2.5 w-full rounded-full bg-muted\">\n                  <div\n                    className={`h-2.5 rounded-full ${component.color}`}\n                    style={{ width: `${component.score}%` }}\n                  />\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FocusScorePage.js","names":[],"sources":["../../../../src/timecampus/pages/focus-score/FocusScorePage.tsx"],"sourcesContent":["import { Brain, Target, Zap, Shield } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListFocusScoresQuery,\n  useGetFocusScoreSummaryQuery,\n  useGetTodayFocusScoreQuery,\n  type FocusScoreFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst COMPONENT_COLORS: Record<string, string> = {\n  deepWork: \"bg-accent-blue\",\n  consistency: \"bg-status-success-text\",\n  taskCompletion: \"bg-accent-purple\",\n  distractionResistance: \"bg-status-warning-text\",\n  energyManagement: \"bg-accent-teal\",\n};\n\nexport function FocusScorePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: scoresData,\n    loading: scoresLoading,\n    error: scoresError,\n  } = useListFocusScoresQuery({\n    variables: { limit: 30 },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n  } = useGetFocusScoreSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const {\n    data: todayData,\n    loading: todayLoading,\n    error: todayError,\n  } = useGetTodayFocusScoreQuery({\n    skip: !workspaceId,\n  });\n\n  const loading = scoresLoading || summaryLoading || todayLoading;\n  const error = scoresError || summaryError || todayError;\n  const today = todayData?.todayFocusScore;\n  const summary = summaryData?.focusScoreSummary;\n  const scores = scoresData?.focusScores ?? [];\n\n  // Build focus components from today's score\n  const focusComponents = today\n    ? [\n        {\n          label: \"Deep Work\",\n          score: today.deepWorkScore ?? 0,\n          color: COMPONENT_COLORS.deepWork,\n        },\n        {\n          label: \"Consistency\",\n          score: today.consistencyScore ?? 0,\n          color: COMPONENT_COLORS.consistency,\n        },\n        {\n          label: \"Task Completion\",\n          score: today.taskCompletionScore ?? 0,\n          color: COMPONENT_COLORS.taskCompletion,\n        },\n        {\n          label: \"Distraction Resistance\",\n          score: today.distractionResistanceScore ?? 0,\n          color: COMPONENT_COLORS.distractionResistance,\n        },\n        {\n          label: \"Energy Management\",\n          score: today.energyManagementScore ?? 0,\n          color: COMPONENT_COLORS.energyManagement,\n        },\n      ]\n    : [];\n\n  // Calculate stats\n  const overallScore =\n    today?.overallScore != null ? `${today.overallScore}/100` : \"--\";\n  const completedSessions = scores.filter(\n    (s: FocusScoreFieldsFragment) => s.overallScore >= 70,\n  ).length;\n  const totalFocusMinutes = scores.reduce(\n    (sum: number, s: FocusScoreFieldsFragment) => sum + (s.overallScore ?? 0),\n    0,\n  );\n  const totalFocusHours = Math.floor(totalFocusMinutes / 60);\n  const totalFocusMins = totalFocusMinutes % 60;\n  const focusTimeDisplay =\n    totalFocusHours > 0\n      ? `${totalFocusHours}h ${totalFocusMins}m`\n      : `${totalFocusMins}m`;\n  const trendValue =\n    summary?.trend === \"up\" ? 7 : summary?.trend === \"down\" ? -5 : 0;\n\n  // Longest streak from highest score\n  const highestScore =\n    summary?.highestScore != null ? `${summary.highestScore}` : \"--\";\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Focus Score\"\n        description=\"Measure and improve your focus\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Focus Score\"\n        description=\"Measure and improve your focus\"\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 focus score data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Focus Score\"\n      description=\"Measure and improve your focus\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Overall Score\"\n          value={overallScore}\n          icon={<Brain className=\"h-5 w-5\" />}\n          trend={\n            trendValue !== 0\n              ? { value: trendValue, label: \"vs last week\" }\n              : undefined\n          }\n          iconBgColor=\"bg-status-info-bg text-status-info-text\"\n        />\n        <StatCard\n          title=\"Focus Sessions\"\n          value={String(completedSessions)}\n          icon={<Target className=\"h-5 w-5\" />}\n          description=\"Completed today\"\n        />\n        <StatCard\n          title=\"Total Focus Time\"\n          value={focusTimeDisplay}\n          icon={<Zap className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Highest Score\"\n          value={highestScore}\n          icon={<Shield className=\"h-5 w-5\" />}\n          description=\"Personal best\"\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          Focus Components\n        </h3>\n        {focusComponents.length === 0 ? (\n          <div className=\"flex h-32 items-center justify-center text-sm text-text-secondary\">\n            No focus score recorded today.\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {focusComponents.map((component) => (\n              <div key={component.label} className=\"space-y-1\">\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span className=\"font-medium text-text-primary\">\n                    {component.label}\n                  </span>\n                  <span className=\"text-text-secondary\">\n                    {component.score}%\n                  </span>\n                </div>\n                <div className=\"h-2.5 w-full rounded-full bg-bg-sunken\">\n                  <div\n                    className={`h-2.5 rounded-full ${component.color}`}\n                    style={{ width: `${component.score}%` }}\n                  />\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/focus-score/FocusScoreSettingsPage.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";
@@ -11,13 +11,13 @@ var d = "timecampus.focus.settings", f = {
 	minSessionLength: 25
 };
 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);
@@ -38,36 +38,36 @@ function p() {
 			scope: "WORKSPACE"
 		} } });
 	}, [_, y]);
-	return h ? /* @__PURE__ */ l(t, {
+	return h ? /* @__PURE__ */ l(i, {
 		title: "Focus Score Settings",
 		description: "Configure focus tracking preferences",
-		children: /* @__PURE__ */ l(n, { variant: "detail" })
-	}) : g ? /* @__PURE__ */ l(t, {
+		children: /* @__PURE__ */ l(t, { variant: "detail" })
+	}) : g ? /* @__PURE__ */ l(i, {
 		title: "Focus Score Settings",
 		description: "Configure focus tracking preferences",
 		children: /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+			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: "Focus Score Settings",
 		description: "Configure focus 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 bg-card 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-foreground",
+					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Focus Goals"]
 				}), /* @__PURE__ */ u("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							className: "text-sm font-medium text-foreground",
+							className: "text-sm font-medium text-text-primary",
 							children: "Daily focus target"
 						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Hours of deep focus per day"
 						})] }), /* @__PURE__ */ l("input", {
 							type: "number",
@@ -76,15 +76,15 @@ function p() {
 								...t,
 								dailyFocusTarget: Number(e.target.value)
 							})),
-							className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+							className: "w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right"
 						})]
 					}), /* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							className: "text-sm font-medium text-foreground",
+							className: "text-sm font-medium text-text-primary",
 							children: "Min. session length"
 						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Minimum minutes for a focus session"
 						})] }), /* @__PURE__ */ l("input", {
 							type: "number",
@@ -93,7 +93,7 @@ function p() {
 								...t,
 								minSessionLength: Number(e.target.value)
 							})),
-							className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+							className: "w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right"
 						})]
 					})]
 				})]
@@ -102,7 +102,7 @@ function p() {
 				children: /* @__PURE__ */ l("button", {
 					onClick: x,
 					disabled: v,
-					className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
 					children: v ? "Saving..." : "Save Settings"
 				})
 			})]

package/dist/timecampus/pages/focus-score/FocusScoreSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScoreSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/focus-score/FocusScoreSettingsPage.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 FOCUS_SETTINGS_KEY = \"timecampus.focus.settings\";\n\ninterface FocusSettings {\n  dailyFocusTarget: number;\n  minSessionLength: number;\n}\n\nconst DEFAULT_SETTINGS: FocusSettings = {\n  dailyFocusTarget: 4,\n  minSessionLength: 25,\n};\n\nexport function FocusScoreSettingsPage() {\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<FocusSettings>(DEFAULT_SETTINGS);\n\n  useEffect(() => {\n    if (data?.configurations) {\n      const config = data.configurations.find(\n        (c: ConfigurationFieldsFragment) => c.key === FOCUS_SETTINGS_KEY,\n      );\n      if (config?.value) {\n        const val = config.value as Partial<FocusSettings>;\n        setSettings({\n          dailyFocusTarget:\n            val.dailyFocusTarget ?? DEFAULT_SETTINGS.dailyFocusTarget,\n          minSessionLength:\n            val.minSessionLength ?? DEFAULT_SETTINGS.minSessionLength,\n        });\n      }\n    }\n  }, [data]);\n\n  const handleSave = useCallback(async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: FOCUS_SETTINGS_KEY,\n          value: settings as unknown as Record<string, unknown>,\n          description: \"Focus score settings\",\n          scope: \"WORKSPACE\" as never,\n        },\n      },\n    });\n  }, [setConfiguration, settings]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Focus Score Settings\"\n        description=\"Configure focus tracking preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Focus Score Settings\"\n        description=\"Configure focus tracking preferences\"\n      >\n        <div className=\"rounded-xl border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n          Failed to load settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Focus Score Settings\"\n      description=\"Configure focus tracking preferences\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-foreground\">\n            <Settings className=\"h-4 w-4\" />\n            Focus Goals\n          </h3>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  Daily focus target\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Hours of deep focus per day\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={settings.dailyFocusTarget}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    dailyFocusTarget: Number(e.target.value),\n                  }))\n                }\n                className=\"w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right\"\n              />\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  Min. session length\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Minimum minutes for a focus session\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={settings.minSessionLength}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    minSessionLength: Number(e.target.value),\n                  }))\n                }\n                className=\"w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right\"\n              />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAqB,6BAOrB,IAAkC;CACtC,kBAAkB;CAClB,kBAAkB;CACnB;AAED,SAAgB,IAAyB;CACvC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA2B;EAC1D,WAAW;GAAE,OAAO;GAAsB,OAAO;GAAK;EACtD,MAAM,CAAC;EACR,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EACvE,CAAC,GAAU,KAAe,EAAwB,EAAiB;AAEzE,SAAgB;AACd,MAAI,GAAM,gBAAgB;GACxB,IAAM,IAAS,EAAK,eAAe,MAChC,MAAmC,EAAE,QAAQ,EAC/C;AACD,OAAI,GAAQ,OAAO;IACjB,IAAM,IAAM,EAAO;AACnB,MAAY;KACV,kBACE,EAAI,oBAAoB,EAAiB;KAC3C,kBACE,EAAI,oBAAoB,EAAiB;KAC5C,CAAC;;;IAGL,CAAC,EAAK,CAAC;CAEV,IAAM,IAAa,EAAY,YAAY;AACzC,QAAM,EAAiB,EACrB,WAAW,EACT,OAAO;GACL,KAAK;GACL,OAAO;GACP,aAAa;GACb,OAAO;GACR,EACF,EACF,CAAC;IACD,CAAC,GAAkB,EAAS,CAAC;AA0BhC,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAyF;GAElG,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,cAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsC;OAE/C,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAS;OAChB,WAAW,MACT,GAAa,OAAO;QAClB,GAAG;QACH,kBAAkB,OAAO,EAAE,OAAO,MAAM;QACzC,EAAE;OAEL,WAAU;OACV,CAAA,CACE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsC;OAE/C,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAS;OAChB,WAAW,MACT,GAAa,OAAO;QAClB,GAAG;QACH,kBAAkB,OAAO,EAAE,OAAO,MAAM;QACzC,EAAE;OAEL,WAAU;OACV,CAAA,CACE;QACF;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
+{"version":3,"file":"FocusScoreSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/focus-score/FocusScoreSettingsPage.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 FOCUS_SETTINGS_KEY = \"timecampus.focus.settings\";\n\ninterface FocusSettings {\n  dailyFocusTarget: number;\n  minSessionLength: number;\n}\n\nconst DEFAULT_SETTINGS: FocusSettings = {\n  dailyFocusTarget: 4,\n  minSessionLength: 25,\n};\n\nexport function FocusScoreSettingsPage() {\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<FocusSettings>(DEFAULT_SETTINGS);\n\n  useEffect(() => {\n    if (data?.configurations) {\n      const config = data.configurations.find(\n        (c: ConfigurationFieldsFragment) => c.key === FOCUS_SETTINGS_KEY,\n      );\n      if (config?.value) {\n        const val = config.value as Partial<FocusSettings>;\n        setSettings({\n          dailyFocusTarget:\n            val.dailyFocusTarget ?? DEFAULT_SETTINGS.dailyFocusTarget,\n          minSessionLength:\n            val.minSessionLength ?? DEFAULT_SETTINGS.minSessionLength,\n        });\n      }\n    }\n  }, [data]);\n\n  const handleSave = useCallback(async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: FOCUS_SETTINGS_KEY,\n          value: settings as unknown as Record<string, unknown>,\n          description: \"Focus score settings\",\n          scope: \"WORKSPACE\" as never,\n        },\n      },\n    });\n  }, [setConfiguration, settings]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Focus Score Settings\"\n        description=\"Configure focus tracking preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Focus Score Settings\"\n        description=\"Configure focus 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=\"Focus Score Settings\"\n      description=\"Configure focus 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            Focus Goals\n          </h3>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  Daily focus target\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  Hours of deep focus per day\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={settings.dailyFocusTarget}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    dailyFocusTarget: Number(e.target.value),\n                  }))\n                }\n                className=\"w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right\"\n              />\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  Min. session length\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  Minimum minutes for a focus session\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={settings.minSessionLength}\n                onChange={(e) =>\n                  setSettings((s) => ({\n                    ...s,\n                    minSessionLength: Number(e.target.value),\n                  }))\n                }\n                className=\"w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right\"\n              />\n            </div>\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":";;;;;;;;AAWA,IAAM,IAAqB,6BAOrB,IAAkC;CACtC,kBAAkB;CAClB,kBAAkB;CACnB;AAED,SAAgB,IAAyB;CACvC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA2B;EAC1D,WAAW;GAAE,OAAO;GAAsB,OAAO;GAAK;EACtD,MAAM,CAAC;EACR,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EACvE,CAAC,GAAU,KAAe,EAAwB,EAAiB;AAEzE,SAAgB;AACd,MAAI,GAAM,gBAAgB;GACxB,IAAM,IAAS,EAAK,eAAe,MAChC,MAAmC,EAAE,QAAQ,EAC/C;AACD,OAAI,GAAQ,OAAO;IACjB,IAAM,IAAM,EAAO;AACnB,MAAY;KACV,kBACE,EAAI,oBAAoB,EAAiB;KAC3C,kBACE,EAAI,oBAAoB,EAAiB;KAC5C,CAAC;;;IAGL,CAAC,EAAK,CAAC;CAEV,IAAM,IAAa,EAAY,YAAY;AACzC,QAAM,EAAiB,EACrB,WAAW,EACT,OAAO;GACL,KAAK;GACL,OAAO;GACP,aAAa;GACb,OAAO;GACR,EACF,EACF,CAAC;IACD,CAAC,GAAkB,EAAS,CAAC;AA0BhC,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA2G;GAEpH,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,cAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAwC;OAEjD,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAS;OAChB,WAAW,MACT,GAAa,OAAO;QAClB,GAAG;QACH,kBAAkB,OAAO,EAAE,OAAO,MAAM;QACzC,EAAE;OAEL,WAAU;OACV,CAAA,CACE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAwC;OAEjD,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAS;OAChB,WAAW,MACT,GAAa,OAAO;QAClB,GAAG;QACH,kBAAkB,OAAO,EAAE,OAAO,MAAM;QACzC,EAAE;OAEL,WAAU;OACV,CAAA,CACE;QACF;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

package/dist/timecampus/pages/geofencing/GeofencingPage.js

@@ -1,50 +1,50 @@
 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 { useListGeofencesQuery as i } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useListGeofencesQuery as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { MapPin as a, Plus as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/timecampus/pages/geofencing/GeofencingPage.tsx
 function l() {
-	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = i(), p = u?.geofences?.items ?? [];
-	return d ? /* @__PURE__ */ s(n, {
+	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = r(), p = u?.geofences?.items ?? [];
+	return d ? /* @__PURE__ */ s(i, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
-		children: /* @__PURE__ */ s(r, {
+		children: /* @__PURE__ */ s(n, {
 			variant: "card",
 			count: 4
 		})
-	}) : f ? /* @__PURE__ */ s(n, {
+	}) : f ? /* @__PURE__ */ s(i, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
 		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 geofences. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(n, {
+	}) : /* @__PURE__ */ s(i, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
 		actions: /* @__PURE__ */ c("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__ */ s(o, { className: "h-4 w-4" }), "Create Geofence"]
 		}),
 		children: /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: [p.length === 0 && /* @__PURE__ */ s("div", {
-				className: "col-span-full p-4 text-center text-sm text-muted-foreground",
+				className: "col-span-full p-4 text-center text-sm text-text-secondary",
 				children: "No geofences configured yet."
 			}), p.map((e) => /* @__PURE__ */ c("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__ */ c("div", {
 					className: "flex items-start justify-between",
 					children: [/* @__PURE__ */ c("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ s(a, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-							className: "text-sm font-semibold text-foreground",
+						children: [/* @__PURE__ */ s(a, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("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.trigger,
 								" · ",
@@ -57,7 +57,7 @@ function l() {
 						children: e.isActive ? "Active" : "Inactive"
 					})]
 				}), /* @__PURE__ */ c("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__ */ s("span", { children: e.address ?? "No address" }), /* @__PURE__ */ c("span", { children: [e.events?.length ?? 0, " events"] })]
 				})]
 			}, e.id))]

package/dist/timecampus/pages/geofencing/GeofencingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeofencingPage.js","names":[],"sources":["../../../../src/timecampus/pages/geofencing/GeofencingPage.tsx"],"sourcesContent":["import { MapPin, Plus } 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  useListGeofencesQuery,\n  type ListGeofencesQuery,\n} from \"@/generated/wspace-operations\";\n\ntype GeofenceItem = NonNullable<\n  ListGeofencesQuery[\"geofences\"]\n>[\"items\"][number];\n\nexport function GeofencingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListGeofencesQuery();\n\n  const geofences = data?.geofences?.items ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Geofencing\"\n        description=\"Set up location-based triggers and zones\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Geofencing\"\n        description=\"Set up location-based triggers and zones\"\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 geofences. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Geofencing\"\n      description=\"Set up location-based triggers and zones\"\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          Create Geofence\n        </button>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {geofences.length === 0 && (\n          <div className=\"col-span-full p-4 text-center text-sm text-muted-foreground\">\n            No geofences configured yet.\n          </div>\n        )}\n        {geofences.map((fence: GeofenceItem) => (\n          <div\n            key={fence.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-2\">\n                <MapPin className=\"h-5 w-5 text-muted-foreground\" />\n                <div>\n                  <p className=\"text-sm font-semibold text-foreground\">\n                    {fence.name}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {fence.trigger} &middot; {fence.radius}m radius\n                  </p>\n                </div>\n              </div>\n              <span\n                className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(fence.isActive ? \"active\" : \"inactive\")}`}\n              >\n                {fence.isActive ? \"Active\" : \"Inactive\"}\n              </span>\n            </div>\n            <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\n              <span>{fence.address ?? \"No address\"}</span>\n              <span>{fence.events?.length ?? 0} events</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,GAAuB,EAElD,IAAY,GAAM,WAAW,SAAS,EAAE;AA0B9C,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,kBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAU,WAAW,KACpB,kBAAC,OAAD;IAAK,WAAU;cAA8D;IAEvE,CAAA,EAEP,EAAU,KAAK,MACd,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,iCAAkC,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAM;OACL,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAM;QAAQ;QAAW,EAAM;QAAO;QACrC;SACA,EAAA,CAAA,CACF;SACN,kBAAC,QAAD;MACE,WAAW,4DAA4D,EAAe,EAAM,WAAW,WAAW,WAAW;gBAE5H,EAAM,WAAW,WAAW;MACxB,CAAA,CACH;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAM,WAAW,cAAoB,CAAA,EAC5C,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAM,QAAQ,UAAU,GAAE,UAAc,EAAA,CAAA,CAC3C;OACF;MAzBC,EAAM,GAyBP,CACN,CACE;;EACK,CAAA"}
+{"version":3,"file":"GeofencingPage.js","names":[],"sources":["../../../../src/timecampus/pages/geofencing/GeofencingPage.tsx"],"sourcesContent":["import { MapPin, Plus } 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  useListGeofencesQuery,\n  type ListGeofencesQuery,\n} from \"@/generated/wspace-operations\";\n\ntype GeofenceItem = NonNullable<\n  ListGeofencesQuery[\"geofences\"]\n>[\"items\"][number];\n\nexport function GeofencingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListGeofencesQuery();\n\n  const geofences = data?.geofences?.items ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Geofencing\"\n        description=\"Set up location-based triggers and zones\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Geofencing\"\n        description=\"Set up location-based triggers and zones\"\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 geofences. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Geofencing\"\n      description=\"Set up location-based triggers and zones\"\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          Create Geofence\n        </button>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {geofences.length === 0 && (\n          <div className=\"col-span-full p-4 text-center text-sm text-text-secondary\">\n            No geofences configured yet.\n          </div>\n        )}\n        {geofences.map((fence: GeofenceItem) => (\n          <div\n            key={fence.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-2\">\n                <MapPin className=\"h-5 w-5 text-text-secondary\" />\n                <div>\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {fence.name}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {fence.trigger} &middot; {fence.radius}m radius\n                  </p>\n                </div>\n              </div>\n              <span\n                className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(fence.isActive ? \"active\" : \"inactive\")}`}\n              >\n                {fence.isActive ? \"Active\" : \"Inactive\"}\n              </span>\n            </div>\n            <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n              <span>{fence.address ?? \"No address\"}</span>\n              <span>{fence.events?.length ?? 0} events</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,GAAuB,EAElD,IAAY,GAAM,WAAW,SAAS,EAAE;AA0B9C,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,kBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAU,WAAW,KACpB,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAErE,CAAA,EAEP,EAAU,KAAK,MACd,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,EAClD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAM;OACL,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAM;QAAQ;QAAW,EAAM;QAAO;QACrC;SACA,EAAA,CAAA,CACF;SACN,kBAAC,QAAD;MACE,WAAW,4DAA4D,EAAe,EAAM,WAAW,WAAW,WAAW;gBAE5H,EAAM,WAAW,WAAW;MACxB,CAAA,CACH;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAM,WAAW,cAAoB,CAAA,EAC5C,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAM,QAAQ,UAAU,GAAE,UAAc,EAAA,CAAA,CAC3C;OACF;MAzBC,EAAM,GAyBP,CACN,CACE;;EACK,CAAA"}

package/dist/timecampus/pages/geofencing/GeofencingSettingsPage.js

@@ -1,40 +1,40 @@
 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 { useGetConfigurationByKeyQuery as r, useSetConfigurationMutation as i } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationByKeyQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { useEffect as a, useState as o } from "react";
 import { Settings as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx
 var u = "geofencing.settings";
 function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({ variables: { key: u } }), [h, { loading: g }] = i(), _ = f?.configurationByKey?.value ?? {}, [v, y] = o(!0), [b, x] = o(!0), [S, C] = o(!0);
+	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = n({ variables: { key: u } }), [h, { loading: g }] = r(), _ = f?.configurationByKey?.value ?? {}, [v, y] = o(!0), [b, x] = o(!0), [S, C] = o(!0);
 	return a(() => {
 		_ && (y(_.autoStartOnEntry ?? !0), x(_.autoStopOnExit ?? !0), C(_.notificationsOnEvents ?? !0));
 	}, [
 		_.autoStartOnEntry,
 		_.autoStopOnExit,
 		_.notificationsOnEvents
-	]), p ? /* @__PURE__ */ c(t, {
+	]), p ? /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
-		children: /* @__PURE__ */ c(n, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ c(t, { variant: "detail" })
+	}) : m ? /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load geofencing settings. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(t, {
+	}) : /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
 			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ l("h3", {
-					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-foreground",
+					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Trigger Settings"]
 				}), /* @__PURE__ */ l("div", {
 					className: "space-y-3",
@@ -42,37 +42,37 @@ function d() {
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Auto-start timer on entry"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: v,
 								onChange: (e) => y(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Auto-stop timer on exit"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: b,
 								onChange: (e) => x(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Notifications on events"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: S,
 								onChange: (e) => C(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
 					]
@@ -93,7 +93,7 @@ function d() {
 						} } });
 					},
 					disabled: g,
-					className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
 					children: g ? "Saving..." : "Save Settings"
 				})
 			})]

package/dist/timecampus/pages/geofencing/GeofencingSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeofencingSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"geofencing.settings\";\n\nexport function GeofencingSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [autoStartOnEntry, setAutoStartOnEntry] = useState(true);\n  const [autoStopOnExit, setAutoStopOnExit] = useState(true);\n  const [notificationsOnEvents, setNotificationsOnEvents] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setAutoStartOnEntry(configValue.autoStartOnEntry ?? true);\n      setAutoStopOnExit(configValue.autoStopOnExit ?? true);\n      setNotificationsOnEvents(configValue.notificationsOnEvents ?? true);\n    }\n  }, [\n    configValue.autoStartOnEntry,\n    configValue.autoStopOnExit,\n    configValue.notificationsOnEvents,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { autoStartOnEntry, autoStopOnExit, notificationsOnEvents },\n          description: \"Geofencing trigger settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\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 geofencing settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Geofencing Settings\"\n      description=\"Configure geofencing preferences\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-foreground\">\n            <Settings className=\"h-4 w-4\" />\n            Trigger Settings\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">\n                Auto-start timer on entry\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStartOnEntry}\n                onChange={(e) => setAutoStartOnEntry(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">\n                Auto-stop timer on exit\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStopOnExit}\n                onChange={(e) => setAutoStopOnExit(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">\n                Notifications on events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={notificationsOnEvents}\n                onChange={(e) => setNotificationsOnEvents(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\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-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAa;AAEnB,SAAgB,IAAyB;CACvC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAkB,KAAuB,EAAS,GAAK,EACxD,CAAC,GAAgB,KAAqB,EAAS,GAAK,EACpD,CAAC,GAAuB,KAA4B,EAAS,GAAK;AAmDxE,QAjDA,QAAgB;AACd,EAAI,MACF,EAAoB,EAAY,oBAAoB,GAAK,EACzD,EAAkB,EAAY,kBAAkB,GAAK,EACrD,EAAyB,EAAY,yBAAyB,GAAK;IAEpE;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,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,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,mBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA0B;QAEnC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAoB,EAAE,OAAO,QAAQ;QACtD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA0B;QAEnC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAkB,EAAE,OAAO,QAAQ;QACpD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA0B;QAEnC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAyB,EAAE,OAAO,QAAQ;QAC3D,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAtFS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAkB;QAAgB;QAAuB;OAClE,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA6EM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
+{"version":3,"file":"GeofencingSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"geofencing.settings\";\n\nexport function GeofencingSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [autoStartOnEntry, setAutoStartOnEntry] = useState(true);\n  const [autoStopOnExit, setAutoStopOnExit] = useState(true);\n  const [notificationsOnEvents, setNotificationsOnEvents] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setAutoStartOnEntry(configValue.autoStartOnEntry ?? true);\n      setAutoStopOnExit(configValue.autoStopOnExit ?? true);\n      setNotificationsOnEvents(configValue.notificationsOnEvents ?? true);\n    }\n  }, [\n    configValue.autoStartOnEntry,\n    configValue.autoStopOnExit,\n    configValue.notificationsOnEvents,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { autoStartOnEntry, autoStopOnExit, notificationsOnEvents },\n          description: \"Geofencing trigger settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\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 geofencing settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Geofencing Settings\"\n      description=\"Configure geofencing 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            Trigger Settings\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Auto-start timer on entry\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStartOnEntry}\n                onChange={(e) => setAutoStartOnEntry(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Auto-stop timer on exit\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStopOnExit}\n                onChange={(e) => setAutoStopOnExit(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Notifications on events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={notificationsOnEvents}\n                onChange={(e) => setNotificationsOnEvents(e.target.checked)}\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":";;;;;;;;AAUA,IAAM,IAAa;AAEnB,SAAgB,IAAyB;CACvC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAkB,KAAuB,EAAS,GAAK,EACxD,CAAC,GAAgB,KAAqB,EAAS,GAAK,EACpD,CAAC,GAAuB,KAA4B,EAAS,GAAK;AAmDxE,QAjDA,QAAgB;AACd,EAAI,MACF,EAAoB,EAAY,oBAAoB,GAAK,EACzD,EAAkB,EAAY,kBAAkB,GAAK,EACrD,EAAyB,EAAY,yBAAyB,GAAK;IAEpE;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,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,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,mBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAoB,EAAE,OAAO,QAAQ;QACtD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAkB,EAAE,OAAO,QAAQ;QACpD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAyB,EAAE,OAAO,QAAQ;QAC3D,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAtFS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAkB;QAAgB;QAAuB;OAClE,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA6EM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}