@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

package/dist/timecampus/pages/industry-solutions/IndustrySolutionsPage.js

@@ -1,72 +1,75 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
 import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
 import { useListConfigurationsQuery as n } from "../../../generated/wspace-operations.js";
 import { PageLayout as r } from "../../components/PageLayout.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
-import { ArrowRight as a, Factory as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { TimeCampusConfigScope as a } from "../../../generated/wspace-types.js";
+import { ArrowRight as o, Factory as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx
-function l() {
-	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = n({ variables: { scope: "WORKSPACE" } }), p = (u?.configurations ?? []).filter((e) => e.key.startsWith("industry."));
-	return d ? /* @__PURE__ */ s(r, {
+function u() {
+	let u = e(), { data: d, loading: f, error: p } = n({ variables: { scope: a.Workspace } }), m = (d?.configurations ?? []).filter((e) => e.key.startsWith("industry."));
+	return f ? /* @__PURE__ */ c(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ c(t, {
 			variant: "card",
 			count: 6
 		})
-	}) : f ? /* @__PURE__ */ s(r, {
+	}) : p ? /* @__PURE__ */ c(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ s("div", {
+		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 industry solutions. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(r, {
+	}) : /* @__PURE__ */ c(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
 		purpose: "Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.",
-		children: p.length === 0 ? /* @__PURE__ */ s(i, {
+		children: m.length === 0 ? /* @__PURE__ */ c(i, {
 			illustration: "empty-generic",
 			title: "No industry solutions configured yet",
 			description: "Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here."
-		}) : /* @__PURE__ */ s("div", {
+		}) : /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: p.map((e) => {
-				let t = e.value, n = t.name ?? e.key.replace("industry.", ""), r = t.industry ?? "General", i = e.description ?? t.description ?? "", l = t.features ?? [];
-				return /* @__PURE__ */ c("div", {
+			children: m.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("industry.", ""), r = t.industry ?? "General", i = e.description ?? t.description ?? "", a = t.features ?? [];
+				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__ */ c("div", {
+						/* @__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(o, { className: "h-6 w-6 text-primary" })
-							}), /* @__PURE__ */ c("div", {
+								children: /* @__PURE__ */ c(s, { 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__ */ s("p", {
+								}), /* @__PURE__ */ c("p", {
 									className: "text-xs text-text-secondary",
 									children: r
 								})]
 							})]
 						}),
-						/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ c("p", {
 							className: "mt-3 text-xs text-text-secondary",
 							children: i
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "mt-3 flex flex-wrap gap-1",
-							children: l.map((e) => /* @__PURE__ */ s("span", {
+							children: a.map((e) => /* @__PURE__ */ c("span", {
 								className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 								children: e
 							}, e))
 						}),
-						/* @__PURE__ */ c("button", {
+						/* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: () => u("/templates"),
 							className: "mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline",
-							children: ["Learn more ", /* @__PURE__ */ s(a, { className: "h-3 w-3" })]
+							children: ["Explore templates ", /* @__PURE__ */ c(o, { className: "h-3 w-3" })]
 						})
 					]
 				}, e.id);
@@ -75,6 +78,6 @@ function l() {
 	});
 }
 //#endregion
-export { l as IndustrySolutionsPage };
+export { u as IndustrySolutionsPage };
 
 //# sourceMappingURL=IndustrySolutionsPage.js.map

package/dist/timecampus/pages/industry-solutions/IndustrySolutionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndustrySolutionsPage.js","names":[],"sources":["../../../../src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx"],"sourcesContent":["import { Factory, ArrowRight } 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 IndustrySolutionsPage() {\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 industry solutions (key starts with 'industry.')\n  const solutions = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"industry.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\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 industry solutions. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Industry Solutions\"\n      description=\"Time tracking solutions tailored to your industry\"\n      purpose=\"Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.\"\n    >\n      {solutions.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No industry solutions configured yet\"\n          description=\"Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {solutions.map((solution: ConfigurationFieldsFragment) => {\n            const val = solution.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? solution.key.replace(\"industry.\", \"\");\n            const industry = (val.industry as string) ?? \"General\";\n            const description =\n              solution.description ?? (val.description as string) ?? \"\";\n            const features = (val.features as string[]) ?? [];\n\n            return (\n              <div\n                key={solution.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                    <Factory 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\">{industry}</p>\n                  </div>\n                </div>\n                <p className=\"mt-3 text-xs text-text-secondary\">\n                  {description}\n                </p>\n                <div className=\"mt-3 flex flex-wrap gap-1\">\n                  {features.map((feature) => (\n                    <span\n                      key={feature}\n                      className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {feature}\n                    </span>\n                  ))}\n                </div>\n                <button className=\"mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline\">\n                  Learn more <ArrowRight className=\"h-3 w-3\" />\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAwB;CACtC,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,IACJ,EAAS,eAAgB,EAAI,eAA0B,IACnD,IAAY,EAAI,YAAyB,EAAE;AAEjD,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;QACxC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAa,CAAA,CACrD;UACF;;MACN,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,KAAK,MACb,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP;OACE,CAAA;MACN,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CAAkG,eACrF,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CACtC;;MACL;OA9BC,EAAS,GA8BV;KAER;GACE,CAAA;EAEG,CAAA"}
+{"version":3,"file":"IndustrySolutionsPage.js","names":[],"sources":["../../../../src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx"],"sourcesContent":["import { Factory, ArrowRight } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nexport function IndustrySolutionsPage() {\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent industry solutions (key starts with 'industry.')\n  const solutions = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"industry.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\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 industry solutions. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Industry Solutions\"\n      description=\"Time tracking solutions tailored to your industry\"\n      purpose=\"Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.\"\n    >\n      {solutions.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No industry solutions configured yet\"\n          description=\"Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {solutions.map((solution: ConfigurationFieldsFragment) => {\n            const val = solution.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? solution.key.replace(\"industry.\", \"\");\n            const industry = (val.industry as string) ?? \"General\";\n            const description =\n              solution.description ?? (val.description as string) ?? \"\";\n            const features = (val.features as string[]) ?? [];\n\n            return (\n              <div\n                key={solution.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                    <Factory 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\">{industry}</p>\n                  </div>\n                </div>\n                <p className=\"mt-3 text-xs text-text-secondary\">\n                  {description}\n                </p>\n                <div className=\"mt-3 flex flex-wrap gap-1\">\n                  {features.map((feature) => (\n                    <span\n                      key={feature}\n                      className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {feature}\n                    </span>\n                  ))}\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => navigate(\"/templates\")}\n                  className=\"mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline\"\n                >\n                  Explore templates <ArrowRight className=\"h-3 w-3\" />\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAwB;CACtC,IAAM,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,EAAsB,WAAW,EACtD,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGhB,QAAQ,MACvC,EAAE,IAAI,WAAW,YAAY,CAC9B;AA0BD,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,KAAK,MAA0C;IACxD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,IACJ,EAAS,eAAgB,EAAI,eAA0B,IACnD,IAAY,EAAI,YAAyB,EAAE;AAEjD,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;QACxC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAa,CAAA,CACrD;UACF;;MACN,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,KAAK,MACb,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP;OACE,CAAA;MACN,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,aAAa;OACrC,WAAU;iBAHZ,CAIC,sBACmB,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CAC7C;;MACL;OAlCC,EAAS,GAkCV;KAER;GACE,CAAA;EAEG,CAAA"}

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

@@ -2,100 +2,295 @@ import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { formatHours as t } from "../../utils/helpers.js";
 import { StatCard as n } from "../../components/StatCard.js";
 import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useGetLocationStatsQuery as i, useListLocationEntriesQuery as a } from "../../../generated/wspace-operations.js";
-import { PageLayout as o } from "../../components/PageLayout.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { Clock as c, MapPin as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useCreateLocationEntryMutation as i, useDeleteLocationEntryMutation as a, useGetLocationStatsQuery as o, useListLocationEntriesQuery as s } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { Modal as u } from "../../components/Modal.js";
+import { useState as d } from "react";
+import { Clock as f, MapPin as p, Plus as m, Trash2 as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/timecampus/pages/location-tracking/LocationTrackingPage.tsx
-function f() {
-	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = a(), { data: g, loading: _, error: v } = i(), y = p?.locationEntries?.items ?? [], b = g?.locationStats;
-	return m && _ ? /* @__PURE__ */ u(o, {
+var y = 25, b = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", x = {
+	address: "",
+	latitude: "",
+	longitude: "",
+	startTime: "",
+	endTime: ""
+};
+function S() {
+	let { currentUser: S } = e(), { data: C, loading: w, error: T, refetch: E, fetchMore: D } = s({ variables: {
+		limit: y,
+		offset: 0
+	} }), { data: O, loading: k, error: A, refetch: j } = o(), [M, { loading: N, error: P }] = i(), [F, { loading: I }] = a(), [L, R] = d(!1), [z, B] = d(x), [V, H] = d(null), [U, W] = d(!1), G = C?.locationEntries?.items ?? [], K = C?.locationEntries?.hasMore ?? !1, q = O?.locationStats, J = () => {
+		let e = /* @__PURE__ */ new Date(), t = (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+		B({
+			...x,
+			startTime: t
+		}), R(!0);
+	}, Y = !!S?.id && z.latitude.trim() !== "" && z.longitude.trim() !== "" && z.startTime.trim() !== "", X = async () => {
+		if (!Y || !S?.id) return;
+		let e = new Date(z.startTime).toISOString(), t = z.endTime ? new Date(z.endTime).toISOString() : void 0, n = t ? Math.max(0, Math.round((new Date(t).getTime() - new Date(e).getTime()) / 1e3)) : void 0;
+		await M({ variables: { input: {
+			userId: S.id,
+			latitude: Number(z.latitude),
+			longitude: Number(z.longitude),
+			address: z.address.trim() || void 0,
+			startTime: e,
+			endTime: t,
+			duration: n
+		} } }), R(!1), await Promise.all([E(), j()]);
+	}, Z = async () => {
+		V && (await F({ variables: { id: V.id } }), H(null), await Promise.all([E(), j()]));
+	}, Q = async () => {
+		W(!0);
+		try {
+			await D({
+				variables: {
+					limit: y,
+					offset: G.length
+				},
+				updateQuery: (e, { fetchMoreResult: t }) => t ? { locationEntries: {
+					...t.locationEntries,
+					items: [...e.locationEntries.items, ...t.locationEntries.items]
+				} } : e
+			});
+		} finally {
+			W(!1);
+		}
+	}, $ = /* @__PURE__ */ v("button", {
+		onClick: J,
+		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__ */ _(m, { className: "h-4 w-4" }), "Add Location Entry"]
+	});
+	return w && k ? /* @__PURE__ */ _(c, {
 		title: "Location Tracking",
 		description: "Track work locations and productivity",
-		children: /* @__PURE__ */ u(r, {
+		children: /* @__PURE__ */ _(r, {
 			variant: "list",
 			count: 4
 		})
-	}) : h && v ? /* @__PURE__ */ u(o, {
+	}) : T && A ? /* @__PURE__ */ _(c, {
 		title: "Location Tracking",
 		description: "Track work locations and productivity",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ _("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 location data. Please try again later."
 		})
-	}) : /* @__PURE__ */ d(o, {
+	}) : /* @__PURE__ */ v(c, {
 		title: "Location Tracking",
 		description: "Track work locations and productivity",
 		purpose: "See where work actually happens — office, home, client sites — and how long you spend at each, so you can verify on-site time, support field teams, and back up location-based billing.",
-		children: [/* @__PURE__ */ d("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ u(n, {
-					featured: !0,
-					title: "Total Locations",
-					value: String(b?.totalLocations ?? 0),
-					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ u(n, {
-					title: "Unique Addresses",
-					value: String(b?.uniqueAddresses ?? 0),
-					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ u(n, {
-					title: "Most Frequent",
-					value: b?.mostFrequentLocation ?? "N/A"
-				}),
-				/* @__PURE__ */ u(n, {
-					title: "Total Duration",
-					value: t((b?.totalDuration ?? 0) / 3600),
-					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
-					description: "Tracked time"
-				})
-			]
-		}), y.length === 0 && !m ? /* @__PURE__ */ u(s, {
-			illustration: "empty-data",
-			title: "No location entries found",
-			description: "With location tracking enabled, the places you work from will show up here with time spent at each."
-		}) : /* @__PURE__ */ u("div", {
-			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-			children: /* @__PURE__ */ u("div", {
-				className: "divide-y divide-border",
-				children: y.map((e) => /* @__PURE__ */ d("div", {
-					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ u(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: e.address ?? "Unknown Location"
-						}), /* @__PURE__ */ d("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								e.geofenceId ? "Geofenced" : "Manual",
-								" ·",
-								" ",
-								new Date(e.startTime).toLocaleDateString()
-							]
-						})] })]
-					}), /* @__PURE__ */ u("div", {
-						className: "flex items-center gap-4",
-						children: /* @__PURE__ */ d("div", {
-							className: "text-right",
-							children: [/* @__PURE__ */ u("p", {
+		actions: $,
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ _(n, {
+						featured: !0,
+						title: "Total Locations",
+						value: String(q?.totalLocations ?? 0),
+						icon: /* @__PURE__ */ _(p, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ _(n, {
+						title: "Unique Addresses",
+						value: String(q?.uniqueAddresses ?? 0),
+						icon: /* @__PURE__ */ _(p, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ _(n, {
+						title: "Most Frequent",
+						value: q?.mostFrequentLocation ?? "N/A"
+					}),
+					/* @__PURE__ */ _(n, {
+						title: "Total Duration",
+						value: t((q?.totalDuration ?? 0) / 3600),
+						icon: /* @__PURE__ */ _(f, { className: "h-5 w-5" }),
+						description: "Tracked time"
+					})
+				]
+			}),
+			G.length === 0 && !w ? /* @__PURE__ */ _(l, {
+				illustration: "empty-data",
+				title: "No location entries found",
+				description: "With location tracking enabled, the places you work from will show up here with time spent at each. You can also add an entry manually.",
+				action: $
+			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
+				children: /* @__PURE__ */ _("div", {
+					className: "divide-y divide-border",
+					children: G.map((e) => /* @__PURE__ */ v("div", {
+						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ _(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 								className: "text-sm font-medium text-text-primary",
-								children: e.duration ? t(e.duration / 3600) : "Active"
-							}), /* @__PURE__ */ u("p", {
+								children: e.address ?? "Unknown Location"
+							}), /* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
-								children: "duration"
+								children: [
+									e.geofenceId ? "Geofenced" : "Manual",
+									" ·",
+									" ",
+									new Date(e.startTime).toLocaleDateString()
+								]
+							})] })]
+						}), /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ v("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ _("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: e.duration ? t(e.duration / 3600) : "Active"
+								}), /* @__PURE__ */ _("p", {
+									className: "text-xs text-text-secondary",
+									children: "duration"
+								})]
+							}), /* @__PURE__ */ _("button", {
+								onClick: () => H(e),
+								"aria-label": "Delete entry",
+								className: "rounded-md border border-border-subtle p-1.5 text-status-error-text hover:bg-status-error-bg",
+								children: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
 							})]
-						})
-					})]
-				}, e.id))
+						})]
+					}, e.id))
+				})
+			}), K && /* @__PURE__ */ _("div", {
+				className: "mt-6 flex justify-center",
+				children: /* @__PURE__ */ _("button", {
+					onClick: Q,
+					disabled: U,
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+					children: U ? "Loading..." : "Load more"
+				})
+			})] }),
+			/* @__PURE__ */ v(u, {
+				open: L,
+				onClose: () => R(!1),
+				title: "Add Location Entry",
+				description: "Manually log a work location. Only you and people you share with can see this.",
+				size: "lg",
+				footer: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
+					onClick: () => R(!1),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ _("button", {
+					onClick: X,
+					disabled: N || !Y,
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
+					children: N ? "Saving..." : "Add Entry"
+				})] }),
+				children: [
+					P && /* @__PURE__ */ _("div", {
+						className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
+						children: "Failed to add location entry. Please check the values and try again."
+					}),
+					!S?.id && /* @__PURE__ */ _("div", {
+						className: "mb-4 rounded-lg border border-status-warning-bg/40 bg-status-warning-bg p-3 text-sm text-status-warning-text",
+						children: "You must be signed in to add a location entry."
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Address (optional)"
+							}), /* @__PURE__ */ _("input", {
+								type: "text",
+								placeholder: "e.g. Client site, Chennai",
+								value: z.address,
+								onChange: (e) => B({
+									...z,
+									address: e.target.value
+								}),
+								className: b
+							})] }),
+							/* @__PURE__ */ v("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									className: "block text-sm font-medium text-text-primary",
+									children: "Latitude"
+								}), /* @__PURE__ */ _("input", {
+									type: "number",
+									step: "any",
+									placeholder: "0.000000",
+									value: z.latitude,
+									onChange: (e) => B({
+										...z,
+										latitude: e.target.value
+									}),
+									className: b
+								})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									className: "block text-sm font-medium text-text-primary",
+									children: "Longitude"
+								}), /* @__PURE__ */ _("input", {
+									type: "number",
+									step: "any",
+									placeholder: "0.000000",
+									value: z.longitude,
+									onChange: (e) => B({
+										...z,
+										longitude: e.target.value
+									}),
+									className: b
+								})] })]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									className: "block text-sm font-medium text-text-primary",
+									children: "Start Time"
+								}), /* @__PURE__ */ _("input", {
+									type: "datetime-local",
+									value: z.startTime,
+									onChange: (e) => B({
+										...z,
+										startTime: e.target.value
+									}),
+									className: b
+								})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									className: "block text-sm font-medium text-text-primary",
+									children: "End Time (optional)"
+								}), /* @__PURE__ */ _("input", {
+									type: "datetime-local",
+									value: z.endTime,
+									onChange: (e) => B({
+										...z,
+										endTime: e.target.value
+									}),
+									className: b
+								})] })]
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ _(u, {
+				open: V !== null,
+				onClose: () => H(null),
+				title: "Delete Location Entry",
+				description: "This action cannot be undone.",
+				footer: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
+					onClick: () => H(null),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ _("button", {
+					onClick: Z,
+					disabled: I,
+					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
+					children: I ? "Deleting..." : "Delete"
+				})] }),
+				children: /* @__PURE__ */ v("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete this location entry",
+						V?.address ? ` at ${V.address}` : "",
+						"?"
+					]
+				})
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { f as LocationTrackingPage };
+export { S as LocationTrackingPage };
 
 //# sourceMappingURL=LocationTrackingPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocationTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationTrackingPage.tsx"],"sourcesContent":["import { MapPin, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListLocationEntriesQuery,\n  useGetLocationStatsQuery,\n  type LocationEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function LocationTrackingPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: entriesData,\n    loading: entriesLoading,\n    error: entriesError,\n  } = useListLocationEntriesQuery();\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetLocationStatsQuery();\n\n  const locations = entriesData?.locationEntries?.items ?? [];\n  const stats = statsData?.locationStats;\n\n  if (entriesLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (entriesError && statsError) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\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 location data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Location Tracking\"\n      description=\"Track work locations and productivity\"\n      purpose=\"See where work actually happens — office, home, client sites — and how long you spend at each, so you can verify on-site time, support field teams, and back up location-based billing.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Locations\"\n          value={String(stats?.totalLocations ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Unique Addresses\"\n          value={String(stats?.uniqueAddresses ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Most Frequent\"\n          value={stats?.mostFrequentLocation ?? \"N/A\"}\n        />\n        <StatCard\n          title=\"Total Duration\"\n          value={formatHours((stats?.totalDuration ?? 0) / 3600)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"Tracked time\"\n        />\n      </div>\n\n      {locations.length === 0 && !entriesLoading ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No location entries found\"\n          description=\"With location tracking enabled, the places you work from will show up here with time spent at each.\"\n        />\n      ) : (\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n          <div className=\"divide-y divide-border\">\n            {locations.map((location: LocationEntryFieldsFragment) => (\n              <div\n                key={location.id}\n                className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <MapPin className=\"h-5 w-5 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {location.address ?? \"Unknown Location\"}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {location.geofenceId ? \"Geofenced\" : \"Manual\"} &middot;{\" \"}\n                      {new Date(location.startTime).toLocaleDateString()}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"text-right\">\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {location.duration\n                        ? formatHours(location.duration / 3600)\n                        : \"Active\"}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">duration</p>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,IAAuB;CACrC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA6B,EAC3B,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA0B,EAExB,IAAY,GAAa,iBAAiB,SAAS,EAAE,EACrD,IAAQ,GAAW;AA0BzB,QAxBI,KAAkB,IAElB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAgB,IAEhB,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;YAHV,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO,OAAO,GAAO,kBAAkB,EAAE;KACzC,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,mBAAmB,EAAE;KAC1C,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,wBAAwB;KACtC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAa,GAAO,iBAAiB,KAAK,KAAK;KACtD,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACE;MAEL,EAAU,WAAW,KAAK,CAAC,IAC1B,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,KAAK,MACd,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,EAClD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,WAAW;OACnB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAS,aAAa,cAAc;QAAS;QAAU;QACvD,IAAI,KAAK,EAAS,UAAU,CAAC,oBAAoB;QAChD;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,WACN,EAAY,EAAS,WAAW,KAAK,GACrC;QACF,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA,CACnD;;MACF,CAAA,CACF;OAzBC,EAAS,GAyBV,CACN;IACE,CAAA;GACF,CAAA,CAEG"}
+{"version":3,"file":"LocationTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { MapPin, Clock, Plus, Trash2 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { formatHours } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListLocationEntriesQuery,\n  useGetLocationStatsQuery,\n  useCreateLocationEntryMutation,\n  useDeleteLocationEntryMutation,\n  type LocationEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PAGE_SIZE = 25;\n\nconst inputClass =\n  \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\n\ninterface EntryFormState {\n  address: string;\n  latitude: string;\n  longitude: string;\n  startTime: string;\n  endTime: string;\n}\n\nconst emptyForm: EntryFormState = {\n  address: \"\",\n  latitude: \"\",\n  longitude: \"\",\n  startTime: \"\",\n  endTime: \"\",\n};\n\nexport function LocationTrackingPage() {\n  const { currentUser } = useTimeCampus();\n\n  const {\n    data: entriesData,\n    loading: entriesLoading,\n    error: entriesError,\n    refetch: refetchEntries,\n    fetchMore,\n  } = useListLocationEntriesQuery({\n    variables: { limit: PAGE_SIZE, offset: 0 },\n  });\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n    refetch: refetchStats,\n  } = useGetLocationStatsQuery();\n\n  const [createEntry, { loading: creating, error: createError }] =\n    useCreateLocationEntryMutation();\n  const [deleteEntry, { loading: deleting }] = useDeleteLocationEntryMutation();\n\n  const [formOpen, setFormOpen] = useState(false);\n  const [form, setForm] = useState<EntryFormState>(emptyForm);\n  const [confirmDelete, setConfirmDelete] =\n    useState<LocationEntryFieldsFragment | null>(null);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const locations = entriesData?.locationEntries?.items ?? [];\n  const hasMore = entriesData?.locationEntries?.hasMore ?? false;\n  const stats = statsData?.locationStats;\n\n  const openCreate = () => {\n    const now = new Date();\n    const localIso = new Date(now.getTime() - now.getTimezoneOffset() * 60000)\n      .toISOString()\n      .slice(0, 16);\n    setForm({ ...emptyForm, startTime: localIso });\n    setFormOpen(true);\n  };\n\n  const canSubmit =\n    !!currentUser?.id &&\n    form.latitude.trim() !== \"\" &&\n    form.longitude.trim() !== \"\" &&\n    form.startTime.trim() !== \"\";\n\n  const handleSubmit = async () => {\n    if (!canSubmit || !currentUser?.id) return;\n    const startTime = new Date(form.startTime).toISOString();\n    const endTime = form.endTime\n      ? new Date(form.endTime).toISOString()\n      : undefined;\n    const duration = endTime\n      ? Math.max(\n          0,\n          Math.round(\n            (new Date(endTime).getTime() - new Date(startTime).getTime()) /\n              1000,\n          ),\n        )\n      : undefined;\n    await createEntry({\n      variables: {\n        input: {\n          userId: currentUser.id,\n          latitude: Number(form.latitude),\n          longitude: Number(form.longitude),\n          address: form.address.trim() || undefined,\n          startTime,\n          endTime,\n          duration,\n        },\n      },\n    });\n    setFormOpen(false);\n    await Promise.all([refetchEntries(), refetchStats()]);\n  };\n\n  const handleDelete = async () => {\n    if (!confirmDelete) return;\n    await deleteEntry({ variables: { id: confirmDelete.id } });\n    setConfirmDelete(null);\n    await Promise.all([refetchEntries(), refetchStats()]);\n  };\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { limit: PAGE_SIZE, offset: locations.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            locationEntries: {\n              ...fetchMoreResult.locationEntries,\n              items: [\n                ...prev.locationEntries.items,\n                ...fetchMoreResult.locationEntries.items,\n              ],\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  const addButton = (\n    <button\n      onClick={openCreate}\n      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    >\n      <Plus className=\"h-4 w-4\" />\n      Add Location Entry\n    </button>\n  );\n\n  if (entriesLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (entriesError && statsError) {\n    return (\n      <PageLayout\n        title=\"Location Tracking\"\n        description=\"Track work locations and productivity\"\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 location data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Location Tracking\"\n      description=\"Track work locations and productivity\"\n      purpose=\"See where work actually happens — office, home, client sites — and how long you spend at each, so you can verify on-site time, support field teams, and back up location-based billing.\"\n      actions={addButton}\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Locations\"\n          value={String(stats?.totalLocations ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Unique Addresses\"\n          value={String(stats?.uniqueAddresses ?? 0)}\n          icon={<MapPin className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Most Frequent\"\n          value={stats?.mostFrequentLocation ?? \"N/A\"}\n        />\n        <StatCard\n          title=\"Total Duration\"\n          value={formatHours((stats?.totalDuration ?? 0) / 3600)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"Tracked time\"\n        />\n      </div>\n\n      {locations.length === 0 && !entriesLoading ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No location entries found\"\n          description=\"With location tracking enabled, the places you work from will show up here with time spent at each. You can also add an entry manually.\"\n          action={addButton}\n        />\n      ) : (\n        <>\n          <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n            <div className=\"divide-y divide-border\">\n              {locations.map((location: LocationEntryFieldsFragment) => (\n                <div\n                  key={location.id}\n                  className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <MapPin className=\"h-5 w-5 text-text-secondary\" />\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {location.address ?? \"Unknown Location\"}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {location.geofenceId ? \"Geofenced\" : \"Manual\"} &middot;{\" \"}\n                        {new Date(location.startTime).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-4\">\n                    <div className=\"text-right\">\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {location.duration\n                          ? formatHours(location.duration / 3600)\n                          : \"Active\"}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">duration</p>\n                    </div>\n                    <button\n                      onClick={() => setConfirmDelete(location)}\n                      aria-label=\"Delete entry\"\n                      className=\"rounded-md border border-border-subtle p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                    >\n                      <Trash2 className=\"h-4 w-4\" />\n                    </button>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n          {hasMore && (\n            <div className=\"mt-6 flex justify-center\">\n              <button\n                onClick={handleLoadMore}\n                disabled={loadingMore}\n                className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loadingMore ? \"Loading...\" : \"Load more\"}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      <Modal\n        open={formOpen}\n        onClose={() => setFormOpen(false)}\n        title=\"Add Location Entry\"\n        description=\"Manually log a work location. Only you and people you share with can see this.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setFormOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              disabled={creating || !canSubmit}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating ? \"Saving...\" : \"Add Entry\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to add location entry. Please check the values and try again.\n          </div>\n        )}\n        {!currentUser?.id && (\n          <div className=\"mb-4 rounded-lg border border-status-warning-bg/40 bg-status-warning-bg p-3 text-sm text-status-warning-text\">\n            You must be signed in to add a location entry.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Address (optional)\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Client site, Chennai\"\n              value={form.address}\n              onChange={(e) => setForm({ ...form, address: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Latitude\n              </label>\n              <input\n                type=\"number\"\n                step=\"any\"\n                placeholder=\"0.000000\"\n                value={form.latitude}\n                onChange={(e) => setForm({ ...form, latitude: e.target.value })}\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Longitude\n              </label>\n              <input\n                type=\"number\"\n                step=\"any\"\n                placeholder=\"0.000000\"\n                value={form.longitude}\n                onChange={(e) =>\n                  setForm({ ...form, longitude: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Start Time\n              </label>\n              <input\n                type=\"datetime-local\"\n                value={form.startTime}\n                onChange={(e) =>\n                  setForm({ ...form, startTime: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                End Time (optional)\n              </label>\n              <input\n                type=\"datetime-local\"\n                value={form.endTime}\n                onChange={(e) => setForm({ ...form, endTime: e.target.value })}\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      <Modal\n        open={confirmDelete !== null}\n        onClose={() => setConfirmDelete(null)}\n        title=\"Delete Location Entry\"\n        description=\"This action cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setConfirmDelete(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDelete}\n              disabled={deleting}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n            >\n              {deleting ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete this location entry\n          {confirmDelete?.address ? ` at ${confirmDelete.address}` : \"\"}?\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}