@burdenoff/microfe-timecampus 2026.625.1 → 2026.626.2

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

@@ -5,44 +5,45 @@ 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";
+import { GlassCard as d } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/focus-score/FocusScoreSettingsPage.tsx
-var d = "timecampus.focus.settings", f = {
+var f = "timecampus.focus.settings", p = {
 	dailyFocusTarget: 4,
 	minSessionLength: 25
 };
-function p() {
-	let { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = n({
+function m() {
+	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = n({
 		variables: {
 			scope: "WORKSPACE",
 			limit: 100
 		},
-		skip: !p
-	}), [_, { loading: v }] = r(), [y, b] = s(f);
+		skip: !m
+	}), [v, { loading: y }] = r(), [b, x] = s(p);
 	o(() => {
-		if (m?.configurations) {
-			let e = m.configurations.find((e) => e.key === d);
+		if (h?.configurations) {
+			let e = h.configurations.find((e) => e.key === f);
 			if (e?.value) {
 				let t = e.value;
-				b({
-					dailyFocusTarget: t.dailyFocusTarget ?? f.dailyFocusTarget,
-					minSessionLength: t.minSessionLength ?? f.minSessionLength
+				x({
+					dailyFocusTarget: t.dailyFocusTarget ?? p.dailyFocusTarget,
+					minSessionLength: t.minSessionLength ?? p.minSessionLength
 				});
 			}
 		}
-	}, [m]);
-	let x = a(async () => {
-		await _({ variables: { input: {
-			key: d,
-			value: y,
+	}, [h]);
+	let S = a(async () => {
+		await v({ variables: { input: {
+			key: f,
+			value: b,
 			description: "Focus score settings",
 			scope: "WORKSPACE"
 		} } });
-	}, [_, y]);
-	return h ? /* @__PURE__ */ l(i, {
+	}, [v, b]);
+	return g ? /* @__PURE__ */ l(i, {
 		title: "Focus Score Settings",
 		description: "Configure focus tracking preferences",
 		children: /* @__PURE__ */ l(t, { variant: "detail" })
-	}) : g ? /* @__PURE__ */ l(i, {
+	}) : _ ? /* @__PURE__ */ l(i, {
 		title: "Focus Score Settings",
 		description: "Configure focus tracking preferences",
 		children: /* @__PURE__ */ l("div", {
@@ -52,10 +53,13 @@ function p() {
 	}) : /* @__PURE__ */ l(i, {
 		title: "Focus Score Settings",
 		description: "Configure focus tracking preferences",
+		purpose: "Set what 'a good focus day' means for you — a daily deep-work target and the minimum length that counts as a real focus session — so your focus score reflects your own goals, not generic defaults.",
 		children: /* @__PURE__ */ u("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ u("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
+			children: [/* @__PURE__ */ u(d, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [/* @__PURE__ */ u("h3", {
 					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Focus Goals"]
@@ -71,8 +75,8 @@ function p() {
 							children: "Hours of deep focus per day"
 						})] }), /* @__PURE__ */ l("input", {
 							type: "number",
-							value: y.dailyFocusTarget,
-							onChange: (e) => b((t) => ({
+							value: b.dailyFocusTarget,
+							onChange: (e) => x((t) => ({
 								...t,
 								dailyFocusTarget: Number(e.target.value)
 							})),
@@ -88,8 +92,8 @@ function p() {
 							children: "Minimum minutes for a focus session"
 						})] }), /* @__PURE__ */ l("input", {
 							type: "number",
-							value: y.minSessionLength,
-							onChange: (e) => b((t) => ({
+							value: b.minSessionLength,
+							onChange: (e) => x((t) => ({
 								...t,
 								minSessionLength: Number(e.target.value)
 							})),
@@ -100,16 +104,16 @@ function p() {
 			}), /* @__PURE__ */ l("div", {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ l("button", {
-					onClick: x,
-					disabled: v,
+					onClick: S,
+					disabled: y,
 					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"
+					children: y ? "Saving..." : "Save Settings"
 				})
 			})]
 		})
 	});
 }
 //#endregion
-export { p as FocusScoreSettingsPage };
+export { m as FocusScoreSettingsPage };
 
 //# sourceMappingURL=FocusScoreSettingsPage.js.map

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-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"}
+{"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 { GlassCard } from \"@burdenoff/fe-libs/ui\";\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      purpose=\"Set what 'a good focus day' means for you — a daily deep-work target and the minimum length that counts as a real focus session — so your focus score reflects your own goals, not generic defaults.\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"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        </GlassCard>\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":";;;;;;;;;AAYA,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;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,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;OACI;OACZ,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

@@ -3,47 +3,54 @@ import { getStatusColor as t } from "../../utils/helpers.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";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { MapPin as o, Plus as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/geofencing/GeofencingPage.tsx
-function l() {
-	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = r(), p = u?.geofences?.items ?? [];
-	return d ? /* @__PURE__ */ s(i, {
+function u() {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r(), m = d?.geofences?.items ?? [];
+	return f ? /* @__PURE__ */ c(i, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
-		children: /* @__PURE__ */ s(n, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "card",
 			count: 4
 		})
-	}) : f ? /* @__PURE__ */ s(i, {
+	}) : p ? /* @__PURE__ */ c(i, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load geofences. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(i, {
+	}) : /* @__PURE__ */ c(i, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
-		actions: /* @__PURE__ */ c("button", {
+		purpose: "Draw zones around your worksites — offices, client sites, job locations — and have time tracking start and stop automatically as people move in and out, so on-site hours record themselves.",
+		actions: /* @__PURE__ */ l("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ s(o, { className: "h-4 w-4" }), "Create Geofence"]
+			children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Create Geofence"]
 		}),
-		children: /* @__PURE__ */ c("div", {
+		children: m.length === 0 ? /* @__PURE__ */ c(a, {
+			illustration: "empty-generic",
+			title: "No geofences configured yet",
+			description: "Create your first zone to trigger automatic time tracking when people arrive or leave a location.",
+			action: /* @__PURE__ */ l("button", {
+				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+				children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Create Geofence"]
+			})
+		}) : /* @__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-text-secondary",
-				children: "No geofences configured yet."
-			}), p.map((e) => /* @__PURE__ */ c("div", {
+			children: m.map((e) => /* @__PURE__ */ l("div", {
 				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", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "flex items-start justify-between",
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ s(a, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c(o, { 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", {
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								e.trigger,
@@ -52,19 +59,19 @@ function l() {
 								"m radius"
 							]
 						})] })]
-					}), /* @__PURE__ */ s("span", {
+					}), /* @__PURE__ */ c("span", {
 						className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(e.isActive ? "active" : "inactive")}`,
 						children: e.isActive ? "Active" : "Inactive"
 					})]
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ l("div", {
 					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"] })]
+					children: [/* @__PURE__ */ c("span", { children: e.address ?? "No address" }), /* @__PURE__ */ l("span", { children: [e.events?.length ?? 0, " events"] })]
 				})]
-			}, e.id))]
+			}, e.id))
 		})
 	});
 }
 //#endregion
-export { l as GeofencingPage };
+export { u as GeofencingPage };
 
 //# sourceMappingURL=GeofencingPage.js.map

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-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"}
+{"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 { EmptyState } from \"../../components/EmptyState\";\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      purpose=\"Draw zones around your worksites — offices, client sites, job locations — and have time tracking start and stop automatically as people move in and out, so on-site hours record themselves.\"\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      {geofences.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No geofences configured yet\"\n          description=\"Create your first zone to trigger automatic time tracking when people arrive or leave a location.\"\n          action={\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      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\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      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,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,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGV,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,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;GACE,CAAA;EAEG,CAAA"}

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

@@ -5,21 +5,22 @@ 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";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx
-var u = "geofencing.settings";
-function d() {
-	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);
+var d = "geofencing.settings";
+function f() {
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({ variables: { key: d } }), [g, { loading: _ }] = r(), v = p?.configurationByKey?.value ?? {}, [y, b] = o(!0), [x, S] = o(!0), [C, w] = o(!0);
 	return a(() => {
-		_ && (y(_.autoStartOnEntry ?? !0), x(_.autoStopOnExit ?? !0), C(_.notificationsOnEvents ?? !0));
+		v && (b(v.autoStartOnEntry ?? !0), S(v.autoStopOnExit ?? !0), w(v.notificationsOnEvents ?? !0));
 	}, [
-		_.autoStartOnEntry,
-		_.autoStopOnExit,
-		_.notificationsOnEvents
-	]), p ? /* @__PURE__ */ c(i, {
+		v.autoStartOnEntry,
+		v.autoStopOnExit,
+		v.notificationsOnEvents
+	]), m ? /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
 		children: /* @__PURE__ */ c(t, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(i, {
+	}) : h ? /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
 		children: /* @__PURE__ */ c("div", {
@@ -29,10 +30,13 @@ function d() {
 	}) : /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
+		purpose: "Make your timer follow you between locations — start it automatically when you arrive at a worksite and stop it when you leave — so on-site time is captured hands-free without manual punches.",
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
+			children: [/* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [/* @__PURE__ */ l("h3", {
 					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"]
@@ -46,8 +50,8 @@ function d() {
 								children: "Auto-start timer on entry"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: v,
-								onChange: (e) => y(e.target.checked),
+								checked: y,
+								onChange: (e) => b(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -58,8 +62,8 @@ function d() {
 								children: "Auto-stop timer on exit"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: b,
-								onChange: (e) => x(e.target.checked),
+								checked: x,
+								onChange: (e) => S(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -70,8 +74,8 @@ function d() {
 								children: "Notifications on events"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: S,
-								onChange: (e) => C(e.target.checked),
+								checked: C,
+								onChange: (e) => w(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
@@ -81,26 +85,26 @@ function d() {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ c("button", {
 					onClick: async () => {
-						await h({ variables: { input: {
-							key: u,
+						await g({ variables: { input: {
+							key: d,
 							value: {
-								autoStartOnEntry: v,
-								autoStopOnExit: b,
-								notificationsOnEvents: S
+								autoStartOnEntry: y,
+								autoStopOnExit: x,
+								notificationsOnEvents: C
 							},
 							description: "Geofencing trigger settings",
 							scope: "USER"
 						} } });
 					},
-					disabled: g,
+					disabled: _,
 					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"
+					children: _ ? "Saving..." : "Save Settings"
 				})
 			})]
 		})
 	});
 }
 //#endregion
-export { d as GeofencingSettingsPage };
+export { f as GeofencingSettingsPage };
 
 //# sourceMappingURL=GeofencingSettingsPage.js.map

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-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"}
+{"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 { GlassCard } from \"@burdenoff/fe-libs/ui\";\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      purpose=\"Make your timer follow you between locations — start it automatically when you arrive at a worksite and stop it when you leave — so on-site time is captured hands-free without manual punches.\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"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        </GlassCard>\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,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;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,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;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAvFS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAkB;QAAgB;QAAuB;OAClE,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA8EM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

package/dist/timecampus/pages/industry-solutions/IndustrySolutionsPage.js

@@ -2,68 +2,71 @@ import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
 import { useListConfigurationsQuery as n } from "../../../generated/wspace-operations.js";
 import { PageLayout as r } from "../../components/PageLayout.js";
-import { ArrowRight as i, Factory as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { ArrowRight as a, Factory as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx
-function c() {
-	let { workspaceId: c = "" } = e(), { data: l, loading: u, error: d } = n({ variables: { scope: "WORKSPACE" } }), f = (l?.configurations ?? []).filter((e) => e.key.startsWith("industry."));
-	return u ? /* @__PURE__ */ o(r, {
+function l() {
+	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = n({ variables: { scope: "WORKSPACE" } }), p = (u?.configurations ?? []).filter((e) => e.key.startsWith("industry."));
+	return d ? /* @__PURE__ */ s(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ o(t, {
+		children: /* @__PURE__ */ s(t, {
 			variant: "card",
 			count: 6
 		})
-	}) : d ? /* @__PURE__ */ o(r, {
+	}) : f ? /* @__PURE__ */ s(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load industry solutions. Please try again later."
 		})
-	}) : /* @__PURE__ */ o(r, {
+	}) : /* @__PURE__ */ s(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ o("div", {
+		purpose: "Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.",
+		children: p.length === 0 ? /* @__PURE__ */ s(i, {
+			illustration: "empty-generic",
+			title: "No industry solutions configured yet",
+			description: "Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here."
+		}) : /* @__PURE__ */ s("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: f.length === 0 ? /* @__PURE__ */ o("div", {
-				className: "col-span-full p-8 text-center text-sm text-text-secondary",
-				children: "No industry solutions configured yet. Solutions are stored as workspace configurations with the \"industry.\" key prefix."
-			}) : f.map((e) => {
-				let t = e.value, n = t.name ?? e.key.replace("industry.", ""), r = t.industry ?? "General", c = e.description ?? t.description ?? "", l = t.features ?? [];
-				return /* @__PURE__ */ s("div", {
+			children: p.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("industry.", ""), r = t.industry ?? "General", i = e.description ?? t.description ?? "", l = t.features ?? [];
+				return /* @__PURE__ */ c("div", {
 					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__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ o("div", {
+							children: [/* @__PURE__ */ s("div", {
 								className: "flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10",
-								children: /* @__PURE__ */ o(a, { className: "h-6 w-6 text-primary" })
-							}), /* @__PURE__ */ s("div", {
+								children: /* @__PURE__ */ s(o, { className: "h-6 w-6 text-primary" })
+							}), /* @__PURE__ */ c("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ o("p", {
+								children: [/* @__PURE__ */ s("p", {
 									className: "text-sm font-semibold text-text-primary",
 									children: n
-								}), /* @__PURE__ */ o("p", {
+								}), /* @__PURE__ */ s("p", {
 									className: "text-xs text-text-secondary",
 									children: r
 								})]
 							})]
 						}),
-						/* @__PURE__ */ o("p", {
+						/* @__PURE__ */ s("p", {
 							className: "mt-3 text-xs text-text-secondary",
-							children: c
+							children: i
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "mt-3 flex flex-wrap gap-1",
-							children: l.map((e) => /* @__PURE__ */ o("span", {
+							children: l.map((e) => /* @__PURE__ */ s("span", {
 								className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 								children: e
 							}, e))
 						}),
-						/* @__PURE__ */ s("button", {
+						/* @__PURE__ */ c("button", {
 							className: "mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline",
-							children: ["Learn more ", /* @__PURE__ */ o(i, { className: "h-3 w-3" })]
+							children: ["Learn more ", /* @__PURE__ */ s(a, { className: "h-3 w-3" })]
 						})
 					]
 				}, e.id);
@@ -72,6 +75,6 @@ function c() {
 	});
 }
 //#endregion
-export { c as IndustrySolutionsPage };
+export { l as IndustrySolutionsPage };
 
 //# sourceMappingURL=IndustrySolutionsPage.js.map

package/dist/timecampus/pages/industry-solutions/IndustrySolutionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndustrySolutionsPage.js","names":[],"sources":["../../../../src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx"],"sourcesContent":["import { Factory, ArrowRight } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function IndustrySolutionsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as any },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent industry solutions (key starts with 'industry.')\n  const solutions = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"industry.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\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 industry solutions. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Industry Solutions\"\n      description=\"Time tracking solutions tailored to your industry\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {solutions.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-text-secondary\">\n            No industry solutions configured yet. Solutions are stored as\n            workspace configurations with the \"industry.\" key prefix.\n          </div>\n        ) : (\n          solutions.map((solution: ConfigurationFieldsFragment) => {\n            const val = solution.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? solution.key.replace(\"industry.\", \"\");\n            const industry = (val.industry as string) ?? \"General\";\n            const description =\n              solution.description ?? (val.description as string) ?? \"\";\n            const features = (val.features as string[]) ?? [];\n\n            return (\n              <div\n                key={solution.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 gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Factory className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{industry}</p>\n                  </div>\n                </div>\n                <p className=\"mt-3 text-xs text-text-secondary\">\n                  {description}\n                </p>\n                <div className=\"mt-3 flex flex-wrap gap-1\">\n                  {features.map((feature) => (\n                    <span\n                      key={feature}\n                      className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {feature}\n                    </span>\n                  ))}\n                </div>\n                <button className=\"mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline\">\n                  Learn more <ArrowRight className=\"h-3 w-3\" />\n                </button>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,IAAwB;CACtC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGhB,QAAQ,MACvC,EAAE,IAAI,WAAW,YAAY,CAC9B;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,EAAU,WAAW,IACpB,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAGrE,CAAA,GAEN,EAAU,KAAK,MAA0C;IACvD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,IACJ,EAAS,eAAgB,EAAI,eAA0B,IACnD,IAAY,EAAI,YAAyB,EAAE;AAEjD,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;QACxC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAa,CAAA,CACrD;UACF;;MACN,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,KAAK,MACb,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP;OACE,CAAA;MACN,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CAAkG,eACrF,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CACtC;;MACL;OA9BC,EAAS,GA8BV;KAER;GAEA,CAAA;EACK,CAAA"}
+{"version":3,"file":"IndustrySolutionsPage.js","names":[],"sources":["../../../../src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx"],"sourcesContent":["import { Factory, ArrowRight } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function IndustrySolutionsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as any },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent industry solutions (key starts with 'industry.')\n  const solutions = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"industry.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\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 industry solutions. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Industry Solutions\"\n      description=\"Time tracking solutions tailored to your industry\"\n      purpose=\"Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.\"\n    >\n      {solutions.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No industry solutions configured yet\"\n          description=\"Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {solutions.map((solution: ConfigurationFieldsFragment) => {\n            const val = solution.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? solution.key.replace(\"industry.\", \"\");\n            const industry = (val.industry as string) ?? \"General\";\n            const description =\n              solution.description ?? (val.description as string) ?? \"\";\n            const features = (val.features as string[]) ?? [];\n\n            return (\n              <div\n                key={solution.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 gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Factory className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{industry}</p>\n                  </div>\n                </div>\n                <p className=\"mt-3 text-xs text-text-secondary\">\n                  {description}\n                </p>\n                <div className=\"mt-3 flex flex-wrap gap-1\">\n                  {features.map((feature) => (\n                    <span\n                      key={feature}\n                      className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {feature}\n                    </span>\n                  ))}\n                </div>\n                <button className=\"mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline\">\n                  Learn more <ArrowRight className=\"h-3 w-3\" />\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAwB;CACtC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGhB,QAAQ,MACvC,EAAE,IAAI,WAAW,YAAY,CAC9B;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;EACZ,SAAQ;YAEP,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,KAAK,MAA0C;IACxD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,IACJ,EAAS,eAAgB,EAAI,eAA0B,IACnD,IAAY,EAAI,YAAyB,EAAE;AAEjD,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;QACxC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAa,CAAA,CACrD;UACF;;MACN,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,KAAK,MACb,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP;OACE,CAAA;MACN,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CAAkG,eACrF,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CACtC;;MACL;OA9BC,EAAS,GA8BV;KAER;GACE,CAAA;EAEG,CAAA"}