@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

package/dist/timecampus/pages/team/TeamPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamPage.tsx"],"sourcesContent":["import { Users, Clock, TrendingUp } from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport { useGetTimeEntryStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function TeamPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.timeEntryStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\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 team data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalH = Math.floor(stats?.totalHours ?? 0);\n  const totalM = Math.round(((stats?.totalHours ?? 0) - totalH) * 60);\n  const billablePercent = stats?.totalHours\n    ? Math.round(((stats.billableHours ?? 0) / stats.totalHours) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Team Overview\"\n      description=\"Monitor team performance and activity\"\n      purpose=\"See how your whole team is spending its time at a glance — who's active, how many hours are billable, and where capacity is going — so you can balance workload and catch problems early.\"\n    >\n      <NextSteps\n        storageKey=\"timecampus-team\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"members\",\n            label: \"Manage team members\",\n            description: \"Add people and check individual workloads.\",\n            onClick: () => navigate(\"/team/members\"),\n          },\n          {\n            id: \"analytics\",\n            label: \"Open team analytics\",\n            description: \"Compare utilisation and trends across the team.\",\n            onClick: () => navigate(\"/team/analytics\"),\n          },\n          {\n            id: \"activity\",\n            label: \"Watch live team activity\",\n            description: \"See what people are working on right now.\",\n            onClick: () => navigate(\"/team-activity\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Entries\"\n          value={String(stats?.totalEntries ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Active Timers\"\n          value={String(stats?.activeTimers ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-success-bg text-status-success-text\"\n        />\n        <StatCard\n          title=\"Total Hours\"\n          value={`${totalH}h ${totalM}m`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{ value: stats?.billableHours ?? 0, label: \"billable hours\" }}\n        />\n        <StatCard\n          title=\"Billable Rate\"\n          value={`${billablePercent}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={{ value: billablePercent, label: \"of total hours\" }}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Team Activity Feed\n        </h3>\n        <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n          <p className=\"text-sm text-text-secondary\">\n            Team activity timeline will render here\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAW;CACzB,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAA0B,EACzD,MAAM,CAAC,GACR,CAAC,EAEI,IAAQ,GAAM;AAEpB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IAAS,KAAK,MAAM,GAAO,cAAc,EAAE,EAC3C,IAAS,KAAK,QAAQ,GAAO,cAAc,KAAK,KAAU,GAAG,EAC7D,IAAkB,GAAO,aAC3B,KAAK,OAAQ,EAAM,iBAAiB,KAAK,EAAM,aAAc,IAAI,GACjE;AAEJ,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV;GAKE,kBAAC,GAAD;IACE,YAAW;IACX,WAAU;IACV,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,kBAAkB;MAC3C;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,UAAA;MACA,OAAM;MACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;MACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;MACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,EAAO,IAAI,EAAO;MAC5B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,OAAO;OAAE,OAAO,GAAO,iBAAiB;OAAG,OAAO;OAAkB;MACpE,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,EAAgB;MAC1B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,OAAO;OAAE,OAAO;OAAiB,OAAO;OAAkB;MAC1D,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;;GACK"}
+{"version":3,"file":"TeamPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamPage.tsx"],"sourcesContent":["import { Users, Clock, TrendingUp } from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport { useGetTimeEntryStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function TeamPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.timeEntryStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\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 team data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalH = Math.floor(stats?.totalHours ?? 0);\n  const totalM = Math.round(((stats?.totalHours ?? 0) - totalH) * 60);\n  const billablePercent = stats?.totalHours\n    ? Math.round(((stats.billableHours ?? 0) / stats.totalHours) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Team Overview\"\n      description=\"Monitor team performance and activity\"\n      purpose=\"See how your whole team is spending its time at a glance — who's active, how many hours are billable, and where capacity is going — so you can balance workload and catch problems early.\"\n    >\n      <NextSteps\n        storageKey=\"timecampus-team\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"members\",\n            label: \"Manage team members\",\n            description: \"Add people and check individual workloads.\",\n            onClick: () => navigate(\"/team/members\"),\n          },\n          {\n            id: \"analytics\",\n            label: \"Open team analytics\",\n            description: \"Compare utilisation and trends across the team.\",\n            onClick: () => navigate(\"/team/analytics\"),\n          },\n          {\n            id: \"activity\",\n            label: \"Watch live team activity\",\n            description: \"See what people are working on right now.\",\n            onClick: () => navigate(\"/team-activity\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Entries\"\n          value={String(stats?.totalEntries ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Active Timers\"\n          value={String(stats?.activeTimers ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-success-bg text-status-success-text\"\n        />\n        <StatCard\n          title=\"Total Hours\"\n          value={`${totalH}h ${totalM}m`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{ value: stats?.billableHours ?? 0, label: \"billable hours\" }}\n        />\n        <StatCard\n          title=\"Billable Rate\"\n          value={`${billablePercent}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={{ value: billablePercent, label: \"of total hours\" }}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Team Activity Feed\n        </h3>\n        <button\n          onClick={() => navigate(\"/team-activity\")}\n          className=\"flex h-48 w-full items-center justify-center rounded-lg border border-dashed border-border-subtle transition-colors hover:bg-bg-sunken/50\"\n        >\n          <p className=\"text-sm text-text-secondary\">\n            Open the live team activity timeline\n          </p>\n        </button>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAW;CACzB,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAA0B,EACzD,MAAM,CAAC,GACR,CAAC,EAEI,IAAQ,GAAM;AAEpB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IAAS,KAAK,MAAM,GAAO,cAAc,EAAE,EAC3C,IAAS,KAAK,QAAQ,GAAO,cAAc,KAAK,KAAU,GAAG,EAC7D,IAAkB,GAAO,aAC3B,KAAK,OAAQ,EAAM,iBAAiB,KAAK,EAAM,aAAc,IAAI,GACjE;AAEJ,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV;GAKE,kBAAC,GAAD;IACE,YAAW;IACX,WAAU;IACV,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,kBAAkB;MAC3C;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,UAAA;MACA,OAAM;MACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;MACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;MACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,EAAO,IAAI,EAAO;MAC5B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,OAAO;OAAE,OAAO,GAAO,iBAAiB;OAAG,OAAO;OAAkB;MACpE,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,EAAgB;MAC1B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,OAAO;OAAE,OAAO;OAAiB,OAAO;OAAkB;MAC1D,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,UAAD;KACE,eAAe,EAAS,iBAAiB;KACzC,WAAU;eAEV,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACG,CAAA,CACL;;GACK"}

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

@@ -1,108 +1,127 @@
-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 { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
 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";
+import { TimeCampusConfigScope as a } from "../../../generated/wspace-types.js";
+import { ArrowLeft as o, CheckCircle as s, Sparkles 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 { GlassCard as f, NextSteps as p } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/templates/TemplateDetailPage.tsx
-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, {
+function m() {
+	let { id: m } = l(), h = e(), { data: g, loading: _, error: v } = n({
+		variables: { id: m ?? "" },
+		skip: !m
+	}), [y, { loading: b }] = r(), x = g?.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.category ?? "General", E = S.industry ?? "Any", D = S.features ?? [], O = async () => {
+		m && (await y({ variables: { input: {
+			key: `template.applied.${m}`,
+			scope: a.Workspace,
+			value: {
+				templateId: m,
+				name: C,
+				appliedAt: (/* @__PURE__ */ new Date()).toISOString()
+			},
+			description: `Applied template: ${C}`
+		} } }), h("/templates"));
+	};
+	return _ ? /* @__PURE__ */ u(i, {
 		title: "Template Details",
 		description: "Loading...",
-		children: /* @__PURE__ */ d(n, { variant: "detail" })
-	}) : b || !x ? /* @__PURE__ */ d(i, {
+		children: /* @__PURE__ */ u(t, { variant: "detail" })
+	}) : v || !x ? /* @__PURE__ */ u(i, {
 		title: "Template Details",
-		description: `Template ID: ${h}`,
-		actions: /* @__PURE__ */ f("button", {
+		description: `Template ID: ${m}`,
+		actions: /* @__PURE__ */ d("button", {
+			type: "button",
+			onClick: () => h("/templates"),
 			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__ */ d(a, { className: "h-4 w-4" }), "Back to Templates"]
+			children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Back to Templates"]
 		}),
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ u("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."
+			children: v ? "Failed to load template details. Please try again later." : "Template configuration not found."
 		})
-	}) : /* @__PURE__ */ d(i, {
+	}) : /* @__PURE__ */ u(i, {
 		title: "Template Details",
-		description: `Template ID: ${h}`,
+		description: `Template ID: ${m}`,
 		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", {
+		actions: /* @__PURE__ */ d("button", {
+			type: "button",
+			onClick: () => h("/templates"),
 			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__ */ d(a, { className: "h-4 w-4" }), "Back to Templates"]
+			children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Back to Templates"]
 		}),
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "mx-auto max-w-2xl",
-			children: [/* @__PURE__ */ d(m, {
+			children: [/* @__PURE__ */ u(p, {
 				storageKey: "timecampus-template-detail",
 				className: "mb-6",
 				steps: [{
 					id: "apply",
 					label: "Apply this template",
 					description: "Set up your workspace with this configuration.",
-					onClick: () => {}
+					onClick: () => void O()
 				}, {
 					id: "browse",
 					label: "Browse other templates",
 					description: "Compare with templates for other workflows.",
-					onClick: () => _("/templates")
+					onClick: () => h("/templates")
 				}]
-			}), /* @__PURE__ */ f(p, {
+			}), /* @__PURE__ */ d(f, {
 				treatment: "glass",
 				glow: !0,
 				className: "p-6",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ u("div", {
 							className: "flex h-16 w-16 items-center justify-center rounded-xl bg-action-primary-bg/10",
-							children: /* @__PURE__ */ d(s, { className: "h-8 w-8 text-primary" })
-						}), /* @__PURE__ */ f("div", {
+							children: /* @__PURE__ */ u(c, { className: "h-8 w-8 text-primary" })
+						}), /* @__PURE__ */ d("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ d("h2", {
+								/* @__PURE__ */ u("h2", {
 									className: "text-lg font-semibold text-text-primary",
 									children: C
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ u("p", {
 									className: "text-sm text-text-secondary",
 									children: w
 								}),
-								/* @__PURE__ */ f("div", {
-									className: "mt-2 flex items-center gap-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ f("div", {
-										className: "flex items-center gap-1",
-										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__ */ d(l, { className: "h-4 w-4" }), /* @__PURE__ */ f("span", { children: [E, " members"] })]
+								/* @__PURE__ */ d("div", {
+									className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
+									children: [/* @__PURE__ */ u("span", {
+										className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 font-medium",
+										children: T
+									}), /* @__PURE__ */ u("span", {
+										className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 font-medium",
+										children: E
 									})]
 								})
 							]
 						})]
 					}),
-					D.length > 0 && /* @__PURE__ */ f("div", {
+					D.length > 0 && /* @__PURE__ */ d("div", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ d("h3", {
+						children: [/* @__PURE__ */ u("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: "Features"
-						}), /* @__PURE__ */ d("ul", {
+						}), /* @__PURE__ */ u("ul", {
 							className: "mt-2 space-y-2",
-							children: D.map((e) => /* @__PURE__ */ f("li", {
+							children: D.map((e) => /* @__PURE__ */ d("li", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 text-status-success-text" }), e]
+								children: [/* @__PURE__ */ u(s, { className: "h-4 w-4 text-status-success-text" }), e]
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						className: "mt-6 flex justify-end",
-						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"
+						children: /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => void O(),
+							disabled: b,
+							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: b ? "Applying..." : "Apply Template"
 						})
 					})
 				]
@@ -111,6 +130,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as TemplateDetailPage };
+export { m 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 { 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"}
+{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, ArrowLeft, CheckCircle } from \"lucide-react\";\nimport { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nexport function TemplateDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: id ?? \"\" },\n    skip: !id,\n  });\n  const [setConfiguration, { loading: applying }] =\n    useSetConfigurationMutation();\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 category = (val.category as string) ?? \"General\";\n  const industry = (val.industry as string) ?? \"Any\";\n  const features = (val.features as string[]) ?? [];\n\n  const handleApply = async () => {\n    if (!id) return;\n    await setConfiguration({\n      variables: {\n        input: {\n          key: `template.applied.${id}`,\n          scope: TimeCampusConfigScope.Workspace,\n          value: {\n            templateId: id,\n            name,\n            appliedAt: new Date().toISOString(),\n          },\n          description: `Applied template: ${name}`,\n        },\n      },\n    });\n    navigate(\"/templates\");\n  };\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\n            type=\"button\"\n            onClick={() => navigate(\"/templates\")}\n            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          >\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\n          type=\"button\"\n          onClick={() => navigate(\"/templates\")}\n          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        >\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: () => void handleApply(),\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 flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                <span className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 font-medium\">\n                  {category}\n                </span>\n                <span className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 font-medium\">\n                  {industry}\n                </span>\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\n              type=\"button\"\n              onClick={() => void handleApply()}\n              disabled={applying}\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              {applying ? \"Applying...\" : \"Apply Template\"}\n            </button>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,IAAqB;CACnC,IAAM,EAAE,UAAO,GAA2B,EACpC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAM,IAAI;EAC3B,MAAM,CAAC;EACR,CAAC,EACI,CAAC,GAAkB,EAAE,SAAS,OAClC,GAA6B,EAEzB,IAAS,GAAM,eACf,IAAO,GAAQ,SAAqC,EAAE,EACtD,IACH,EAAI,QAAmB,GAAQ,KAAK,QAAQ,aAAa,GAAG,IAAI,YAC7D,IACJ,GAAQ,eACP,EAAI,eACL,+DACI,IAAY,EAAI,YAAuB,WACvC,IAAY,EAAI,YAAuB,OACvC,IAAY,EAAI,YAAyB,EAAE,EAE3C,IAAc,YAAY;AACzB,QACL,MAAM,EAAiB,EACrB,WAAW,EACT,OAAO;GACL,KAAK,oBAAoB;GACzB,OAAO,EAAsB;GAC7B,OAAO;IACL,YAAY;IACZ;IACA,4BAAW,IAAI,MAAM,EAAC,aAAa;IACpC;GACD,aAAa,qBAAqB;GACnC,EACF,EACF,CAAC,EACF,EAAS,aAAa;;AAoCxB,QAjCI,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;GACE,MAAK;GACL,eAAe,EAAS,aAAa;GACrC,WAAU;aAHZ,CAKE,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;GACE,MAAK;GACL,eAAe,EAAS,aAAa;GACrC,WAAU;aAHZ,CAKE,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,KAAK,GAAa;KAClC,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,QAAD;UAAM,WAAU;oBACb;UACI,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBACb;UACI,CAAA,CACH;;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;OACE,MAAK;OACL,eAAe,KAAK,GAAa;OACjC,UAAU;OACV,WAAU;iBAET,IAAW,gBAAgB;OACrB,CAAA;MACL,CAAA;KACI;MACR;;EACK,CAAA"}

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

@@ -1,13 +1,14 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { useTimeCampusNavigate 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 { EmptyState as i } from "../../components/EmptyState.js";
-import { Sparkles as a, Star as o, Users as s } from "lucide-react";
+import { TimeCampusConfigScope as a } from "../../../generated/wspace-types.js";
+import { ArrowRight as o, Sparkles as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/templates/TemplatesPage.tsx
 function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = n({ variables: { scope: "WORKSPACE" } }), m = (d?.configurations ?? []).filter((e) => e.key.startsWith("template."));
+	let u = e(), { data: d, loading: f, error: p } = n({ variables: { scope: a.Workspace } }), m = (d?.configurations ?? []).filter((e) => e.key.startsWith("template."));
 	return f ? /* @__PURE__ */ c(r, {
 		title: "Templates",
 		description: "Pre-built workspace templates for different workflows",
@@ -33,41 +34,45 @@ function u() {
 		}) : /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 			children: m.map((e) => {
-				let t = e.value, n = t.name ?? e.key.replace("template.", ""), r = t.category ?? "General", i = t.industry ?? "Any", u = t.rating ?? 0, d = t.teamSize ?? "-", f = t.downloads ?? 0;
+				let t = e.value, n = t.name ?? e.key.replace("template.", ""), r = t.category ?? "General", i = t.industry ?? "Any", a = t.description ?? "";
 				return /* @__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__ */ l("div", {
-						className: "flex items-start gap-3",
-						children: [/* @__PURE__ */ c("div", {
-							className: "flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10",
-							children: /* @__PURE__ */ c(a, { className: "h-6 w-6 text-primary" })
-						}), /* @__PURE__ */ l("div", {
-							className: "flex-1",
-							children: [/* @__PURE__ */ c("p", {
-								className: "text-sm font-semibold text-text-primary",
-								children: n
-							}), /* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									r,
-									" · ",
-									i
-								]
-							})]
-						})]
-					}), /* @__PURE__ */ l("div", {
-						className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
-						children: [/* @__PURE__ */ l("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ l("div", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ c(o, { className: "h-3 w-3 fill-amber-400 text-status-warning-text" }), /* @__PURE__ */ c("span", { children: u })]
+					role: "button",
+					tabIndex: 0,
+					onClick: () => u(`/templates/${e.id}`),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), u(`/templates/${e.id}`));
+					},
+					className: "cursor-pointer rounded-xl border border-border-seam bg-gloss-card p-5 shadow-pop transition-colors hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ c("div", {
+								className: "flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10",
+								children: /* @__PURE__ */ c(s, { className: "h-6 w-6 text-primary" })
 							}), /* @__PURE__ */ l("div", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ c(s, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", { children: d })]
+								className: "flex-1",
+								children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-semibold text-text-primary",
+									children: n
+								}), /* @__PURE__ */ l("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										r,
+										" · ",
+										i
+									]
+								})]
 							})]
-						}), /* @__PURE__ */ l("span", { children: [f, " uses"] })]
-					})]
+						}),
+						a && /* @__PURE__ */ c("p", {
+							className: "mt-3 line-clamp-2 text-xs text-text-secondary",
+							children: a
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "mt-3 flex items-center justify-end text-xs font-medium text-primary",
+							children: ["View template ", /* @__PURE__ */ c(o, { className: "ml-1 h-3 w-3" })]
+						})
+					]
 				}, e.id);
 			})
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"TemplatesPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplatesPage.tsx"],"sourcesContent":["import { Sparkles, Star, Users } 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 TemplatesPage() {\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 templates (key starts with 'template.')\n  const templates = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"template.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Templates\"\n        description=\"Pre-built workspace templates for different workflows\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Templates\"\n        description=\"Pre-built workspace templates for different workflows\"\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 configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Templates\"\n      description=\"Pre-built workspace templates for different workflows\"\n      purpose=\"Skip the blank-page setup — apply a ready-made template that pre-loads projects, categories and settings for a common workflow, so a new team or workspace is productive in minutes.\"\n    >\n      {templates.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No templates configured yet\"\n          description=\"Templates are stored as workspace configurations with the 'template.' key prefix — once added, ready-to-apply workflow setups appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {templates.map((template: ConfigurationFieldsFragment) => {\n            const val = template.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? template.key.replace(\"template.\", \"\");\n            const category = (val.category as string) ?? \"General\";\n            const industry = (val.industry as string) ?? \"Any\";\n            const rating = (val.rating as number) ?? 0;\n            const teamSize = (val.teamSize as string) ?? \"-\";\n            const downloads = (val.downloads as number) ?? 0;\n\n            return (\n              <div\n                key={template.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                    <Sparkles 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\">\n                      {category} &middot; {industry}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 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-3 w-3\" />\n                      <span>{teamSize}</span>\n                    </div>\n                  </div>\n                  <span>{downloads} uses</span>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAgB;CAC9B,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,IAAY,EAAI,YAAuB,OACvC,IAAU,EAAI,UAAqB,GACnC,IAAY,EAAI,YAAuB,KACvC,IAAa,EAAI,aAAwB;AAE/C,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,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,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV;QACC,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG;SAAS;SAAW;SACnB;UACA;SACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,mDAAoD,CAAA,EACpE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAO,GAAgB,CAAA,CACnB;UACF;UACN,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAU,QAAY,EAAA,CAAA,CACzB;QACF;OA7BC,EAAS,GA6BV;KAER;GACE,CAAA;EAEG,CAAA"}
+{"version":3,"file":"TemplatesPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplatesPage.tsx"],"sourcesContent":["import { Sparkles, ArrowRight } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nexport function TemplatesPage() {\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent templates (key starts with 'template.')\n  const templates = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"template.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Templates\"\n        description=\"Pre-built workspace templates for different workflows\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Templates\"\n        description=\"Pre-built workspace templates for different workflows\"\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 configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Templates\"\n      description=\"Pre-built workspace templates for different workflows\"\n      purpose=\"Skip the blank-page setup — apply a ready-made template that pre-loads projects, categories and settings for a common workflow, so a new team or workspace is productive in minutes.\"\n    >\n      {templates.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No templates configured yet\"\n          description=\"Templates are stored as workspace configurations with the 'template.' key prefix — once added, ready-to-apply workflow setups appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {templates.map((template: ConfigurationFieldsFragment) => {\n            const val = template.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? template.key.replace(\"template.\", \"\");\n            const category = (val.category as string) ?? \"General\";\n            const industry = (val.industry as string) ?? \"Any\";\n            const description = (val.description as string) ?? \"\";\n\n            return (\n              <div\n                key={template.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigate(`/templates/${template.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    navigate(`/templates/${template.id}`);\n                  }\n                }}\n                className=\"cursor-pointer rounded-xl border border-border-seam bg-gloss-card p-5 shadow-pop transition-colors hover:bg-bg-sunken/50\"\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                    <Sparkles 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\">\n                      {category} &middot; {industry}\n                    </p>\n                  </div>\n                </div>\n                {description && (\n                  <p className=\"mt-3 line-clamp-2 text-xs text-text-secondary\">\n                    {description}\n                  </p>\n                )}\n                <div className=\"mt-3 flex items-center justify-end text-xs font-medium text-primary\">\n                  View template <ArrowRight className=\"ml-1 h-3 w-3\" />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAgB;CAC9B,IAAM,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,EAAsB,WAAW,EACtD,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,IAAY,EAAI,YAAuB,OACvC,IAAe,EAAI,eAA0B;AAEnD,WACE,kBAAC,OAAD;KAEE,MAAK;KACL,UAAU;KACV,eAAe,EAAS,cAAc,EAAS,KAAK;KACpD,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,EAAS,cAAc,EAAS,KAAK;;KAGzC,WAAU;eAXZ;MAaE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;QACzC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAAb;UACG;UAAS;UAAW;UACnB;WACA;UACF;;MACL,KACC,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAqF,kBACrE,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,CACjD;;MACF;OAjCC,EAAS,GAiCV;KAER;GACE,CAAA;EAEG,CAAA"}