@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

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

@@ -1,69 +1,72 @@
 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";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useListConfigurationsQuery as n } from "../../../generated/wspace-operations.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { Sparkles as a, Star as o, Users as s } from "lucide-react";
+import { jsx as c, jsxs as l } 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, {
+function u() {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = n({ variables: { scope: "WORKSPACE" } }), m = (d?.configurations ?? []).filter((e) => e.key.startsWith("template."));
+	return f ? /* @__PURE__ */ c(r, {
 		title: "Templates",
 		description: "Pre-built workspace templates for different workflows",
-		children: /* @__PURE__ */ s(n, {
+		children: /* @__PURE__ */ c(t, {
 			variant: "card",
 			count: 6
 		})
-	}) : f ? /* @__PURE__ */ s(t, {
+	}) : p ? /* @__PURE__ */ c(r, {
 		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: /* @__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 configurations. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(t, {
+	}) : /* @__PURE__ */ c(r, {
 		title: "Templates",
 		description: "Pre-built workspace templates for different workflows",
-		children: /* @__PURE__ */ s("div", {
+		purpose: "Skip the blank-page setup — apply a ready-made template that pre-loads projects, categories and settings for a common workflow, so a new team or workspace is productive in minutes.",
+		children: m.length === 0 ? /* @__PURE__ */ c(i, {
+			illustration: "empty-generic",
+			title: "No templates configured yet",
+			description: "Templates are stored as workspace configurations with the 'template.' key prefix — once added, ready-to-apply workflow setups appear here."
+		}) : /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: p.length === 0 ? /* @__PURE__ */ s("div", {
-				className: "col-span-full p-8 text-center text-sm text-text-secondary",
-				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-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
-					children: [/* @__PURE__ */ c("div", {
+			children: m.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("template.", ""), r = t.category ?? "General", i = t.industry ?? "Any", u = t.rating ?? 0, d = t.teamSize ?? "-", f = t.downloads ?? 0;
+				return /* @__PURE__ */ l("div", {
+					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
+					children: [/* @__PURE__ */ l("div", {
 						className: "flex items-start gap-3",
-						children: [/* @__PURE__ */ s("div", {
+						children: [/* @__PURE__ */ c("div", {
 							className: "flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10",
-							children: /* @__PURE__ */ s(i, { className: "h-6 w-6 text-primary" })
-						}), /* @__PURE__ */ c("div", {
+							children: /* @__PURE__ */ c(a, { className: "h-6 w-6 text-primary" })
+						}), /* @__PURE__ */ l("div", {
 							className: "flex-1",
-							children: [/* @__PURE__ */ s("p", {
+							children: [/* @__PURE__ */ c("p", {
 								className: "text-sm font-semibold text-text-primary",
 								children: n
-							}), /* @__PURE__ */ c("p", {
+							}), /* @__PURE__ */ l("p", {
 								className: "text-xs text-text-secondary",
 								children: [
 									r,
 									" · ",
-									l
+									i
 								]
 							})]
 						})]
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ c("div", {
+							children: [/* @__PURE__ */ l("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", {
+								children: [/* @__PURE__ */ c(o, { className: "h-3 w-3 fill-amber-400 text-status-warning-text" }), /* @__PURE__ */ c("span", { children: u })]
+							}), /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ s(o, { className: "h-3 w-3" }), /* @__PURE__ */ s("span", { children: d })]
+								children: [/* @__PURE__ */ c(s, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", { children: d })]
 							})]
-						}), /* @__PURE__ */ c("span", { children: [f, " uses"] })]
+						}), /* @__PURE__ */ l("span", { children: [f, " uses"] })]
 					})]
 				}, e.id);
 			})
@@ -71,6 +74,6 @@ function l() {
 	});
 }
 //#endregion
-export { l as TemplatesPage };
+export { u as TemplatesPage };
 
 //# sourceMappingURL=TemplatesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TemplatesPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplatesPage.tsx"],"sourcesContent":["import { Sparkles, Star, Users } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { 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-text-secondary\">\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-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Sparkles className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {category} &middot; {industry}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 fill-amber-400 text-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;cAA4D;IAGrE,CAAA,GAEN,EAAU,KAAK,MAA0C;IACvD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,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"}
+{"version":3,"file":"TemplatesPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplatesPage.tsx"],"sourcesContent":["import { Sparkles, Star, Users } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TemplatesPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as any },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent templates (key starts with 'template.')\n  const templates = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"template.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Templates\"\n        description=\"Pre-built workspace templates for different workflows\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Templates\"\n        description=\"Pre-built workspace templates for different workflows\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load template configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Templates\"\n      description=\"Pre-built workspace templates for different workflows\"\n      purpose=\"Skip the blank-page setup — apply a ready-made template that pre-loads projects, categories and settings for a common workflow, so a new team or workspace is productive in minutes.\"\n    >\n      {templates.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No templates configured yet\"\n          description=\"Templates are stored as workspace configurations with the 'template.' key prefix — once added, ready-to-apply workflow setups appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {templates.map((template: ConfigurationFieldsFragment) => {\n            const val = template.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? template.key.replace(\"template.\", \"\");\n            const category = (val.category as string) ?? \"General\";\n            const industry = (val.industry as string) ?? \"Any\";\n            const rating = (val.rating as number) ?? 0;\n            const teamSize = (val.teamSize as string) ?? \"-\";\n            const downloads = (val.downloads as number) ?? 0;\n\n            return (\n              <div\n                key={template.id}\n                className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Sparkles className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {category} &middot; {industry}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 fill-amber-400 text-status-warning-text\" />\n                      <span>{rating}</span>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      <span>{teamSize}</span>\n                    </div>\n                  </div>\n                  <span>{downloads} uses</span>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGhB,QAAQ,MACvC,EAAE,IAAI,WAAW,YAAY,CAC9B;AA0BD,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,KAAK,MAA0C;IACxD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,IAAY,EAAI,YAAuB,OACvC,IAAU,EAAI,UAAqB,GACnC,IAAY,EAAI,YAAuB,KACvC,IAAa,EAAI,aAAwB;AAE/C,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;OACzC,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV;QACC,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG;SAAS;SAAW;SACnB;UACA;SACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,mDAAoD,CAAA,EACpE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAO,GAAgB,CAAA,CACnB;UACF;UACN,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAU,QAAY,EAAA,CAAA,CACzB;QACF;OA7BC,EAAS,GA6BV;KAER;GACE,CAAA;EAEG,CAAA"}

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

@@ -1,110 +1,119 @@
 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";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useListTimeEntriesQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { Filter as s, Plus as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { GlassCard as d } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/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, {
+function f() {
+	let { data: f, loading: p, error: m } = i({ variables: { limit: 50 } }), h = f?.timeEntries?.items ?? [];
+	return m ? /* @__PURE__ */ l(a, {
 		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: /* @__PURE__ */ l("div", {
+			className: "rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text",
 			children: "Failed to load time entries. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(r, {
+	}) : /* @__PURE__ */ l(a, {
 		title: "Time Entries",
 		description: "View and manage all time entries",
-		actions: /* @__PURE__ */ l("div", {
+		purpose: "Every tracked block of work in one auditable list — filter, correct and confirm entries here before they roll into timesheets, approvals and client invoices.",
+		actions: /* @__PURE__ */ u("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ l("button", {
+			children: [/* @__PURE__ */ u("button", {
 				className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-				children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Filter"]
-			}), /* @__PURE__ */ l("button", {
+				children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), "Filter"]
+			}), /* @__PURE__ */ u("button", {
 				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-				children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Add Entry"]
+				children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Entry"]
 			})]
 		}),
-		children: d ? /* @__PURE__ */ c(i, {
+		children: p ? /* @__PURE__ */ l(r, {
 			variant: "table",
 			count: 5
-		}) : /* @__PURE__ */ c("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
-			children: /* @__PURE__ */ c("div", {
+		}) : h.length === 0 ? /* @__PURE__ */ l(o, {
+			illustration: "empty-data",
+			title: "No time entries found",
+			description: "Track time with a timer or add a manual entry — your entries will appear here.",
+			action: /* @__PURE__ */ u("button", {
+				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+				children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Entry"]
+			})
+		}) : /* @__PURE__ */ l(d, {
+			treatment: "glass",
+			glow: !0,
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ l("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ l("table", {
+				children: /* @__PURE__ */ u("table", {
 					className: "w-full",
-					children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", {
+					children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
 						className: "border-b border-border-subtle",
 						children: [
-							/* @__PURE__ */ c("th", {
+							/* @__PURE__ */ l("th", {
 								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 								children: "Date"
 							}),
-							/* @__PURE__ */ c("th", {
+							/* @__PURE__ */ l("th", {
 								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 								children: "Project"
 							}),
-							/* @__PURE__ */ c("th", {
+							/* @__PURE__ */ l("th", {
 								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 								children: "Task"
 							}),
-							/* @__PURE__ */ c("th", {
+							/* @__PURE__ */ l("th", {
 								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 								children: "Duration"
 							}),
-							/* @__PURE__ */ c("th", {
+							/* @__PURE__ */ l("th", {
 								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 								children: "Billable"
 							}),
-							/* @__PURE__ */ c("th", {
+							/* @__PURE__ */ l("th", {
 								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 								children: "Status"
 							})
 						]
 					}) }), /* @__PURE__ */ l("tbody", {
 						className: "divide-y divide-border",
-						children: [p.map((r) => /* @__PURE__ */ l("tr", {
+						children: h.map((r) => /* @__PURE__ */ u("tr", {
 							className: "hover:bg-bg-sunken/50 transition-colors",
 							children: [
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ l("td", {
 									className: "px-4 py-3 text-sm text-text-secondary",
 									children: e(r.startTime)
 								}),
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ l("td", {
 									className: "px-4 py-3 text-sm font-medium text-text-primary",
 									children: r.project?.name ?? "No Project"
 								}),
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ l("td", {
 									className: "px-4 py-3 text-sm text-text-secondary",
 									children: r.task?.title ?? r.description ?? "No description"
 								}),
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ l("td", {
 									className: "px-4 py-3 text-sm font-mono text-text-primary",
 									children: t((r.duration ?? 0) / 3600)
 								}),
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ l("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: /* @__PURE__ */ l("span", {
+										className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${r.billable ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary"}`,
 										children: r.billable ? "Yes" : "No"
 									})
 								}),
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ l("td", {
 									className: "px-4 py-3",
-									children: /* @__PURE__ */ c("span", {
+									children: /* @__PURE__ */ l("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-text-secondary",
-							children: "No time entries found"
-						}) })]
+						}, r.id))
 					})]
 				})
 			})
@@ -112,6 +121,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as TimeEntriesPage };
+export { f as TimeEntriesPage };
 
 //# sourceMappingURL=TimeEntriesPage.js.map

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

@@ -1 +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-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/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-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n            <Plus className=\"h-4 w-4\" />\n            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-subtle bg-bg-surface\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border-subtle\">\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Date\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Project\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Task\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Duration\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Billable\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\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-bg-sunken/50 transition-colors\"\n                  >\n                    <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                      {formatDate(entry.startTime)}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">\n                      {entry.project?.name ?? \"No Project\"}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                      {entry.task?.title ??\n                        entry.description ??\n                        \"No description\"}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-mono text-text-primary\">\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-text-secondary\"\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;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,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"}
+{"version":3,"file":"TimeEntriesPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeEntriesPage.tsx"],"sourcesContent":["import { Plus, Filter } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\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-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text\">\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      purpose=\"Every tracked block of work in one auditable list — filter, correct and confirm entries here before they roll into timesheets, approvals and client invoices.\"\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-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/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-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n            <Plus className=\"h-4 w-4\" />\n            Add Entry\n          </button>\n        </div>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"table\" count={5} />\n      ) : entries.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No time entries found\"\n          description=\"Track time with a timer or add a manual entry — your entries will appear here.\"\n          action={\n            <button className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n              <Plus className=\"h-4 w-4\" />\n              Add Entry\n            </button>\n          }\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border-subtle\">\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Date\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Project\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Task\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Duration\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                    Billable\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\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-bg-sunken/50 transition-colors\"\n                  >\n                    <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                      {formatDate(entry.startTime)}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">\n                      {entry.project?.name ?? \"No Project\"}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                      {entry.task?.title ??\n                        entry.description ??\n                        \"No description\"}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm font-mono text-text-primary\">\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-status-success-bg text-status-success-text\" : \"bg-bg-sunken text-text-secondary\"}`}\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              </tbody>\n            </table>\n          </div>\n        </GlassCard>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,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;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,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,GAC3C,EAAQ,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YAErB;;GAEX,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,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;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA8D;QAEvE,CAAA;OACF;SACC,CAAA,EACR,kBAAC,SAAD;MAAO,WAAU;gBACd,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,kDAAkD;oBAEzI,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;MACI,CAAA,CACF;;IACJ,CAAA;GACI,CAAA;EAEH,CAAA"}

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

@@ -1,104 +1,105 @@
 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";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useTimeCampusStore as i } from "../../store/timecampusStore.js";
+import { useGetTimeEntryStatsQuery as a, useListTimeEntriesQuery as o } from "../../../generated/wspace-operations.js";
+import { PageLayout as s } from "../../components/PageLayout.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { Clock as l, Pause as u, Play as d, Square as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useI18n as g } 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);
+function _() {
+	let { t: _ } = g(), v = (e, t) => {
+		let n = _(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, {
+	}, { activeTimer: y, startTimer: b, stopTimer: x } = i(), { data: S, loading: C } = a(), { data: w, loading: T } = o({ variables: { limit: 10 } }), E = S?.timeEntryStats, D = w?.timeEntries?.items ?? [];
+	return C ? /* @__PURE__ */ m(s, {
+		title: v("timecampus.timeTracking.title", "Time Tracking"),
+		description: v("timecampus.timeTracking.description", "Track and manage your work hours"),
+		children: /* @__PURE__ */ m(r, {
 			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-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"}`,
-			children: v ? /* @__PURE__ */ m(f, { children: [
-				/* @__PURE__ */ p(d, { className: "h-4 w-4" }),
-				_("timecampus.timeTracking.actions.stop", "Stop"),
+	}) : /* @__PURE__ */ h(s, {
+		title: v("timecampus.timeTracking.title", "Time Tracking"),
+		description: v("timecampus.timeTracking.description", "Track and manage your work hours"),
+		purpose: v("timecampus.timeTracking.purpose", "Start a timer the moment you begin work and your hours are captured automatically — review today's totals, see what's billable, and stop guessing where your day went."),
+		actions: /* @__PURE__ */ m("button", {
+			onClick: () => y ? x() : b(),
+			className: `inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${y ? "bg-action-danger-bg text-action-primary-text hover:bg-action-danger-bg/90" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"}`,
+			children: y ? /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(f, { className: "h-4 w-4" }),
+				v("timecampus.timeTracking.actions.stop", "Stop"),
 				" (",
-				t(v.seconds),
+				t(y.seconds),
 				")"
-			] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), _("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
+			] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(d, { className: "h-4 w-4" }), v("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
 		}),
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("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" }),
+				/* @__PURE__ */ m(n, {
+					featured: !0,
+					title: v("timecampus.timeTracking.stats.today", "Today"),
+					value: e(E?.totalHours ?? 0),
+					icon: /* @__PURE__ */ m(l, { className: "h-5 w-5" }),
 					trend: {
 						value: 15,
-						label: _("timecampus.timeTracking.stats.vsYesterday", "vs yesterday")
+						label: v("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__ */ m(n, {
+					title: v("timecampus.timeTracking.stats.billable", "Billable"),
+					value: e(E?.billableHours ?? 0),
+					icon: /* @__PURE__ */ m(l, { className: "h-5 w-5" }),
+					description: `${E?.totalEntries ?? 0} ${v("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__ */ m(n, {
+					title: v("timecampus.timeTracking.stats.activeTimers", "Active Timers"),
+					value: E?.activeTimers ?? 0,
+					icon: /* @__PURE__ */ m(l, { className: "h-5 w-5" }),
+					description: v("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(n, {
+					title: v("timecampus.timeTracking.stats.activeTimer", "Active Timer"),
+					value: y ? t(y.seconds) : v("timecampus.timeTracking.stats.stopped", "Stopped"),
+					icon: m(y ? u : d, { className: "h-5 w-5" })
 				})
 			]
-		}), /* @__PURE__ */ m("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
-			children: [/* @__PURE__ */ p("h3", {
+		}), /* @__PURE__ */ h("div", {
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
+			children: [/* @__PURE__ */ m("h3", {
 				className: "mb-4 text-sm font-semibold text-text-primary",
-				children: _("timecampus.timeTracking.entries.title", "Today's Entries")
-			}), w ? /* @__PURE__ */ p(i, {
+				children: v("timecampus.timeTracking.entries.title", "Today's Entries")
+			}), T ? /* @__PURE__ */ m(r, {
 				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-subtle",
-				children: /* @__PURE__ */ p("p", {
-					className: "text-sm text-text-secondary",
-					children: _("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking.")
-				})
-			}) : /* @__PURE__ */ p("div", {
+			}) : D.length === 0 ? /* @__PURE__ */ m(c, {
+				illustration: "empty-data",
+				title: v("timecampus.timeTracking.entries.empty.title", "No time entries yet"),
+				description: v("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking.")
+			}) : /* @__PURE__ */ m("div", {
 				className: "flex flex-col gap-2",
-				children: E.map((t) => /* @__PURE__ */ m("div", {
+				children: D.map((t) => /* @__PURE__ */ h("div", {
 					className: "flex items-center justify-between rounded-lg border border-border-subtle p-3 transition-colors hover:bg-bg-sunken/50",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-sm font-medium text-text-primary",
-							children: t.project?.name ?? _("timecampus.timeTracking.entries.noProject", "No Project")
-						}), /* @__PURE__ */ p("p", {
+							children: t.project?.name ?? v("timecampus.timeTracking.entries.noProject", "No Project")
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
-							children: t.description ?? _("timecampus.timeTracking.entries.noDescription", "No description")
+							children: t.description ?? v("timecampus.timeTracking.entries.noDescription", "No description")
 						})]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "ml-4 text-right",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-sm font-mono font-medium text-text-primary",
 							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")
+						}), /* @__PURE__ */ m("span", {
+							className: "inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text",
+							children: t.isRunning ? v("timecampus.timeTracking.entries.status.running", "running") : v("timecampus.timeTracking.entries.status.completed", "completed")
 						})]
 					})]
 				}, t.id))
@@ -107,6 +108,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as TimeTrackingPage };
+export { _ as TimeTrackingPage };
 
 //# sourceMappingURL=TimeTrackingPage.js.map