@burdenoff/microfe-timecampus 2026.510.104

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamActivitySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivitySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"team-activity.settings\";\n\nexport function TeamActivitySettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [showTimerEvents, setShowTimerEvents] = useState(true);\n  const [showTaskCompletions, setShowTaskCompletions] = useState(true);\n  const [showCheckIns, setShowCheckIns] = useState(true);\n  const [realTimeUpdates, setRealTimeUpdates] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setShowTimerEvents(configValue.showTimerEvents ?? true);\n      setShowTaskCompletions(configValue.showTaskCompletions ?? true);\n      setShowCheckIns(configValue.showCheckIns ?? true);\n      setRealTimeUpdates(configValue.realTimeUpdates ?? true);\n    }\n  }, [\n    configValue.showTimerEvents,\n    configValue.showTaskCompletions,\n    configValue.showCheckIns,\n    configValue.realTimeUpdates,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: {\n            showTimerEvents,\n            showTaskCompletions,\n            showCheckIns,\n            realTimeUpdates,\n          },\n          description: \"Team activity feed settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load activity settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity Settings\"\n      description=\"Configure team activity tracking\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-foreground\">\n            <Settings className=\"h-4 w-4\" />\n            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-foreground\">Show timer events</span>\n              <input\n                type=\"checkbox\"\n                checked={showTimerEvents}\n                onChange={(e) => setShowTimerEvents(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">\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\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">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\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">Real-time updates</span>\n              <input\n                type=\"checkbox\"\n                checked={realTimeUpdates}\n                onChange={(e) => setRealTimeUpdates(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAa;AAEnB,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAqB,KAA0B,EAAS,GAAK,EAC9D,CAAC,GAAc,KAAmB,EAAS,GAAK,EAChD,CAAC,GAAiB,KAAsB,EAAS,GAAK;AA0D5D,QAxDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAuB,EAAY,uBAAuB,GAAK,EAC/D,EAAgB,EAAY,gBAAgB,GAAK,EACjD,EAAmB,EAAY,mBAAmB,GAAK;IAExD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAoBE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,yBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA0B;QAAwB,CAAA,EAClE,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;kBAA0B;QAEnC,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;kBAA0B;QAAqB,CAAA,EAC/D,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;kBAA0B;QAAwB,CAAA,EAClE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAhGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QACL;QACA;QACA;QACA;QACD;OACD,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KAkFM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

package/dist/timecampus/pages/templates/TemplateApplicationPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplateApplicationPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplateApplicationPage.d.ts.map

package/dist/timecampus/pages/templates/TemplateApplicationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateApplicationPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/templates/TemplateApplicationPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,uBAAuB,4CAuFtC"}

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

@@ -0,0 +1,84 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationQuery as r } from "../../../generated/wspace-operations.js";
+import { 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";
+//#region src/timecampus/pages/templates/TemplateApplicationPage.tsx
+function u() {
+	let { applicationId: u } = s(), { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({
+		variables: { id: u ?? "" },
+		skip: !u
+	}), h = (f?.configuration?.value ?? {}).applicationSteps ?? [
+		{
+			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 p ? /* @__PURE__ */ c(t, {
+		title: "Applying Template",
+		description: "Loading...",
+		children: /* @__PURE__ */ c(n, { variant: "detail" })
+	}) : m ? /* @__PURE__ */ c(t, {
+		title: "Applying Template",
+		description: `Application ID: ${u}`,
+		children: /* @__PURE__ */ c("div", {
+			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			children: "Failed to load template application data. Please try again later."
+		})
+	}) : /* @__PURE__ */ c(t, {
+		title: "Applying Template",
+		description: `Application ID: ${u}`,
+		children: /* @__PURE__ */ c("div", {
+			className: "mx-auto max-w-lg",
+			children: /* @__PURE__ */ l("div", {
+				className: "rounded-xl border border-border bg-card p-6 text-center",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-primary/10",
+						children: /* @__PURE__ */ c(o, { className: "h-8 w-8 text-primary" })
+					}),
+					/* @__PURE__ */ c("h2", {
+						className: "mt-4 text-lg font-semibold text-foreground",
+						children: "Setting up your workspace"
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: "Applying the template configuration..."
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "mt-6 space-y-3 text-left",
+						children: h.map((e) => /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-3 rounded-lg border border-border p-3",
+							children: [e.status === "completed" ? /* @__PURE__ */ c(i, { className: "h-5 w-5 text-emerald-500" }) : e.status === "in-progress" ? /* @__PURE__ */ c(a, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ c("div", { className: "h-5 w-5 rounded-full border-2 border-muted" }), /* @__PURE__ */ c("span", {
+								className: `text-sm ${e.status === "completed" ? "text-muted-foreground" : "text-foreground"}`,
+								children: e.label
+							})]
+						}, e.label))
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { u as TemplateApplicationPage };
+
+//# sourceMappingURL=TemplateApplicationPage.js.map

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

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

package/dist/timecampus/pages/templates/TemplateDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplateDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplateDetailPage.d.ts.map

package/dist/timecampus/pages/templates/TemplateDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/templates/TemplateDetailPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,4CA+GjC"}

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

@@ -0,0 +1,98 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationQuery as r } from "../../../generated/wspace-operations.js";
+import { ArrowLeft as i, CheckCircle as a, Sparkles as o, Star as s, Users as c } from "lucide-react";
+import { useParams as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/timecampus/pages/templates/TemplateDetailPage.tsx
+function f() {
+	let { id: f } = l(), { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = r({
+		variables: { id: f ?? "" },
+		skip: !f
+	}), _ = m?.configuration, v = _?.value ?? {}, y = v.name ?? _?.key?.replace("template.", "") ?? "Template", b = _?.description ?? v.description ?? "A pre-built workspace template for time tracking workflows.", x = v.rating ?? 0, S = v.teamSize ?? "-", C = v.features ?? [];
+	return h ? /* @__PURE__ */ u(t, {
+		title: "Template Details",
+		description: "Loading...",
+		children: /* @__PURE__ */ u(n, { variant: "detail" })
+	}) : g || !_ ? /* @__PURE__ */ u(t, {
+		title: "Template Details",
+		description: `Template ID: ${f}`,
+		actions: /* @__PURE__ */ d("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+			children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Back to Templates"]
+		}),
+		children: /* @__PURE__ */ u("div", {
+			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			children: g ? "Failed to load template details. Please try again later." : "Template configuration not found."
+		})
+	}) : /* @__PURE__ */ u(t, {
+		title: "Template Details",
+		description: `Template ID: ${f}`,
+		actions: /* @__PURE__ */ d("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+			children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Back to Templates"]
+		}),
+		children: /* @__PURE__ */ u("div", {
+			className: "mx-auto max-w-2xl",
+			children: /* @__PURE__ */ d("div", {
+				className: "rounded-xl border border-border bg-card 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-primary/10",
+							children: /* @__PURE__ */ u(o, { className: "h-8 w-8 text-primary" })
+						}), /* @__PURE__ */ d("div", {
+							className: "flex-1",
+							children: [
+								/* @__PURE__ */ u("h2", {
+									className: "text-lg font-semibold text-foreground",
+									children: y
+								}),
+								/* @__PURE__ */ u("p", {
+									className: "text-sm text-muted-foreground",
+									children: b
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "mt-2 flex items-center gap-3 text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ d("div", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ u(s, { className: "h-4 w-4 fill-amber-400 text-amber-400" }), /* @__PURE__ */ u("span", { children: x })]
+									}), /* @__PURE__ */ d("div", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: [S, " members"] })]
+									})]
+								})
+							]
+						})]
+					}),
+					C.length > 0 && /* @__PURE__ */ d("div", {
+						className: "mt-6",
+						children: [/* @__PURE__ */ u("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: "Features"
+						}), /* @__PURE__ */ u("ul", {
+							className: "mt-2 space-y-2",
+							children: C.map((e) => /* @__PURE__ */ d("li", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ u(a, { className: "h-4 w-4 text-emerald-500" }), e]
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "mt-6 flex justify-end",
+						children: /* @__PURE__ */ u("button", {
+							className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+							children: "Apply Template"
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { f as TemplateDetailPage };
+
+//# sourceMappingURL=TemplateDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, ArrowLeft, Star, Users, CheckCircle } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: id ?? \"\" },\n    skip: !id,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n  const name =\n    (val.name as string) ?? config?.key?.replace(\"template.\", \"\") ?? \"Template\";\n  const description =\n    config?.description ??\n    (val.description as string) ??\n    \"A pre-built workspace template for time tracking workflows.\";\n  const rating = (val.rating as number) ?? 0;\n  const teamSize = (val.teamSize as string) ?? \"-\";\n  const features = (val.features as string[]) ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Template Details\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !config) {\n    return (\n      <PageLayout\n        title=\"Template Details\"\n        description={`Template ID: ${id}`}\n        actions={\n          <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Templates\n          </button>\n        }\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          {error\n            ? \"Failed to load template details. Please try again later.\"\n            : \"Template configuration not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Template Details\"\n      description={`Template ID: ${id}`}\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Templates\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl\">\n        <div className=\"rounded-xl border border-border bg-card 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-primary/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-foreground\">{name}</h2>\n              <p className=\"text-sm text-muted-foreground\">{description}</p>\n              <div className=\"mt-2 flex items-center gap-3 text-sm text-muted-foreground\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-4 w-4 fill-amber-400 text-amber-400\" />\n                  <span>{rating}</span>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  <Users className=\"h-4 w-4\" />\n                  <span>{teamSize} members</span>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {features.length > 0 && (\n            <div className=\"mt-6\">\n              <h3 className=\"text-sm font-semibold text-foreground\">\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-muted-foreground\"\n                  >\n                    <CheckCircle className=\"h-4 w-4 text-emerald-500\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          <div className=\"mt-6 flex justify-end\">\n            <button className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n              Apply Template\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAqB;CACnC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAM,IAAI;EAC3B,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,eACf,IAAO,GAAQ,SAAqC,EAAE,EACtD,IACH,EAAI,QAAmB,GAAQ,KAAK,QAAQ,aAAa,GAAG,IAAI,YAC7D,IACJ,GAAQ,eACP,EAAI,eACL,+DACI,IAAU,EAAI,UAAqB,GACnC,IAAY,EAAI,YAAuB,KACvC,IAAY,EAAI,YAAyB,EAAE;AA+BjD,QA7BI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAmB,aAAY;YAC/C,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,KAAS,CAAC,IAEV,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,gBAAgB;EAC7B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,6DACA;GACA,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,gBAAgB;EAC7B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,oBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;OACzC,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAyC;SAAU,CAAA;QACjE,kBAAC,KAAD;SAAG,WAAU;mBAAiC;SAAgB,CAAA;QAC9D,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,yCAA0C,CAAA,EAC1D,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAS,WAAe,EAAA,CAAA,CAC3B;YACF;;QACF;SACF;;KAEL,EAAS,SAAS,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwC;OAEjD,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAS,KAAK,MACb,kBAAC,MAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA,EACnD,EACE;UALE,EAKF,CACL;OACC,CAAA,CACD;;KAGR,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,WAAU;iBAAkG;OAE3G,CAAA;MACL,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/templates/TemplatesPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplatesPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplatesPage.d.ts.map

package/dist/timecampus/pages/templates/TemplatesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/templates/TemplatesPage.tsx"],"names":[],"mappings":"AASA,wBAAgB,aAAa,4CAkG5B"}

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

@@ -0,0 +1,76 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useListConfigurationsQuery as r } from "../../../generated/wspace-operations.js";
+import { Sparkles as i, Star as a, Users as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/timecampus/pages/templates/TemplatesPage.tsx
+function l() {
+	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = r({ variables: { scope: "WORKSPACE" } }), p = (u?.configurations ?? []).filter((e) => e.key.startsWith("template."));
+	return d ? /* @__PURE__ */ s(t, {
+		title: "Templates",
+		description: "Pre-built workspace templates for different workflows",
+		children: /* @__PURE__ */ s(n, {
+			variant: "card",
+			count: 6
+		})
+	}) : f ? /* @__PURE__ */ s(t, {
+		title: "Templates",
+		description: "Pre-built workspace templates for different workflows",
+		children: /* @__PURE__ */ s("div", {
+			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			children: "Failed to load template configurations. Please try again later."
+		})
+	}) : /* @__PURE__ */ s(t, {
+		title: "Templates",
+		description: "Pre-built workspace templates for different workflows",
+		children: /* @__PURE__ */ s("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: p.length === 0 ? /* @__PURE__ */ s("div", {
+				className: "col-span-full p-8 text-center text-sm text-muted-foreground",
+				children: "No templates configured yet. Templates are stored as workspace configurations with the \"template.\" key prefix."
+			}) : p.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("template.", ""), r = t.category ?? "General", l = t.industry ?? "Any", u = t.rating ?? 0, d = t.teamSize ?? "-", f = t.downloads ?? 0;
+				return /* @__PURE__ */ c("div", {
+					className: "rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10",
+							children: /* @__PURE__ */ s(i, { className: "h-6 w-6 text-primary" })
+						}), /* @__PURE__ */ c("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-semibold text-foreground",
+								children: n
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									r,
+									" · ",
+									l
+								]
+							})]
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "mt-3 flex items-center justify-between text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ s(a, { className: "h-3 w-3 fill-amber-400 text-amber-400" }), /* @__PURE__ */ s("span", { children: u })]
+							}), /* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ s(o, { className: "h-3 w-3" }), /* @__PURE__ */ s("span", { children: d })]
+							})]
+						}), /* @__PURE__ */ c("span", { children: [f, " uses"] })]
+					})]
+				}, e.id);
+			})
+		})
+	});
+}
+//#endregion
+export { l as TemplatesPage };
+
+//# sourceMappingURL=TemplatesPage.js.map

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

@@ -0,0 +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 { 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-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load template 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    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {templates.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-muted-foreground\">\n            No templates configured yet. Templates are stored as workspace\n            configurations with the \"template.\" key prefix.\n          </div>\n        ) : (\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 bg-card p-5 transition-colors hover:bg-muted/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-primary/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-foreground\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {category} &middot; {industry}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\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-amber-400\" />\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        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,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;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,WAAW,IACpB,kBAAC,OAAD;IAAK,WAAU;cAA8D;IAGvE,CAAA,GAEN,EAAU,KAAK,MAA0C;IACvD,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,yCAA0C,CAAA,EAC1D,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;GAEA,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/time/TimeEntriesPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TimeEntriesPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeEntriesPage.d.ts.map

package/dist/timecampus/pages/time/TimeEntriesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEntriesPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/time/TimeEntriesPage.tsx"],"names":[],"mappings":"AASA,wBAAgB,eAAe,4CAsH9B"}

package/dist/timecampus/pages/time/TimeEntriesPage.js

@@ -0,0 +1,117 @@
+import { formatDate as e, formatHours as t, getStatusColor as n } from "../../utils/helpers.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useListTimeEntriesQuery as a } from "../../../generated/wspace-operations.js";
+import { Filter as o, Plus as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/timecampus/pages/time/TimeEntriesPage.tsx
+function u() {
+	let { data: u, loading: d, error: f } = a({ variables: { limit: 50 } }), p = u?.timeEntries?.items ?? [];
+	return f ? /* @__PURE__ */ c(r, {
+		title: "Time Entries",
+		description: "View and manage all time entries",
+		children: /* @__PURE__ */ c("div", {
+			className: "rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400",
+			children: "Failed to load time entries. Please try again later."
+		})
+	}) : /* @__PURE__ */ c(r, {
+		title: "Time Entries",
+		description: "View and manage all time entries",
+		actions: /* @__PURE__ */ l("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ l("button", {
+				className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+				children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Filter"]
+			}), /* @__PURE__ */ l("button", {
+				className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+				children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Add Entry"]
+			})]
+		}),
+		children: d ? /* @__PURE__ */ c(i, {
+			variant: "table",
+			count: 5
+		}) : /* @__PURE__ */ c("div", {
+			className: "rounded-xl border border-border bg-card",
+			children: /* @__PURE__ */ c("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ l("table", {
+					className: "w-full",
+					children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", {
+						className: "border-b border-border",
+						children: [
+							/* @__PURE__ */ c("th", {
+								className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground",
+								children: "Date"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground",
+								children: "Project"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground",
+								children: "Task"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground",
+								children: "Duration"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground",
+								children: "Billable"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground",
+								children: "Status"
+							})
+						]
+					}) }), /* @__PURE__ */ l("tbody", {
+						className: "divide-y divide-border",
+						children: [p.map((r) => /* @__PURE__ */ l("tr", {
+							className: "hover:bg-muted/50 transition-colors",
+							children: [
+								/* @__PURE__ */ c("td", {
+									className: "px-4 py-3 text-sm text-muted-foreground",
+									children: e(r.startTime)
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "px-4 py-3 text-sm font-medium text-foreground",
+									children: r.project?.name ?? "No Project"
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "px-4 py-3 text-sm text-muted-foreground",
+									children: r.task?.title ?? r.description ?? "No description"
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "px-4 py-3 text-sm font-mono text-foreground",
+									children: t((r.duration ?? 0) / 3600)
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ c("span", {
+										className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${r.billable ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400" : "bg-gray-100 text-gray-600 dark:bg-gray-900/30 dark:text-gray-400"}`,
+										children: r.billable ? "Yes" : "No"
+									})
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ c("span", {
+										className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${n(r.isRunning ? "running" : "completed")}`,
+										children: r.isRunning ? "running" : "completed"
+									})
+								})
+							]
+						}, r.id)), p.length === 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+							colSpan: 6,
+							className: "px-4 py-8 text-center text-sm text-muted-foreground",
+							children: "No time entries found"
+						}) })]
+					})]
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { u as TimeEntriesPage };
+
+//# sourceMappingURL=TimeEntriesPage.js.map

package/dist/timecampus/pages/time/TimeEntriesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEntriesPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeEntriesPage.tsx"],"sourcesContent":["import { Clock, Plus, Filter } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours, formatDate, getStatusColor } from \"../../utils/helpers\";\nimport {\n  useListTimeEntriesQuery,\n  type TimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TimeEntriesPage() {\n  const { data, loading, error } = useListTimeEntriesQuery({\n    variables: { limit: 50 },\n  });\n\n  const entries = data?.timeEntries?.items ?? [];\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Time Entries\"\n        description=\"View and manage all time entries\"\n      >\n        <div className=\"rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\">\n          Failed to load time entries. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Time Entries\"\n      description=\"View and manage all time entries\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n            <Filter className=\"h-4 w-4\" />\n            Filter\n          </button>\n          <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n            <Plus className=\"h-4 w-4\" />\n            Add Entry\n          </button>\n        </div>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"table\" count={5} />\n      ) : (\n        <div className=\"rounded-xl border border-border bg-card\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border\">\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground\">\n                    Date\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground\">\n                    Project\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground\">\n                    Task\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground\">\n                    Duration\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground\">\n                    Billable\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground\">\n                    Status\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {entries.map((entry: TimeEntryFieldsFragment) => (\n                  <tr\n                    key={entry.id}\n                    className=\"hover:bg-muted/50 transition-colors\"\n                  >\n                    <td className=\"px-4 py-3 text-sm text-muted-foreground\">\n                      {formatDate(entry.startTime)}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-medium text-foreground\">\n                      {entry.project?.name ?? \"No Project\"}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-muted-foreground\">\n                      {entry.task?.title ??\n                        entry.description ??\n                        \"No description\"}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-mono text-foreground\">\n                      {formatHours((entry.duration ?? 0) / 3600)}\n                    </td>\n                    <td className=\"px-4 py-3\">\n                      <span\n                        className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${entry.billable ? \"bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400\" : \"bg-gray-100 text-gray-600 dark:bg-gray-900/30 dark:text-gray-400\"}`}\n                      >\n                        {entry.billable ? \"Yes\" : \"No\"}\n                      </span>\n                    </td>\n                    <td className=\"px-4 py-3\">\n                      <span\n                        className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(entry.isRunning ? \"running\" : \"completed\")}`}\n                      >\n                        {entry.isRunning ? \"running\" : \"completed\"}\n                      </span>\n                    </td>\n                  </tr>\n                ))}\n                {entries.length === 0 && (\n                  <tr>\n                    <td\n                      colSpan={6}\n                      className=\"px-4 py-8 text-center text-sm text-muted-foreground\"\n                    >\n                      No time entries found\n                    </td>\n                  </tr>\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,YAAS,aAAU,EAAwB,EACvD,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,IAAU,GAAM,aAAa,SAAS,EAAE;AAe9C,QAbI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,SAEvB;OACT,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YAErB;MACL;;YAGP,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAQ,OAAO;GAAK,CAAA,GAE7C,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAgE;QAEzE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAAgE;QAEzE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAAgE;QAEzE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAAgE;QAEzE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAAgE;QAEzE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAAgE;QAEzE,CAAA;OACF;SACC,CAAA,EACR,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACG,EAAQ,KAAK,MACZ,kBAAC,MAAD;OAEE,WAAU;iBAFZ;QAIE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAW,EAAM,UAAU;SACzB,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAM,SAAS,QAAQ;SACrB,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAM,MAAM,SACX,EAAM,eACN;SACC,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACX,GAAa,EAAM,YAAY,KAAK,KAAK;SACvC,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,QAAD;UACE,WAAW,4DAA4D,EAAM,WAAW,iFAAiF;oBAExK,EAAM,WAAW,QAAQ;UACrB,CAAA;SACJ,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,QAAD;UACE,WAAW,4DAA4D,EAAe,EAAM,YAAY,YAAY,YAAY;oBAE/H,EAAM,YAAY,YAAY;UAC1B,CAAA;SACJ,CAAA;QACF;SA/BE,EAAM,GA+BR,CACL,EACD,EAAQ,WAAW,KAClB,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;OACE,SAAS;OACT,WAAU;iBACX;OAEI,CAAA,EACF,CAAA,CAED;QACF;;IACJ,CAAA;GACF,CAAA;EAEG,CAAA"}

package/dist/timecampus/pages/time/TimeTrackingPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TimeTrackingPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeTrackingPage.d.ts.map

package/dist/timecampus/pages/time/TimeTrackingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeTrackingPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/time/TimeTrackingPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,gBAAgB,4CAwK/B"}

package/dist/timecampus/pages/time/TimeTrackingPage.js

@@ -0,0 +1,112 @@
+import { formatHours as e, formatTimerDuration as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useTimeCampusStore as a } from "../../store/timecampusStore.js";
+import { useGetTimeEntryStatsQuery as o, useListTimeEntriesQuery as s } from "../../../generated/wspace-operations.js";
+import { Clock as c, Pause as l, Play as u, Square as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/timecampus/pages/time/TimeTrackingPage.tsx
+function g() {
+	let { t: g } = h(), _ = (e, t) => {
+		let n = g(e);
+		return n === e ? t : n;
+	}, { activeTimer: v, startTimer: y, stopTimer: b } = a(), { data: x, loading: S } = o(), { data: C, loading: w } = s({ variables: { limit: 10 } }), T = x?.timeEntryStats, E = C?.timeEntries?.items ?? [];
+	return S ? /* @__PURE__ */ p(n, {
+		title: _("timecampus.timeTracking.title", "Time Tracking"),
+		description: _("timecampus.timeTracking.description", "Track and manage your work hours"),
+		children: /* @__PURE__ */ p(i, {
+			variant: "card",
+			count: 4
+		})
+	}) : /* @__PURE__ */ m(n, {
+		title: _("timecampus.timeTracking.title", "Time Tracking"),
+		description: _("timecampus.timeTracking.description", "Track and manage your work hours"),
+		actions: /* @__PURE__ */ p("button", {
+			onClick: () => v ? b() : y(),
+			className: `inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${v ? "bg-red-500 text-white hover:bg-red-600" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
+			children: v ? /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p(d, { className: "h-4 w-4" }),
+				_("timecampus.timeTracking.actions.stop", "Stop"),
+				" (",
+				t(v.seconds),
+				")"
+			] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), _("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
+		}),
+		children: [/* @__PURE__ */ m("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ p(r, {
+					title: _("timecampus.timeTracking.stats.today", "Today"),
+					value: e(T?.totalHours ?? 0),
+					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" }),
+					trend: {
+						value: 15,
+						label: _("timecampus.timeTracking.stats.vsYesterday", "vs yesterday")
+					}
+				}),
+				/* @__PURE__ */ p(r, {
+					title: _("timecampus.timeTracking.stats.billable", "Billable"),
+					value: e(T?.billableHours ?? 0),
+					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" }),
+					description: `${T?.totalEntries ?? 0} ${_("timecampus.timeTracking.stats.entries", "entries")}`
+				}),
+				/* @__PURE__ */ p(r, {
+					title: _("timecampus.timeTracking.stats.activeTimers", "Active Timers"),
+					value: T?.activeTimers ?? 0,
+					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" }),
+					description: _("timecampus.timeTracking.stats.currentlyRunning", "Currently running")
+				}),
+				/* @__PURE__ */ p(r, {
+					title: _("timecampus.timeTracking.stats.activeTimer", "Active Timer"),
+					value: v ? t(v.seconds) : _("timecampus.timeTracking.stats.stopped", "Stopped"),
+					icon: p(v ? l : u, { className: "h-5 w-5" })
+				})
+			]
+		}), /* @__PURE__ */ m("div", {
+			className: "rounded-xl border border-border bg-card p-6",
+			children: [/* @__PURE__ */ p("h3", {
+				className: "mb-4 text-sm font-semibold text-foreground",
+				children: _("timecampus.timeTracking.entries.title", "Today's Entries")
+			}), w ? /* @__PURE__ */ p(i, {
+				variant: "list",
+				count: 4
+			}) : E.length === 0 ? /* @__PURE__ */ p("div", {
+				className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+				children: /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: _("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking.")
+				})
+			}) : /* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-2",
+				children: E.map((t) => /* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between rounded-lg border border-border p-3 transition-colors hover:bg-muted/50",
+					children: [/* @__PURE__ */ m("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ p("p", {
+							className: "text-sm font-medium text-foreground",
+							children: t.project?.name ?? _("timecampus.timeTracking.entries.noProject", "No Project")
+						}), /* @__PURE__ */ p("p", {
+							className: "text-xs text-muted-foreground",
+							children: t.description ?? _("timecampus.timeTracking.entries.noDescription", "No description")
+						})]
+					}), /* @__PURE__ */ m("div", {
+						className: "ml-4 text-right",
+						children: [/* @__PURE__ */ p("p", {
+							className: "text-sm font-mono font-medium text-foreground",
+							children: e((t.duration ?? 0) / 3600)
+						}), /* @__PURE__ */ p("span", {
+							className: "inline-flex items-center rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400",
+							children: t.isRunning ? _("timecampus.timeTracking.entries.status.running", "running") : _("timecampus.timeTracking.entries.status.completed", "completed")
+						})]
+					})]
+				}, t.id))
+			})]
+		})]
+	});
+}
+//#endregion
+export { g as TimeTrackingPage };
+
+//# sourceMappingURL=TimeTrackingPage.js.map