@burdenoff/microfe-timecampus 2026.703.7 → 2026.707.1

package/dist/timecampus/pages/location-tracking/LocationPrivacySettingsPage.js

@@ -1,198 +0,0 @@
-import { cn as e } from "../../utils/helpers.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 { Crosshair as s, Lock as c, MapPin as l, ShieldCheck as u, Users as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { GlassCard as m } from "@burdenoff/fe-libs/ui";
-//#region src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx
-var h = "location.privacy";
-function g({ checked: t, onChange: n, label: r, disabled: i }) {
-	return /* @__PURE__ */ f("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": t,
-		"aria-label": r,
-		disabled: i,
-		onClick: () => n(!t),
-		className: e("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50", t ? "border-transparent bg-action-primary-bg" : "border-border-subtle bg-bg-sunken"),
-		children: /* @__PURE__ */ f("span", { className: e("inline-block h-4 w-4 transform rounded-full shadow-sm transition-transform", t ? "translate-x-5 bg-action-primary-text" : "translate-x-1 bg-text-secondary") })
-	});
-}
-function _({ icon: t, title: n, description: r, checked: i, onChange: a }) {
-	return /* @__PURE__ */ p("div", {
-		className: "flex items-center justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface/60 p-4",
-		children: [/* @__PURE__ */ p("div", {
-			className: "flex min-w-0 items-start gap-3",
-			children: [/* @__PURE__ */ f("span", {
-				className: e("mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg transition-colors", i ? "bg-action-primary-bg/15 text-primary" : "bg-bg-sunken text-text-secondary"),
-				children: t
-			}), /* @__PURE__ */ p("div", {
-				className: "min-w-0",
-				children: [/* @__PURE__ */ f("p", {
-					className: "text-sm font-medium text-text-primary",
-					children: n
-				}), /* @__PURE__ */ f("p", {
-					className: "mt-0.5 text-xs text-text-secondary",
-					children: r
-				})]
-			})]
-		}), /* @__PURE__ */ f(g, {
-			checked: i,
-			onChange: a,
-			label: n
-		})]
-	});
-}
-function v() {
-	let { data: e, loading: g, error: v } = n({ variables: { key: h } }), [y, { loading: b }] = r(), x = e?.configurationByKey?.value ?? {}, [S, C] = o(!0), [w, T] = o(!1), [E, D] = o(!1);
-	return a(() => {
-		x && (C(x.trackingEnabled ?? !0), T(x.shareWithTeam ?? !1), D(x.preciseLocation ?? !1));
-	}, [
-		x.trackingEnabled,
-		x.shareWithTeam,
-		x.preciseLocation
-	]), g ? /* @__PURE__ */ f(i, {
-		title: "Location Privacy Settings",
-		description: "Control location tracking and data sharing",
-		children: /* @__PURE__ */ f(t, { variant: "detail" })
-	}) : v ? /* @__PURE__ */ f(i, {
-		title: "Location Privacy Settings",
-		description: "Control location tracking and data sharing",
-		children: /* @__PURE__ */ f("div", {
-			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
-			children: "Failed to load privacy settings. Please try again later."
-		})
-	}) : /* @__PURE__ */ f(i, {
-		title: "Location Privacy Settings",
-		description: "Control location tracking and data sharing",
-		purpose: "You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.",
-		children: /* @__PURE__ */ p("div", {
-			className: "mx-auto max-w-3xl space-y-6",
-			children: [
-				/* @__PURE__ */ p(m, {
-					treatment: "glass",
-					glow: !0,
-					className: "p-6 text-center sm:p-8",
-					children: [
-						/* @__PURE__ */ f("div", {
-							className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-action-primary-bg/15 text-primary",
-							children: /* @__PURE__ */ f(u, { className: "h-6 w-6" })
-						}),
-						/* @__PURE__ */ f("h2", {
-							className: "mt-4 text-lg font-semibold text-text-primary sm:text-xl",
-							children: "Your location, your rules."
-						}),
-						/* @__PURE__ */ f("p", {
-							className: "mx-auto mt-2 max-w-xl text-sm text-text-secondary",
-							children: "TimeCampus only records where you work when you allow it — never in the background, never sold, and never shared beyond the people you choose. Change any of these settings at any time."
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "mt-5 flex flex-wrap items-center justify-center gap-2",
-							children: [
-								{
-									icon: /* @__PURE__ */ f(c, { className: "h-3.5 w-3.5" }),
-									label: "Encrypted at rest"
-								},
-								{
-									icon: /* @__PURE__ */ f(l, { className: "h-3.5 w-3.5" }),
-									label: "Only recorded when tracking is on"
-								},
-								{
-									icon: /* @__PURE__ */ f(d, { className: "h-3.5 w-3.5" }),
-									label: "Hidden from teammates by default"
-								}
-							].map((e) => /* @__PURE__ */ p("span", {
-								className: "inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken/70 px-3 py-1 text-xs font-medium text-text-secondary",
-								children: [/* @__PURE__ */ f("span", {
-									className: "text-primary",
-									children: e.icon
-								}), e.label]
-							}, e.label))
-						})
-					]
-				}),
-				/* @__PURE__ */ p(m, {
-					treatment: "insight",
-					className: "p-5 sm:p-6",
-					children: [/* @__PURE__ */ p("div", {
-						className: "mb-4",
-						children: [/* @__PURE__ */ p("h3", {
-							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-							children: [/* @__PURE__ */ f(l, { className: "h-4 w-4 text-text-secondary" }), "Location tracking"]
-						}), /* @__PURE__ */ f("p", {
-							className: "mt-0.5 text-xs text-text-secondary",
-							children: "Decide whether and how precisely your work location is recorded."
-						})]
-					}), /* @__PURE__ */ p("div", {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ f(_, {
-							icon: /* @__PURE__ */ f(l, { className: "h-4 w-4" }),
-							title: "Enable location tracking",
-							description: "Allow the app to record your work location while you're on the clock.",
-							checked: S,
-							onChange: C
-						}), /* @__PURE__ */ f(_, {
-							icon: /* @__PURE__ */ f(s, { className: "h-4 w-4" }),
-							title: "Precise location",
-							description: "Use precise GPS coordinates instead of an approximate area.",
-							checked: E,
-							onChange: D
-						})]
-					})]
-				}),
-				/* @__PURE__ */ p(m, {
-					treatment: "insight",
-					className: "p-5 sm:p-6",
-					children: [/* @__PURE__ */ p("div", {
-						className: "mb-4",
-						children: [/* @__PURE__ */ p("h3", {
-							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-							children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 text-text-secondary" }), "Team visibility"]
-						}), /* @__PURE__ */ f("p", {
-							className: "mt-0.5 text-xs text-text-secondary",
-							children: "Control who on your team can see where you are."
-						})]
-					}), /* @__PURE__ */ f("div", {
-						className: "space-y-3",
-						children: /* @__PURE__ */ f(_, {
-							icon: /* @__PURE__ */ f(d, { className: "h-4 w-4" }),
-							title: "Share with team",
-							description: "Let team members see your current location. Off keeps it private to you.",
-							checked: w,
-							onChange: T
-						})
-					})]
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface/60 p-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ f("p", {
-						className: "text-xs text-text-secondary",
-						children: "Changes apply across your TimeCampus workspace once you save."
-					}), /* @__PURE__ */ f("button", {
-						onClick: async () => {
-							await y({ variables: { input: {
-								key: h,
-								value: {
-									trackingEnabled: S,
-									shareWithTeam: w,
-									preciseLocation: E
-								},
-								description: "Location privacy settings",
-								scope: "USER"
-							} } });
-						},
-						disabled: b,
-						className: "shrink-0 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 ? "Saving..." : "Save Settings"
-					})]
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { v as LocationPrivacySettingsPage };
-
-//# sourceMappingURL=LocationPrivacySettingsPage.js.map

package/dist/timecampus/pages/location-tracking/LocationPrivacySettingsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocationPrivacySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect, type ReactNode } from \"react\";\nimport { ShieldCheck, MapPin, Crosshair, Users, Lock } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { cn } from \"../../utils/helpers\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"location.privacy\";\n\ninterface ToggleSwitchProps {\n  checked: boolean;\n  onChange: (next: boolean) => void;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Local, token-styled switch (no shared component is available in this MFE).\n * The knob translates on the checked state only — never on hover — to respect\n * the repo no-hover-movement mandate.\n */\nfunction ToggleSwitch({\n  checked,\n  onChange,\n  label,\n  disabled,\n}: ToggleSwitchProps) {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      aria-label={label}\n      disabled={disabled}\n      onClick={() => onChange(!checked)}\n      className={cn(\n        \"relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n        checked\n          ? \"border-transparent bg-action-primary-bg\"\n          : \"border-border-subtle bg-bg-sunken\",\n      )}\n    >\n      <span\n        className={cn(\n          \"inline-block h-4 w-4 transform rounded-full shadow-sm transition-transform\",\n          checked\n            ? \"translate-x-5 bg-action-primary-text\"\n            : \"translate-x-1 bg-text-secondary\",\n        )}\n      />\n    </button>\n  );\n}\n\ninterface SettingRowProps {\n  icon: ReactNode;\n  title: string;\n  description: string;\n  checked: boolean;\n  onChange: (next: boolean) => void;\n}\n\nfunction SettingRow({\n  icon,\n  title,\n  description,\n  checked,\n  onChange,\n}: SettingRowProps) {\n  return (\n    <div className=\"flex items-center justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface/60 p-4\">\n      <div className=\"flex min-w-0 items-start gap-3\">\n        <span\n          className={cn(\n            \"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg transition-colors\",\n            checked\n              ? \"bg-action-primary-bg/15 text-primary\"\n              : \"bg-bg-sunken text-text-secondary\",\n          )}\n        >\n          {icon}\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"text-sm font-medium text-text-primary\">{title}</p>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n        </div>\n      </div>\n      <ToggleSwitch checked={checked} onChange={onChange} label={title} />\n    </div>\n  );\n}\n\nexport function LocationPrivacySettingsPage() {\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 [trackingEnabled, setTrackingEnabled] = useState(true);\n  const [shareWithTeam, setShareWithTeam] = useState(false);\n  const [preciseLocation, setPreciseLocation] = useState(false);\n\n  useEffect(() => {\n    if (configValue) {\n      setTrackingEnabled(configValue.trackingEnabled ?? true);\n      setShareWithTeam(configValue.shareWithTeam ?? false);\n      setPreciseLocation(configValue.preciseLocation ?? false);\n    }\n  }, [\n    configValue.trackingEnabled,\n    configValue.shareWithTeam,\n    configValue.preciseLocation,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { trackingEnabled, shareWithTeam, preciseLocation },\n          description: \"Location privacy settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Location Privacy Settings\"\n        description=\"Control location tracking and data sharing\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Location Privacy Settings\"\n        description=\"Control location tracking and data sharing\"\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 privacy settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const assurances = [\n    { icon: <Lock className=\"h-3.5 w-3.5\" />, label: \"Encrypted at rest\" },\n    {\n      icon: <MapPin className=\"h-3.5 w-3.5\" />,\n      label: \"Only recorded when tracking is on\",\n    },\n    {\n      icon: <Users className=\"h-3.5 w-3.5\" />,\n      label: \"Hidden from teammates by default\",\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Location Privacy Settings\"\n      description=\"Control location tracking and data sharing\"\n      purpose=\"You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.\"\n    >\n      <div className=\"mx-auto max-w-3xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6 text-center sm:p-8\">\n          <div className=\"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-action-primary-bg/15 text-primary\">\n            <ShieldCheck className=\"h-6 w-6\" />\n          </div>\n          <h2 className=\"mt-4 text-lg font-semibold text-text-primary sm:text-xl\">\n            Your location, your rules.\n          </h2>\n          <p className=\"mx-auto mt-2 max-w-xl text-sm text-text-secondary\">\n            TimeCampus only records where you work when you allow it — never in\n            the background, never sold, and never shared beyond the people you\n            choose. Change any of these settings at any time.\n          </p>\n          <div className=\"mt-5 flex flex-wrap items-center justify-center gap-2\">\n            {assurances.map((item) => (\n              <span\n                key={item.label}\n                className=\"inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken/70 px-3 py-1 text-xs font-medium text-text-secondary\"\n              >\n                <span className=\"text-primary\">{item.icon}</span>\n                {item.label}\n              </span>\n            ))}\n          </div>\n        </GlassCard>\n\n        <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n          <div className=\"mb-4\">\n            <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <MapPin className=\"h-4 w-4 text-text-secondary\" />\n              Location tracking\n            </h3>\n            <p className=\"mt-0.5 text-xs text-text-secondary\">\n              Decide whether and how precisely your work location is recorded.\n            </p>\n          </div>\n          <div className=\"space-y-3\">\n            <SettingRow\n              icon={<MapPin className=\"h-4 w-4\" />}\n              title=\"Enable location tracking\"\n              description=\"Allow the app to record your work location while you're on the clock.\"\n              checked={trackingEnabled}\n              onChange={setTrackingEnabled}\n            />\n            <SettingRow\n              icon={<Crosshair className=\"h-4 w-4\" />}\n              title=\"Precise location\"\n              description=\"Use precise GPS coordinates instead of an approximate area.\"\n              checked={preciseLocation}\n              onChange={setPreciseLocation}\n            />\n          </div>\n        </GlassCard>\n\n        <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n          <div className=\"mb-4\">\n            <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Users className=\"h-4 w-4 text-text-secondary\" />\n              Team visibility\n            </h3>\n            <p className=\"mt-0.5 text-xs text-text-secondary\">\n              Control who on your team can see where you are.\n            </p>\n          </div>\n          <div className=\"space-y-3\">\n            <SettingRow\n              icon={<Users className=\"h-4 w-4\" />}\n              title=\"Share with team\"\n              description=\"Let team members see your current location. Off keeps it private to you.\"\n              checked={shareWithTeam}\n              onChange={setShareWithTeam}\n            />\n          </div>\n        </GlassCard>\n\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface/60 p-4 sm:flex-row sm:items-center sm:justify-between\">\n          <p className=\"text-xs text-text-secondary\">\n            Changes apply across your TimeCampus workspace once you save.\n          </p>\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"shrink-0 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":"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"}

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

@@ -1,124 +0,0 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.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 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(() => {
-		v && (b(v.showTimerEvents ?? !0), S(v.showTaskCompletions ?? !0), w(v.showCheckIns ?? !0), E(v.realTimeUpdates ?? !0));
-	}, [
-		v.showTimerEvents,
-		v.showTaskCompletions,
-		v.showCheckIns,
-		v.realTimeUpdates
-	]), m ? /* @__PURE__ */ c(i, {
-		title: "Team Activity Settings",
-		description: "Configure team activity tracking",
-		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-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(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(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"]
-				}), /* @__PURE__ */ l("div", {
-					className: "space-y-3",
-					children: [
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-text-primary",
-								children: "Show timer events"
-							}), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: y,
-								onChange: (e) => b(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-text-primary",
-								children: "Show task completions"
-							}), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: x,
-								onChange: (e) => S(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-text-primary",
-								children: "Show check-ins"
-							}), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: C,
-								onChange: (e) => w(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						}),
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-text-primary",
-								children: "Real-time updates"
-							}), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: T,
-								onChange: (e) => E(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
-						})
-					]
-				})]
-			}), /* @__PURE__ */ c("div", {
-				className: "flex justify-end",
-				children: /* @__PURE__ */ c("button", {
-					onClick: async () => {
-						await g({ variables: { input: {
-							key: d,
-							value: {
-								showTimerEvents: y,
-								showTaskCompletions: x,
-								showCheckIns: C,
-								realTimeUpdates: T
-							},
-							description: "Team activity feed settings",
-							scope: "USER"
-						} } });
-					},
-					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: _ ? "Saving..." : "Save Settings"
-				})
-			})]
-		})
-	});
-}
-//#endregion
-export { f as TeamActivitySettingsPage };
-
-//# sourceMappingURL=TeamActivitySettingsPage.js.map

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

@@ -1 +0,0 @@
-{"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,88 +0,0 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.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 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"
-		},
-		{
-			label: "Time categories",
-			status: "pending"
-		},
-		{
-			label: "Team roles",
-			status: "pending"
-		},
-		{
-			label: "Dashboard widgets",
-			status: "pending"
-		},
-		{
-			label: "Workflows",
-			status: "pending"
-		}
-	];
-	return m ? /* @__PURE__ */ c(r, {
-		title: "Applying Template",
-		description: "Loading...",
-		children: /* @__PURE__ */ c(t, { variant: "detail" })
-	}) : h ? /* @__PURE__ */ c(r, {
-		title: "Applying Template",
-		description: `Application ID: ${d}`,
-		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
-			children: "Failed to load template application data. Please try again later."
-		})
-	}) : /* @__PURE__ */ c(r, {
-		title: "Applying Template",
-		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(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",
-						children: /* @__PURE__ */ c(o, { className: "h-8 w-8 text-primary" })
-					}),
-					/* @__PURE__ */ c("h2", {
-						className: "mt-4 text-lg font-semibold text-text-primary",
-						children: "Setting up your workspace"
-					}),
-					/* @__PURE__ */ c("p", {
-						className: "mt-1 text-sm text-text-secondary",
-						children: "Applying the template configuration..."
-					}),
-					/* @__PURE__ */ c("div", {
-						className: "mt-6 space-y-3 text-left",
-						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-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
-							})]
-						}, e.label))
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-export { d as TemplateApplicationPage };
-
-//# sourceMappingURL=TemplateApplicationPage.js.map

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

@@ -1 +0,0 @@
-{"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,135 +0,0 @@
-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 { 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 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__ */ u(t, { variant: "detail" })
-	}) : v || !x ? /* @__PURE__ */ u(i, {
-		title: "Template Details",
-		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__ */ u(o, { className: "h-4 w-4" }), "Back to Templates"]
-		}),
-		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: v ? "Failed to load template details. Please try again later." : "Template configuration not found."
-		})
-	}) : /* @__PURE__ */ u(i, {
-		title: "Template Details",
-		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__ */ 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__ */ u(o, { className: "h-4 w-4" }), "Back to Templates"]
-		}),
-		children: /* @__PURE__ */ d("div", {
-			className: "mx-auto max-w-2xl",
-			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: () => void O()
-				}, {
-					id: "browse",
-					label: "Browse other templates",
-					description: "Compare with templates for other workflows.",
-					onClick: () => h("/templates")
-				}]
-			}), /* @__PURE__ */ d(f, {
-				treatment: "glass",
-				glow: !0,
-				className: "p-6",
-				children: [
-					/* @__PURE__ */ d("div", {
-						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ u("div", {
-							className: "flex h-16 w-16 items-center justify-center rounded-xl bg-action-primary-bg/10",
-							children: /* @__PURE__ */ u(c, { className: "h-8 w-8 text-primary" })
-						}), /* @__PURE__ */ d("div", {
-							className: "flex-1",
-							children: [
-								/* @__PURE__ */ u("h2", {
-									className: "text-lg font-semibold text-text-primary",
-									children: C
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "text-sm text-text-secondary",
-									children: w
-								}),
-								/* @__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__ */ d("div", {
-						className: "mt-6",
-						children: [/* @__PURE__ */ u("h3", {
-							className: "text-sm font-semibold text-text-primary",
-							children: "Features"
-						}), /* @__PURE__ */ u("ul", {
-							className: "mt-2 space-y-2",
-							children: D.map((e) => /* @__PURE__ */ d("li", {
-								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ u(s, { className: "h-4 w-4 text-status-success-text" }), e]
-							}, e))
-						})]
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "mt-6 flex justify-end",
-						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"
-						})
-					})
-				]
-			})]
-		})
-	});
-}
-//#endregion
-export { m as TemplateDetailPage };
-
-//# sourceMappingURL=TemplateDetailPage.js.map

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

@@ -1 +0,0 @@
-{"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"}