@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

package/dist/timecampus/pages/team-activity/TeamActivitySettingsPage.js

@@ -1,39 +1,43 @@
 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";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/team-activity/TeamActivitySettingsPage.tsx
-var u = "team-activity.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), [w, T] = o(!0);
+var d = "team-activity.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), [T, E] = o(!0);
 	return a(() => {
-		_ && (y(_.showTimerEvents ?? !0), x(_.showTaskCompletions ?? !0), C(_.showCheckIns ?? !0), T(_.realTimeUpdates ?? !0));
+		v && (b(v.showTimerEvents ?? !0), S(v.showTaskCompletions ?? !0), w(v.showCheckIns ?? !0), E(v.realTimeUpdates ?? !0));
 	}, [
-		_.showTimerEvents,
-		_.showTaskCompletions,
-		_.showCheckIns,
-		_.realTimeUpdates
-	]), p ? /* @__PURE__ */ c(t, {
+		v.showTimerEvents,
+		v.showTaskCompletions,
+		v.showCheckIns,
+		v.realTimeUpdates
+	]), m ? /* @__PURE__ */ c(i, {
 		title: "Team Activity Settings",
 		description: "Configure team activity tracking",
-		children: /* @__PURE__ */ c(n, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ c(t, { variant: "detail" })
+	}) : h ? /* @__PURE__ */ c(i, {
 		title: "Team Activity Settings",
 		description: "Configure team activity tracking",
 		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 activity settings. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(t, {
+	}) : /* @__PURE__ */ c(i, {
 		title: "Team Activity Settings",
 		description: "Configure team activity tracking",
+		purpose: "Tune the team activity feed so it shows what matters and nothing more — pick which events appear and whether updates stream live — keeping the team informed without it becoming noise.",
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface 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" }), "Activity Feed Settings"]
@@ -47,8 +51,8 @@ function d() {
 								children: "Show timer events"
 							}), /* @__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"
 							})]
 						}),
@@ -59,8 +63,8 @@ function d() {
 								children: "Show task completions"
 							}), /* @__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"
 							})]
 						}),
@@ -71,8 +75,8 @@ function d() {
 								children: "Show check-ins"
 							}), /* @__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"
 							})]
 						}),
@@ -83,8 +87,8 @@ function d() {
 								children: "Real-time updates"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: w,
-								onChange: (e) => T(e.target.checked),
+								checked: T,
+								onChange: (e) => E(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
@@ -94,27 +98,27 @@ 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: {
-								showTimerEvents: v,
-								showTaskCompletions: b,
-								showCheckIns: S,
-								realTimeUpdates: w
+								showTimerEvents: y,
+								showTaskCompletions: x,
+								showCheckIns: C,
+								realTimeUpdates: T
 							},
 							description: "Team activity feed 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 TeamActivitySettingsPage };
+export { f as TeamActivitySettingsPage };
 
 //# sourceMappingURL=TeamActivitySettingsPage.js.map

package/dist/timecampus/pages/team-activity/TeamActivitySettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamActivitySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivitySettingsPage.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 = \"team-activity.settings\";\n\nexport function TeamActivitySettingsPage() {\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 [showTimerEvents, setShowTimerEvents] = useState(true);\n  const [showTaskCompletions, setShowTaskCompletions] = useState(true);\n  const [showCheckIns, setShowCheckIns] = useState(true);\n  const [realTimeUpdates, setRealTimeUpdates] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setShowTimerEvents(configValue.showTimerEvents ?? true);\n      setShowTaskCompletions(configValue.showTaskCompletions ?? true);\n      setShowCheckIns(configValue.showCheckIns ?? true);\n      setRealTimeUpdates(configValue.realTimeUpdates ?? true);\n    }\n  }, [\n    configValue.showTimerEvents,\n    configValue.showTaskCompletions,\n    configValue.showCheckIns,\n    configValue.realTimeUpdates,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: {\n            showTimerEvents,\n            showTaskCompletions,\n            showCheckIns,\n            realTimeUpdates,\n          },\n          description: \"Team activity feed settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\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 activity settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity Settings\"\n      description=\"Configure team activity tracking\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Activity Feed 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\">Show timer events</span>\n              <input\n                type=\"checkbox\"\n                checked={showTimerEvents}\n                onChange={(e) => setShowTimerEvents(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                Show task completions\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTaskCompletions}\n                onChange={(e) => setShowTaskCompletions(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\">Show check-ins</span>\n              <input\n                type=\"checkbox\"\n                checked={showCheckIns}\n                onChange={(e) => setShowCheckIns(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\">Real-time updates</span>\n              <input\n                type=\"checkbox\"\n                checked={realTimeUpdates}\n                onChange={(e) => setRealTimeUpdates(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,IAA2B;CACzC,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,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAqB,KAA0B,EAAS,GAAK,EAC9D,CAAC,GAAc,KAAmB,EAAS,GAAK,EAChD,CAAC,GAAiB,KAAsB,EAAS,GAAK;AA0D5D,QAxDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAuB,EAAY,uBAAuB,GAAK,EAC/D,EAAgB,EAAY,gBAAgB,GAAK,EACjD,EAAmB,EAAY,mBAAmB,GAAK;IAExD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAoBE,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,yBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAwB,CAAA,EACpE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,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,EAAuB,EAAE,OAAO,QAAQ;QACzD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAqB,CAAA,EACjE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAgB,EAAE,OAAO,QAAQ;QAClD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAwB,CAAA,EACpE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAhGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QACL;QACA;QACA;QACA;QACD;OACD,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KAkFM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
+{"version":3,"file":"TeamActivitySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivitySettingsPage.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 = \"team-activity.settings\";\n\nexport function TeamActivitySettingsPage() {\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 [showTimerEvents, setShowTimerEvents] = useState(true);\n  const [showTaskCompletions, setShowTaskCompletions] = useState(true);\n  const [showCheckIns, setShowCheckIns] = useState(true);\n  const [realTimeUpdates, setRealTimeUpdates] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setShowTimerEvents(configValue.showTimerEvents ?? true);\n      setShowTaskCompletions(configValue.showTaskCompletions ?? true);\n      setShowCheckIns(configValue.showCheckIns ?? true);\n      setRealTimeUpdates(configValue.realTimeUpdates ?? true);\n    }\n  }, [\n    configValue.showTimerEvents,\n    configValue.showTaskCompletions,\n    configValue.showCheckIns,\n    configValue.realTimeUpdates,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: {\n            showTimerEvents,\n            showTaskCompletions,\n            showCheckIns,\n            realTimeUpdates,\n          },\n          description: \"Team activity feed settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\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 activity settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity Settings\"\n      description=\"Configure team activity tracking\"\n      purpose=\"Tune the team activity feed so it shows what matters and nothing more — pick which events appear and whether updates stream live — keeping the team informed without it becoming noise.\"\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            Activity Feed 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                Show timer events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTimerEvents}\n                onChange={(e) => setShowTimerEvents(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                Show task completions\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTaskCompletions}\n                onChange={(e) => setShowTaskCompletions(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\">Show check-ins</span>\n              <input\n                type=\"checkbox\"\n                checked={showCheckIns}\n                onChange={(e) => setShowCheckIns(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                Real-time updates\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={realTimeUpdates}\n                onChange={(e) => setRealTimeUpdates(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,IAA2B;CACzC,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,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAqB,KAA0B,EAAS,GAAK,EAC9D,CAAC,GAAc,KAAmB,EAAS,GAAK,EAChD,CAAC,GAAiB,KAAsB,EAAS,GAAK;AA0D5D,QAxDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAuB,EAAY,uBAAuB,GAAK,EAC/D,EAAgB,EAAY,gBAAgB,GAAK,EACjD,EAAmB,EAAY,mBAAmB,GAAK;IAExD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAoBE,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,yBAE7B;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,EAAmB,EAAE,OAAO,QAAQ;QACrD,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,EAAuB,EAAE,OAAO,QAAQ;QACzD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAqB,CAAA,EACjE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAgB,EAAE,OAAO,QAAQ;QAClD,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,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SArGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QACL;QACA;QACA;QACA;QACD;OACD,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KAuFM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

package/dist/timecampus/pages/templates/TemplateApplicationPage.js

@@ -1,16 +1,17 @@
 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 { useGetConfigurationQuery as r } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationQuery as n } from "../../../generated/wspace-operations.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
 import { CheckCircle as i, Loader2 as a, Sparkles as o } from "lucide-react";
 import { useParams as s } from "react-router-dom";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/templates/TemplateApplicationPage.tsx
-function u() {
-	let { applicationId: u } = s(), { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({
-		variables: { id: u ?? "" },
-		skip: !u
-	}), h = (f?.configuration?.value ?? {}).applicationSteps ?? [
+function d() {
+	let { applicationId: d } = s(), { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({
+		variables: { id: d ?? "" },
+		skip: !d
+	}), g = (p?.configuration?.value ?? {}).applicationSteps ?? [
 		{
 			label: "Project structure",
 			status: "pending"
@@ -32,24 +33,27 @@ function u() {
 			status: "pending"
 		}
 	];
-	return p ? /* @__PURE__ */ c(t, {
+	return m ? /* @__PURE__ */ c(r, {
 		title: "Applying Template",
 		description: "Loading...",
-		children: /* @__PURE__ */ c(n, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ c(t, { variant: "detail" })
+	}) : h ? /* @__PURE__ */ c(r, {
 		title: "Applying Template",
-		description: `Application ID: ${u}`,
+		description: `Application ID: ${d}`,
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load template application data. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(t, {
+	}) : /* @__PURE__ */ c(r, {
 		title: "Applying Template",
-		description: `Application ID: ${u}`,
+		description: `Application ID: ${d}`,
+		purpose: "Watch your chosen template build out your workspace step by step — projects, categories, roles, widgets and workflows — so you can see exactly what's being configured as it happens.",
 		children: /* @__PURE__ */ c("div", {
 			className: "mx-auto max-w-lg",
-			children: /* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6 text-center",
+			children: /* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6 text-center",
 				children: [
 					/* @__PURE__ */ c("div", {
 						className: "flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-action-primary-bg/10",
@@ -65,9 +69,9 @@ function u() {
 					}),
 					/* @__PURE__ */ c("div", {
 						className: "mt-6 space-y-3 text-left",
-						children: h.map((e) => /* @__PURE__ */ l("div", {
+						children: g.map((e) => /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-3 rounded-lg border border-border-subtle p-3",
-							children: [e.status === "completed" ? /* @__PURE__ */ c(i, { className: "h-5 w-5 text-emerald-500" }) : e.status === "in-progress" ? /* @__PURE__ */ c(a, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ c("div", { className: "h-5 w-5 rounded-full border-2 border-muted" }), /* @__PURE__ */ c("span", {
+							children: [e.status === "completed" ? /* @__PURE__ */ c(i, { className: "h-5 w-5 text-status-success-text" }) : e.status === "in-progress" ? /* @__PURE__ */ c(a, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ c("div", { className: "h-5 w-5 rounded-full border-2 border-muted" }), /* @__PURE__ */ c("span", {
 								className: `text-sm ${e.status === "completed" ? "text-text-secondary" : "text-text-primary"}`,
 								children: e.label
 							})]
@@ -79,6 +83,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as TemplateApplicationPage };
+export { d as TemplateApplicationPage };
 
 //# sourceMappingURL=TemplateApplicationPage.js.map

package/dist/timecampus/pages/templates/TemplateApplicationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateApplicationPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateApplicationPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, CheckCircle, Loader2 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateApplicationPage() {\n  const { applicationId } = useParams<{ applicationId: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: applicationId ?? \"\" },\n    skip: !applicationId,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n\n  // Application steps from configuration or defaults\n  const configuredSteps = val.applicationSteps as\n    | Array<{ label: string; status: string }>\n    | undefined;\n  const steps = configuredSteps ?? [\n    { label: \"Project structure\", status: \"pending\" },\n    { label: \"Time categories\", status: \"pending\" },\n    { label: \"Team roles\", status: \"pending\" },\n    { label: \"Dashboard widgets\", status: \"pending\" },\n    { label: \"Workflows\", status: \"pending\" },\n  ];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Applying Template\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Applying Template\"\n        description={`Application ID: ${applicationId}`}\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load template application data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Applying Template\"\n      description={`Application ID: ${applicationId}`}\n    >\n      <div className=\"mx-auto max-w-lg\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6 text-center\">\n          <div className=\"flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-action-primary-bg/10\">\n            <Sparkles className=\"h-8 w-8 text-primary\" />\n          </div>\n          <h2 className=\"mt-4 text-lg font-semibold text-text-primary\">\n            Setting up your workspace\n          </h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Applying the template configuration...\n          </p>\n\n          <div className=\"mt-6 space-y-3 text-left\">\n            {steps.map((step) => (\n              <div\n                key={step.label}\n                className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-3\"\n              >\n                {step.status === \"completed\" ? (\n                  <CheckCircle className=\"h-5 w-5 text-emerald-500\" />\n                ) : step.status === \"in-progress\" ? (\n                  <Loader2 className=\"h-5 w-5 text-primary animate-spin\" />\n                ) : (\n                  <div className=\"h-5 w-5 rounded-full border-2 border-muted\" />\n                )}\n                <span\n                  className={`text-sm ${step.status === \"completed\" ? \"text-text-secondary\" : \"text-text-primary\"}`}\n                >\n                  {step.label}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAA0B;CACxC,IAAM,EAAE,qBAAkB,GAAsC,EAC1D,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAiB,IAAI;EACtC,MAAM,CAAC;EACR,CAAC,EASI,KAPS,GAAM,eACA,SAAqC,EAAE,EAGhC,oBAGK;EAC/B;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAmB,QAAQ;GAAW;EAC/C;GAAE,OAAO;GAAc,QAAQ;GAAW;EAC1C;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAa,QAAQ;GAAW;EAC1C;AAuBD,QArBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAoB,aAAY;YAChD,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MACzC,CAAA;KACN,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAE5C,CAAA;KAEJ,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAM,KAAK,MACV,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIG,EAAK,WAAW,cACf,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA,GAClD,EAAK,WAAW,gBAClB,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA,GAEzD,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,EAEhE,kBAAC,QAAD;QACE,WAAW,WAAW,EAAK,WAAW,cAAc,wBAAwB;kBAE3E,EAAK;QACD,CAAA,CACH;SAfC,EAAK,MAeN,CACN;MACE,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"TemplateApplicationPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateApplicationPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, CheckCircle, Loader2 } 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 { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateApplicationPage() {\n  const { applicationId } = useParams<{ applicationId: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: applicationId ?? \"\" },\n    skip: !applicationId,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n\n  // Application steps from configuration or defaults\n  const configuredSteps = val.applicationSteps as\n    | Array<{ label: string; status: string }>\n    | undefined;\n  const steps = configuredSteps ?? [\n    { label: \"Project structure\", status: \"pending\" },\n    { label: \"Time categories\", status: \"pending\" },\n    { label: \"Team roles\", status: \"pending\" },\n    { label: \"Dashboard widgets\", status: \"pending\" },\n    { label: \"Workflows\", status: \"pending\" },\n  ];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Applying Template\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Applying Template\"\n        description={`Application ID: ${applicationId}`}\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 template application data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Applying Template\"\n      description={`Application ID: ${applicationId}`}\n      purpose=\"Watch your chosen template build out your workspace step by step — projects, categories, roles, widgets and workflows — so you can see exactly what's being configured as it happens.\"\n    >\n      <div className=\"mx-auto max-w-lg\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6 text-center\">\n          <div className=\"flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-action-primary-bg/10\">\n            <Sparkles className=\"h-8 w-8 text-primary\" />\n          </div>\n          <h2 className=\"mt-4 text-lg font-semibold text-text-primary\">\n            Setting up your workspace\n          </h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Applying the template configuration...\n          </p>\n\n          <div className=\"mt-6 space-y-3 text-left\">\n            {steps.map((step) => (\n              <div\n                key={step.label}\n                className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-3\"\n              >\n                {step.status === \"completed\" ? (\n                  <CheckCircle className=\"h-5 w-5 text-status-success-text\" />\n                ) : step.status === \"in-progress\" ? (\n                  <Loader2 className=\"h-5 w-5 text-primary animate-spin\" />\n                ) : (\n                  <div className=\"h-5 w-5 rounded-full border-2 border-muted\" />\n                )}\n                <span\n                  className={`text-sm ${step.status === \"completed\" ? \"text-text-secondary\" : \"text-text-primary\"}`}\n                >\n                  {step.label}\n                </span>\n              </div>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,IAA0B;CACxC,IAAM,EAAE,qBAAkB,GAAsC,EAC1D,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAiB,IAAI;EACtC,MAAM,CAAC;EACR,CAAC,EASI,KAPS,GAAM,eACA,SAAqC,EAAE,EAGhC,oBAGK;EAC/B;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAmB,QAAQ;GAAW;EAC/C;GAAE,OAAO;GAAc,QAAQ;GAAW;EAC1C;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAa,QAAQ;GAAW;EAC1C;AAuBD,QArBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAoB,aAAY;YAChD,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;EAChC,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MACzC,CAAA;KACN,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAE5C,CAAA;KAEJ,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAM,KAAK,MACV,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIG,EAAK,WAAW,cACf,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA,GAC1D,EAAK,WAAW,gBAClB,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA,GAEzD,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,EAEhE,kBAAC,QAAD;QACE,WAAW,WAAW,EAAK,WAAW,cAAc,wBAAwB;kBAE3E,EAAK;QACD,CAAA,CACH;SAfC,EAAK,MAeN,CACN;MACE,CAAA;KACI;;GACR,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/templates/TemplateDetailPage.js

@@ -1,98 +1,116 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
+import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
 import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
 import { useGetConfigurationQuery as r } from "../../../generated/wspace-operations.js";
-import { ArrowLeft as i, CheckCircle as a, Sparkles as o, Star as s, Users as c } from "lucide-react";
-import { useParams as l } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { PageLayout as i } from "../../components/PageLayout.js";
+import { ArrowLeft as a, CheckCircle as o, Sparkles as s, Star as c, Users as l } from "lucide-react";
+import { useParams as u } from "react-router-dom";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { GlassCard as p, NextSteps as m } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/templates/TemplateDetailPage.tsx
-function f() {
-	let { id: f } = l(), { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = r({
-		variables: { id: f ?? "" },
-		skip: !f
-	}), _ = m?.configuration, v = _?.value ?? {}, y = v.name ?? _?.key?.replace("template.", "") ?? "Template", b = _?.description ?? v.description ?? "A pre-built workspace template for time tracking workflows.", x = v.rating ?? 0, S = v.teamSize ?? "-", C = v.features ?? [];
-	return h ? /* @__PURE__ */ u(t, {
+function h() {
+	let { id: h } = u(), { workspaceId: g = "" } = e(), _ = t(), { data: v, loading: y, error: b } = r({
+		variables: { id: h ?? "" },
+		skip: !h
+	}), x = v?.configuration, S = x?.value ?? {}, C = S.name ?? x?.key?.replace("template.", "") ?? "Template", w = x?.description ?? S.description ?? "A pre-built workspace template for time tracking workflows.", T = S.rating ?? 0, E = S.teamSize ?? "-", D = S.features ?? [];
+	return y ? /* @__PURE__ */ d(i, {
 		title: "Template Details",
 		description: "Loading...",
-		children: /* @__PURE__ */ u(n, { variant: "detail" })
-	}) : g || !_ ? /* @__PURE__ */ u(t, {
+		children: /* @__PURE__ */ d(n, { variant: "detail" })
+	}) : b || !x ? /* @__PURE__ */ d(i, {
 		title: "Template Details",
-		description: `Template ID: ${f}`,
-		actions: /* @__PURE__ */ d("button", {
+		description: `Template ID: ${h}`,
+		actions: /* @__PURE__ */ f("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-			children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Back to Templates"]
+			children: [/* @__PURE__ */ d(a, { className: "h-4 w-4" }), "Back to Templates"]
 		}),
-		children: /* @__PURE__ */ u("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
-			children: g ? "Failed to load template details. Please try again later." : "Template configuration not found."
+		children: /* @__PURE__ */ d("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
+			children: b ? "Failed to load template details. Please try again later." : "Template configuration not found."
 		})
-	}) : /* @__PURE__ */ u(t, {
+	}) : /* @__PURE__ */ d(i, {
 		title: "Template Details",
-		description: `Template ID: ${f}`,
-		actions: /* @__PURE__ */ d("button", {
+		description: `Template ID: ${h}`,
+		purpose: "Review exactly what this template sets up — its features and who it's built for — before you apply it, so you know what will land in your workspace and whether it fits how your team works.",
+		actions: /* @__PURE__ */ f("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-			children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Back to Templates"]
+			children: [/* @__PURE__ */ d(a, { className: "h-4 w-4" }), "Back to Templates"]
 		}),
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ d("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			children: [/* @__PURE__ */ d(m, {
+				storageKey: "timecampus-template-detail",
+				className: "mb-6",
+				steps: [{
+					id: "apply",
+					label: "Apply this template",
+					description: "Set up your workspace with this configuration.",
+					onClick: () => {}
+				}, {
+					id: "browse",
+					label: "Browse other templates",
+					description: "Compare with templates for other workflows.",
+					onClick: () => _("/templates")
+				}]
+			}), /* @__PURE__ */ f(p, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex h-16 w-16 items-center justify-center rounded-xl bg-action-primary-bg/10",
-							children: /* @__PURE__ */ u(o, { className: "h-8 w-8 text-primary" })
-						}), /* @__PURE__ */ d("div", {
+							children: /* @__PURE__ */ d(s, { className: "h-8 w-8 text-primary" })
+						}), /* @__PURE__ */ f("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ u("h2", {
+								/* @__PURE__ */ d("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: y
+									children: C
 								}),
-								/* @__PURE__ */ u("p", {
+								/* @__PURE__ */ d("p", {
 									className: "text-sm text-text-secondary",
-									children: b
+									children: w
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ f("div", {
 									className: "mt-2 flex items-center gap-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ d("div", {
+									children: [/* @__PURE__ */ f("div", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ u(s, { className: "h-4 w-4 fill-amber-400 text-amber-400" }), /* @__PURE__ */ u("span", { children: x })]
-									}), /* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ d(c, { className: "h-4 w-4 fill-amber-400 text-status-warning-text" }), /* @__PURE__ */ d("span", { children: T })]
+									}), /* @__PURE__ */ f("div", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: [S, " members"] })]
+										children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), /* @__PURE__ */ f("span", { children: [E, " members"] })]
 									})]
 								})
 							]
 						})]
 					}),
-					C.length > 0 && /* @__PURE__ */ d("div", {
+					D.length > 0 && /* @__PURE__ */ f("div", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ u("h3", {
+						children: [/* @__PURE__ */ d("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: "Features"
-						}), /* @__PURE__ */ u("ul", {
+						}), /* @__PURE__ */ d("ul", {
 							className: "mt-2 space-y-2",
-							children: C.map((e) => /* @__PURE__ */ d("li", {
+							children: D.map((e) => /* @__PURE__ */ f("li", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ u(a, { className: "h-4 w-4 text-emerald-500" }), e]
+								children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 text-status-success-text" }), e]
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						className: "mt-6 flex justify-end",
-						children: /* @__PURE__ */ u("button", {
+						children: /* @__PURE__ */ d("button", {
 							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",
 							children: "Apply Template"
 						})
 					})
 				]
-			})
+			})]
 		})
 	});
 }
 //#endregion
-export { f as TemplateDetailPage };
+export { h as TemplateDetailPage };
 
 //# sourceMappingURL=TemplateDetailPage.js.map

package/dist/timecampus/pages/templates/TemplateDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, ArrowLeft, Star, Users, CheckCircle } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: id ?? \"\" },\n    skip: !id,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n  const name =\n    (val.name as string) ?? config?.key?.replace(\"template.\", \"\") ?? \"Template\";\n  const description =\n    config?.description ??\n    (val.description as string) ??\n    \"A pre-built workspace template for time tracking workflows.\";\n  const rating = (val.rating as number) ?? 0;\n  const teamSize = (val.teamSize as string) ?? \"-\";\n  const features = (val.features as string[]) ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Template Details\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !config) {\n    return (\n      <PageLayout\n        title=\"Template Details\"\n        description={`Template ID: ${id}`}\n        actions={\n          <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Templates\n          </button>\n        }\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          {error\n            ? \"Failed to load template details. Please try again later.\"\n            : \"Template configuration not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Template Details\"\n      description={`Template ID: ${id}`}\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Templates\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n              <Sparkles className=\"h-8 w-8 text-primary\" />\n            </div>\n            <div className=\"flex-1\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">{name}</h2>\n              <p className=\"text-sm text-text-secondary\">{description}</p>\n              <div className=\"mt-2 flex items-center gap-3 text-sm text-text-secondary\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-4 w-4 fill-amber-400 text-amber-400\" />\n                  <span>{rating}</span>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  <Users className=\"h-4 w-4\" />\n                  <span>{teamSize} members</span>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {features.length > 0 && (\n            <div className=\"mt-6\">\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                Features\n              </h3>\n              <ul className=\"mt-2 space-y-2\">\n                {features.map((feature) => (\n                  <li\n                    key={feature}\n                    className=\"flex items-center gap-2 text-sm text-text-secondary\"\n                  >\n                    <CheckCircle className=\"h-4 w-4 text-emerald-500\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          <div className=\"mt-6 flex justify-end\">\n            <button 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\">\n              Apply Template\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAqB;CACnC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAM,IAAI;EAC3B,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,eACf,IAAO,GAAQ,SAAqC,EAAE,EACtD,IACH,EAAI,QAAmB,GAAQ,KAAK,QAAQ,aAAa,GAAG,IAAI,YAC7D,IACJ,GAAQ,eACP,EAAI,eACL,+DACI,IAAU,EAAI,UAAqB,GACnC,IAAY,EAAI,YAAuB,KACvC,IAAY,EAAI,YAAyB,EAAE;AA+BjD,QA7BI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAmB,aAAY;YAC/C,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,KAAS,CAAC,IAEV,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,gBAAgB;EAC7B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,6DACA;GACA,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,gBAAgB;EAC7B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;OACzC,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBAA2C;SAAU,CAAA;QACnE,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAgB,CAAA;QAC5D,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,yCAA0C,CAAA,EAC1D,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAS,WAAe,EAAA,CAAA,CAC3B;YACF;;QACF;SACF;;KAEL,EAAS,SAAS,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA0C;OAEnD,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAS,KAAK,MACb,kBAAC,MAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA,EACnD,EACE;UALE,EAKF,CACL;OACC,CAAA,CACD;;KAGR,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,WAAU;iBAAuH;OAEhI,CAAA;MACL,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, ArrowLeft, Star, Users, CheckCircle } from \"lucide-react\";\nimport { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: id ?? \"\" },\n    skip: !id,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n  const name =\n    (val.name as string) ?? config?.key?.replace(\"template.\", \"\") ?? \"Template\";\n  const description =\n    config?.description ??\n    (val.description as string) ??\n    \"A pre-built workspace template for time tracking workflows.\";\n  const rating = (val.rating as number) ?? 0;\n  const teamSize = (val.teamSize as string) ?? \"-\";\n  const features = (val.features as string[]) ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Template Details\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !config) {\n    return (\n      <PageLayout\n        title=\"Template Details\"\n        description={`Template ID: ${id}`}\n        actions={\n          <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Templates\n          </button>\n        }\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          {error\n            ? \"Failed to load template details. Please try again later.\"\n            : \"Template configuration not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Template Details\"\n      description={`Template ID: ${id}`}\n      purpose=\"Review exactly what this template sets up — its features and who it's built for — before you apply it, so you know what will land in your workspace and whether it fits how your team works.\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Templates\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl\">\n        <NextSteps\n          storageKey=\"timecampus-template-detail\"\n          className=\"mb-6\"\n          steps={[\n            {\n              id: \"apply\",\n              label: \"Apply this template\",\n              description: \"Set up your workspace with this configuration.\",\n              onClick: () => {},\n            },\n            {\n              id: \"browse\",\n              label: \"Browse other templates\",\n              description: \"Compare with templates for other workflows.\",\n              onClick: () => navigate(\"/templates\"),\n            },\n          ]}\n        />\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n              <Sparkles className=\"h-8 w-8 text-primary\" />\n            </div>\n            <div className=\"flex-1\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {name}\n              </h2>\n              <p className=\"text-sm text-text-secondary\">{description}</p>\n              <div className=\"mt-2 flex items-center gap-3 text-sm text-text-secondary\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-4 w-4 fill-amber-400 text-status-warning-text\" />\n                  <span>{rating}</span>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  <Users className=\"h-4 w-4\" />\n                  <span>{teamSize} members</span>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {features.length > 0 && (\n            <div className=\"mt-6\">\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                Features\n              </h3>\n              <ul className=\"mt-2 space-y-2\">\n                {features.map((feature) => (\n                  <li\n                    key={feature}\n                    className=\"flex items-center gap-2 text-sm text-text-secondary\"\n                  >\n                    <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          <div className=\"mt-6 flex justify-end\">\n            <button 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\">\n              Apply Template\n            </button>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAqB;CACnC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAM,IAAI;EAC3B,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,eACf,IAAO,GAAQ,SAAqC,EAAE,EACtD,IACH,EAAI,QAAmB,GAAQ,KAAK,QAAQ,aAAa,GAAG,IAAI,YAC7D,IACJ,GAAQ,eACP,EAAI,eACL,+DACI,IAAU,EAAI,UAAqB,GACnC,IAAY,EAAI,YAAuB,KACvC,IAAY,EAAI,YAAyB,EAAE;AA+BjD,QA7BI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAmB,aAAY;YAC/C,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,KAAS,CAAC,IAEV,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,gBAAgB;EAC7B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,6DACA;GACA,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,gBAAgB;EAC7B,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,YAAW;IACX,WAAU;IACV,OAAO,CACL;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe;KAChB,EACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,aAAa;KACtC,CACF;IACD,CAAA,EACF,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;OACzC,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBACX;SACE,CAAA;QACL,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAgB,CAAA;QAC5D,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,mDAAoD,CAAA,EACpE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAS,WAAe,EAAA,CAAA,CAC3B;YACF;;QACF;SACF;;KAEL,EAAS,SAAS,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA0C;OAEnD,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAS,KAAK,MACb,kBAAC,MAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA,EAC3D,EACE;UALE,EAKF,CACL;OACC,CAAA,CACD;;KAGR,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,WAAU;iBAAuH;OAEhI,CAAA;MACL,CAAA;KACI;MACR;;EACK,CAAA"}