@burdenoff/microfe-timecampus 2026.510.104

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeTrackingPage.tsx"],"sourcesContent":["import { Clock, Play, Pause, Square } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours, formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useListTimeEntriesQuery,\n  type TimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\nexport function TimeTrackingPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string): string => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { activeTimer, startTimer, stopTimer } = useTimeCampusStore();\n\n  const { data: statsData, loading: statsLoading } =\n    useGetTimeEntryStatsQuery();\n  const { data: entriesData, loading: entriesLoading } =\n    useListTimeEntriesQuery({\n      variables: { limit: 10 },\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const todayEntries = entriesData?.timeEntries?.items ?? [];\n\n  if (statsLoading) {\n    return (\n      <PageLayout\n        title={t(\"timecampus.timeTracking.title\", \"Time Tracking\")}\n        description={t(\n          \"timecampus.timeTracking.description\",\n          \"Track and manage your work hours\",\n        )}\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={t(\"timecampus.timeTracking.title\", \"Time Tracking\")}\n      description={t(\n        \"timecampus.timeTracking.description\",\n        \"Track and manage your work hours\",\n      )}\n      actions={\n        <button\n          onClick={() => (activeTimer ? stopTimer() : startTimer())}\n          className={`inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${activeTimer ? \"bg-red-500 text-white hover:bg-red-600\" : \"bg-primary text-primary-foreground hover:bg-primary/90\"}`}\n        >\n          {activeTimer ? (\n            <>\n              <Square className=\"h-4 w-4\" />\n              {t(\"timecampus.timeTracking.actions.stop\", \"Stop\")} (\n              {formatTimerDuration(activeTimer.seconds)})\n            </>\n          ) : (\n            <>\n              <Play className=\"h-4 w-4\" />\n              {t(\"timecampus.timeTracking.actions.startTimer\", \"Start Timer\")}\n            </>\n          )}\n        </button>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title={t(\"timecampus.timeTracking.stats.today\", \"Today\")}\n          value={formatHours(stats?.totalHours ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{\n            value: 15,\n            label: t(\n              \"timecampus.timeTracking.stats.vsYesterday\",\n              \"vs yesterday\",\n            ),\n          }}\n        />\n        <StatCard\n          title={t(\"timecampus.timeTracking.stats.billable\", \"Billable\")}\n          value={formatHours(stats?.billableHours ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description={`${stats?.totalEntries ?? 0} ${t(\"timecampus.timeTracking.stats.entries\", \"entries\")}`}\n        />\n        <StatCard\n          title={t(\n            \"timecampus.timeTracking.stats.activeTimers\",\n            \"Active Timers\",\n          )}\n          value={stats?.activeTimers ?? 0}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description={t(\n            \"timecampus.timeTracking.stats.currentlyRunning\",\n            \"Currently running\",\n          )}\n        />\n        <StatCard\n          title={t(\"timecampus.timeTracking.stats.activeTimer\", \"Active Timer\")}\n          value={\n            activeTimer\n              ? formatTimerDuration(activeTimer.seconds)\n              : t(\"timecampus.timeTracking.stats.stopped\", \"Stopped\")\n          }\n          icon={\n            activeTimer ? (\n              <Pause className=\"h-5 w-5\" />\n            ) : (\n              <Play className=\"h-5 w-5\" />\n            )\n          }\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border bg-card p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n          {t(\"timecampus.timeTracking.entries.title\", \"Today's Entries\")}\n        </h3>\n        {entriesLoading ? (\n          <LoadingSkeleton variant=\"list\" count={4} />\n        ) : todayEntries.length === 0 ? (\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\n                \"timecampus.timeTracking.entries.empty\",\n                \"No time entries yet. Start a timer to begin tracking.\",\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-2\">\n            {todayEntries.map((entry: TimeEntryFieldsFragment) => (\n              <div\n                key={entry.id}\n                className=\"flex items-center justify-between rounded-lg border border-border p-3 transition-colors hover:bg-muted/50\"\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"text-sm font-medium text-foreground\">\n                    {entry.project?.name ??\n                      t(\n                        \"timecampus.timeTracking.entries.noProject\",\n                        \"No Project\",\n                      )}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {entry.description ??\n                      t(\n                        \"timecampus.timeTracking.entries.noDescription\",\n                        \"No description\",\n                      )}\n                  </p>\n                </div>\n                <div className=\"ml-4 text-right\">\n                  <p className=\"text-sm font-mono font-medium text-foreground\">\n                    {formatHours((entry.duration ?? 0) / 3600)}\n                  </p>\n                  <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\">\n                    {entry.isRunning\n                      ? t(\n                          \"timecampus.timeTracking.entries.status.running\",\n                          \"running\",\n                        )\n                      : t(\n                          \"timecampus.timeTracking.entries.status.completed\",\n                          \"completed\",\n                        )}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimerPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/time/TimerPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,SAAS,4CAoFxB"}

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

@@ -0,0 +1,80 @@
+import { formatTimerDuration as e } from "../../utils/helpers.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useTimeCampusStore as r } from "../../store/timecampusStore.js";
+import { useListRunningTimersQuery as i } from "../../../generated/wspace-operations.js";
+import { Play as a, RotateCcw as o, Square as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/timecampus/pages/time/TimerPage.tsx
+function u() {
+	let { activeTimer: u, startTimer: d, stopTimer: f } = r(), { data: p, loading: m } = i(), h = p?.runningTimers ?? [];
+	return /* @__PURE__ */ c(t, {
+		title: "Timer",
+		description: "Focus timer for deep work sessions",
+		children: /* @__PURE__ */ l("div", {
+			className: "mx-auto max-w-lg",
+			children: [/* @__PURE__ */ l("div", {
+				className: "rounded-xl border border-border bg-card p-8 text-center",
+				children: [
+					/* @__PURE__ */ c("p", {
+						className: "text-6xl font-mono font-bold text-foreground",
+						children: u ? e(u.seconds) : "00:00:00"
+					}),
+					u?.description && /* @__PURE__ */ c("p", {
+						className: "mt-2 text-sm text-muted-foreground",
+						children: u.description
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "mt-6 flex items-center justify-center gap-3",
+						children: [u ? /* @__PURE__ */ l("button", {
+							onClick: f,
+							className: "inline-flex items-center gap-2 rounded-md bg-red-500 px-6 py-3 text-sm font-medium text-white hover:bg-red-600",
+							children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Stop"]
+						}) : /* @__PURE__ */ l("button", {
+							onClick: () => d(),
+							className: "inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+							children: [/* @__PURE__ */ c(a, { className: "h-4 w-4" }), "Start"]
+						}), /* @__PURE__ */ l("button", {
+							className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-muted/50",
+							children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Reset"]
+						})]
+					})
+				]
+			}), /* @__PURE__ */ l("div", {
+				className: "mt-6 rounded-xl border border-border bg-card p-6",
+				children: [/* @__PURE__ */ c("h3", {
+					className: "mb-4 text-sm font-semibold text-foreground",
+					children: "Running Timers"
+				}), m ? /* @__PURE__ */ c(n, {
+					variant: "list",
+					count: 2
+				}) : h.length === 0 ? /* @__PURE__ */ c("p", {
+					className: "text-center text-sm text-muted-foreground py-4",
+					children: "No active timers on the server"
+				}) : /* @__PURE__ */ c("div", {
+					className: "flex flex-col gap-2",
+					children: h.map((t) => /* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between rounded-lg border border-border p-3",
+						children: [/* @__PURE__ */ l("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ c("p", {
+								className: "text-sm font-medium text-foreground",
+								children: t.timeEntry.project?.name ?? "No Project"
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: t.timeEntry.description ?? "No description"
+							})]
+						}), /* @__PURE__ */ c("p", {
+							className: "ml-4 text-sm font-mono font-medium text-foreground",
+							children: e(t.elapsedSeconds)
+						})]
+					}, t.timeEntry.id))
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { u as TimerPage };
+
+//# sourceMappingURL=TimerPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimerPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimerPage.tsx"],"sourcesContent":["import { Play, Square, RotateCcw } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n  useListRunningTimersQuery,\n  type ListRunningTimersQuery,\n} from \"@/generated/wspace-operations\";\n\ntype RunningTimerItem = ListRunningTimersQuery[\"runningTimers\"][number];\n\nexport function TimerPage() {\n  const { activeTimer, startTimer, stopTimer } = useTimeCampusStore();\n\n  const { data: runningData, loading: runningLoading } =\n    useListRunningTimersQuery();\n\n  const runningTimers = runningData?.runningTimers ?? [];\n\n  return (\n    <PageLayout title=\"Timer\" description=\"Focus timer for deep work sessions\">\n      <div className=\"mx-auto max-w-lg\">\n        <div className=\"rounded-xl border border-border bg-card p-8 text-center\">\n          <p className=\"text-6xl font-mono font-bold text-foreground\">\n            {activeTimer\n              ? formatTimerDuration(activeTimer.seconds)\n              : \"00:00:00\"}\n          </p>\n          {activeTimer?.description && (\n            <p className=\"mt-2 text-sm text-muted-foreground\">\n              {activeTimer.description}\n            </p>\n          )}\n          <div className=\"mt-6 flex items-center justify-center gap-3\">\n            {activeTimer ? (\n              <button\n                onClick={stopTimer}\n                className=\"inline-flex items-center gap-2 rounded-md bg-red-500 px-6 py-3 text-sm font-medium text-white hover:bg-red-600\"\n              >\n                <Square className=\"h-4 w-4\" />\n                Stop\n              </button>\n            ) : (\n              <button\n                onClick={() => startTimer()}\n                className=\"inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <Play className=\"h-4 w-4\" />\n                Start\n              </button>\n            )}\n            <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-muted/50\">\n              <RotateCcw className=\"h-4 w-4\" />\n              Reset\n            </button>\n          </div>\n        </div>\n\n        {/* Server-side running timers */}\n        <div className=\"mt-6 rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Running Timers\n          </h3>\n          {runningLoading ? (\n            <LoadingSkeleton variant=\"list\" count={2} />\n          ) : runningTimers.length === 0 ? (\n            <p className=\"text-center text-sm text-muted-foreground py-4\">\n              No active timers on the server\n            </p>\n          ) : (\n            <div className=\"flex flex-col gap-2\">\n              {runningTimers.map((timer: RunningTimerItem) => (\n                <div\n                  key={timer.timeEntry.id}\n                  className=\"flex items-center justify-between rounded-lg border border-border p-3\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {timer.timeEntry.project?.name ?? \"No Project\"}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {timer.timeEntry.description ?? \"No description\"}\n                    </p>\n                  </div>\n                  <p className=\"ml-4 text-sm font-mono font-medium text-foreground\">\n                    {formatTimerDuration(timer.elapsedSeconds)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,IAAY;CAC1B,IAAM,EAAE,gBAAa,eAAY,iBAAc,GAAoB,EAE7D,EAAE,MAAM,GAAa,SAAS,MAClC,GAA2B,EAEvB,IAAgB,GAAa,iBAAiB,EAAE;AAEtD,QACE,kBAAC,GAAD;EAAY,OAAM;EAAQ,aAAY;YACpC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD;MAAG,WAAU;gBACV,IACG,EAAoB,EAAY,QAAQ,GACxC;MACF,CAAA;KACH,GAAa,eACZ,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAY;MACX,CAAA;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IACC,kBAAC,UAAD;OACE,SAAS;OACT,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,OAEvB;WAET,kBAAC,UAAD;OACE,eAAe,GAAY;OAC3B,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,QAErB;UAEX,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,QAE1B;SACL;;KACF;OAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACJ,IACC,kBAAC,GAAD;KAAiB,SAAQ;KAAO,OAAO;KAAK,CAAA,GAC1C,EAAc,WAAW,IAC3B,kBAAC,KAAD;KAAG,WAAU;eAAiD;KAE1D,CAAA,GAEJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MAClB,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAM,UAAU,SAAS,QAAQ;QAChC,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAM,UAAU,eAAe;QAC9B,CAAA,CACA;UACN,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAoB,EAAM,eAAe;OACxC,CAAA,CACA;QAdC,EAAM,UAAU,GAcjB,CACN;KACE,CAAA,CAEJ;MACF;;EACK,CAAA"}

package/dist/timecampus/pages/time-approval/TimeApprovalPage.d.ts

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

package/dist/timecampus/pages/time-approval/TimeApprovalPage.d.ts.map

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

package/dist/timecampus/pages/time-approval/TimeApprovalPage.js

@@ -0,0 +1,130 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { formatDate as t, formatHours as n, getInitials as r, getStatusColor as i } from "../../utils/helpers.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { StatCard as o } from "../../components/StatCard.js";
+import { LoadingSkeleton as s } from "../../components/LoadingSkeleton.js";
+import { useApproveRequestMutation as c, useGetApprovalStatsQuery as l, useListApprovalRequestsQuery as u, useRejectRequestMutation as d } from "../../../generated/wspace-operations.js";
+import { CheckCircle as f, Clock as p, XCircle as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/timecampus/pages/time-approval/TimeApprovalPage.tsx
+function _() {
+	let { workspaceId: _ = "" } = e(), { data: v, loading: y, error: b } = u(), { data: x, loading: S, error: C } = l(), [w, { loading: T }] = c(), [E, { loading: D }] = d(), O = v?.approvalRequests?.items ?? [], k = x?.approvalStats, A = T || D, j = async (e) => {
+		await w({ variables: { id: e } });
+	}, M = async (e) => {
+		await E({ variables: {
+			id: e,
+			reason: "Rejected by reviewer"
+		} });
+	};
+	return y && S ? /* @__PURE__ */ h(a, {
+		title: "Time Approval",
+		description: "Review and approve team timesheets",
+		children: /* @__PURE__ */ h(s, {
+			variant: "list",
+			count: 4
+		})
+	}) : b && C ? /* @__PURE__ */ h(a, {
+		title: "Time Approval",
+		description: "Review and approve team timesheets",
+		children: /* @__PURE__ */ h("div", {
+			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			children: "Failed to load approval data. Please try again later."
+		})
+	}) : /* @__PURE__ */ g(a, {
+		title: "Time Approval",
+		description: "Review and approve team timesheets",
+		children: [/* @__PURE__ */ g("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ h(o, {
+					title: "Pending Approvals",
+					value: String(k?.pendingCount ?? 0),
+					icon: /* @__PURE__ */ h(p, { className: "h-5 w-5" }),
+					iconBgColor: "bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400"
+				}),
+				/* @__PURE__ */ h(o, {
+					title: "Approved This Week",
+					value: String(k?.approvedCount ?? 0),
+					icon: /* @__PURE__ */ h(f, { className: "h-5 w-5" }),
+					iconBgColor: "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400"
+				}),
+				/* @__PURE__ */ h(o, {
+					title: "Rejected",
+					value: String(k?.rejectedCount ?? 0),
+					icon: /* @__PURE__ */ h(m, { className: "h-5 w-5" }),
+					iconBgColor: "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400"
+				}),
+				/* @__PURE__ */ h(o, {
+					title: "Avg. Review Time",
+					value: k?.averageReviewTime ? `${Math.round(k.averageReviewTime)}h` : "N/A",
+					description: "Target: 24h"
+				})
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: "rounded-xl border border-border bg-card",
+			children: /* @__PURE__ */ g("div", {
+				className: "divide-y divide-border",
+				children: [O.length === 0 && !y && /* @__PURE__ */ h("div", {
+					className: "p-4 text-center text-sm text-muted-foreground",
+					children: "No approval requests found."
+				}), O.map((e) => /* @__PURE__ */ g("div", {
+					className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-sm font-medium text-primary",
+							children: r(e.userId)
+						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							className: "text-sm font-medium text-foreground",
+							children: e.userId
+						}), /* @__PURE__ */ g("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.period,
+								" · Submitted",
+								" ",
+								t(e.submittedAt)
+							]
+						})] })]
+					}), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-4",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ h("p", {
+									className: "text-sm font-medium text-foreground",
+									children: n(e.totalHours)
+								}), /* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: [n(e.billableHours), " billable"]
+								})]
+							}),
+							/* @__PURE__ */ h("span", {
+								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${i(e.status)}`,
+								children: e.status
+							}),
+							e.status === "PENDING" && /* @__PURE__ */ g("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ h("button", {
+									onClick: () => j(e.id),
+									disabled: A,
+									className: "rounded-md p-1.5 text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-900/20 disabled:opacity-50",
+									children: /* @__PURE__ */ h(f, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ h("button", {
+									onClick: () => M(e.id),
+									disabled: A,
+									className: "rounded-md p-1.5 text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 disabled:opacity-50",
+									children: /* @__PURE__ */ h(m, { className: "h-4 w-4" })
+								})]
+							})
+						]
+					})]
+				}, e.id))]
+			})
+		})]
+	});
+}
+//#endregion
+export { _ as TimeApprovalPage };
+
+//# sourceMappingURL=TimeApprovalPage.js.map

package/dist/timecampus/pages/time-approval/TimeApprovalPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeApprovalPage.js","names":[],"sources":["../../../../src/timecampus/pages/time-approval/TimeApprovalPage.tsx"],"sourcesContent":["import { CheckCircle, XCircle, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  getStatusColor,\n  getInitials,\n  formatHours,\n  formatDate,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListApprovalRequestsQuery,\n  useGetApprovalStatsQuery,\n  useApproveRequestMutation,\n  useRejectRequestMutation,\n  type ApprovalRequestFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TimeApprovalPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: requestsData,\n    loading: requestsLoading,\n    error: requestsError,\n  } = useListApprovalRequestsQuery();\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetApprovalStatsQuery();\n  const [approveRequest, { loading: approving }] = useApproveRequestMutation();\n  const [rejectRequest, { loading: rejecting }] = useRejectRequestMutation();\n\n  const requests = requestsData?.approvalRequests?.items ?? [];\n  const stats = statsData?.approvalStats;\n  const mutating = approving || rejecting;\n\n  const handleApprove = async (id: string) => {\n    await approveRequest({ variables: { id } });\n  };\n\n  const handleReject = async (id: string) => {\n    await rejectRequest({ variables: { id, reason: \"Rejected by reviewer\" } });\n  };\n\n  if (requestsLoading && statsLoading) {\n    return (\n      <PageLayout\n        title=\"Time Approval\"\n        description=\"Review and approve team timesheets\"\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (requestsError && statsError) {\n    return (\n      <PageLayout\n        title=\"Time Approval\"\n        description=\"Review and approve team timesheets\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load approval data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Time Approval\"\n      description=\"Review and approve team timesheets\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Pending Approvals\"\n          value={String(stats?.pendingCount ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400\"\n        />\n        <StatCard\n          title=\"Approved This Week\"\n          value={String(stats?.approvedCount ?? 0)}\n          icon={<CheckCircle className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\n        />\n        <StatCard\n          title=\"Rejected\"\n          value={String(stats?.rejectedCount ?? 0)}\n          icon={<XCircle className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400\"\n        />\n        <StatCard\n          title=\"Avg. Review Time\"\n          value={\n            stats?.averageReviewTime\n              ? `${Math.round(stats.averageReviewTime)}h`\n              : \"N/A\"\n          }\n          description=\"Target: 24h\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {requests.length === 0 && !requestsLoading && (\n            <div className=\"p-4 text-center text-sm text-muted-foreground\">\n              No approval requests found.\n            </div>\n          )}\n          {requests.map((request: ApprovalRequestFieldsFragment) => (\n            <div\n              key={request.id}\n              className=\"flex items-center justify-between p-4 hover:bg-muted/50 transition-colors\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-sm font-medium text-primary\">\n                  {getInitials(request.userId)}\n                </div>\n                <div>\n                  <p className=\"text-sm font-medium text-foreground\">\n                    {request.userId}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {request.period} &middot; Submitted{\" \"}\n                    {formatDate(request.submittedAt)}\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-foreground\">\n                    {formatHours(request.totalHours)}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {formatHours(request.billableHours)} billable\n                  </p>\n                </div>\n                <span\n                  className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(request.status)}`}\n                >\n                  {request.status}\n                </span>\n                {request.status === \"PENDING\" && (\n                  <div className=\"flex items-center gap-1\">\n                    <button\n                      onClick={() => handleApprove(request.id)}\n                      disabled={mutating}\n                      className=\"rounded-md p-1.5 text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-900/20 disabled:opacity-50\"\n                    >\n                      <CheckCircle className=\"h-4 w-4\" />\n                    </button>\n                    <button\n                      onClick={() => handleReject(request.id)}\n                      disabled={mutating}\n                      className=\"rounded-md p-1.5 text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 disabled:opacity-50\"\n                    >\n                      <XCircle className=\"h-4 w-4\" />\n                    </button>\n                  </div>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/widgets/WidgetDetailPage.d.ts

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

package/dist/timecampus/pages/widgets/WidgetDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/widgets/WidgetDetailPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,gBAAgB,4CAgG/B"}

package/dist/timecampus/pages/widgets/WidgetDetailPage.js

@@ -0,0 +1,96 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationQuery as r } from "../../../generated/wspace-operations.js";
+import { ArrowLeft as i, Download as a, LayoutGrid as o, Star as s } from "lucide-react";
+import { useParams as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/timecampus/pages/widgets/WidgetDetailPage.tsx
+function d() {
+	let { id: d } = c(), { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = r({
+		variables: { id: d ?? "" },
+		skip: !d
+	}), g = p?.configuration, _ = g?.value ?? {}, v = _.name ?? g?.key?.replace("widget.", "") ?? "Widget", y = g?.description ?? _.description ?? "A configurable dashboard widget for time tracking.", b = _.rating ?? 0, x = _.downloads ?? 0;
+	return m ? /* @__PURE__ */ l(t, {
+		title: "Widget Details",
+		description: "Loading...",
+		children: /* @__PURE__ */ l(n, { variant: "detail" })
+	}) : h || !g ? /* @__PURE__ */ l(t, {
+		title: "Widget Details",
+		description: `Widget ID: ${d}`,
+		actions: /* @__PURE__ */ u("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+			children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Back to Widgets"]
+		}),
+		children: /* @__PURE__ */ l("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: h ? "Failed to load widget details. Please try again later." : "Widget configuration not found."
+		})
+	}) : /* @__PURE__ */ l(t, {
+		title: "Widget Details",
+		description: `Widget ID: ${d}`,
+		actions: /* @__PURE__ */ u("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+			children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Back to Widgets"]
+		}),
+		children: /* @__PURE__ */ l("div", {
+			className: "mx-auto max-w-2xl",
+			children: /* @__PURE__ */ u("div", {
+				className: "rounded-xl border border-border bg-card p-6",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "flex items-start gap-4",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex h-16 w-16 items-center justify-center rounded-xl bg-primary/10",
+							children: /* @__PURE__ */ l(o, { className: "h-8 w-8 text-primary" })
+						}), /* @__PURE__ */ u("div", {
+							className: "flex-1",
+							children: [
+								/* @__PURE__ */ l("h2", {
+									className: "text-lg font-semibold text-foreground",
+									children: v
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "text-sm text-muted-foreground",
+									children: y
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "mt-2 flex items-center gap-3 text-sm text-muted-foreground",
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ l(s, { className: "h-4 w-4 fill-amber-400 text-amber-400" }), /* @__PURE__ */ l("span", { children: b })]
+										}),
+										/* @__PURE__ */ l("span", { children: "·" }),
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", { children: [x.toLocaleString(), " installs"] })]
+										})
+									]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "mt-6 flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+						children: /* @__PURE__ */ l("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Widget preview will render here"
+						})
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "mt-4 flex justify-end",
+						children: /* @__PURE__ */ l("button", {
+							className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+							children: "Install Widget"
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { d as WidgetDetailPage };
+
+//# sourceMappingURL=WidgetDetailPage.js.map

package/dist/timecampus/pages/widgets/WidgetDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/widgets/WidgetDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { LayoutGrid, ArrowLeft, Star, Download } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function WidgetDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: id ?? \"\" },\n    skip: !id,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n  const name =\n    (val.name as string) ?? config?.key?.replace(\"widget.\", \"\") ?? \"Widget\";\n  const description =\n    config?.description ??\n    (val.description as string) ??\n    \"A configurable dashboard widget for time tracking.\";\n  const rating = (val.rating as number) ?? 0;\n  const installs = (val.downloads as number) ?? 0;\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Widget Details\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !config) {\n    return (\n      <PageLayout\n        title=\"Widget Details\"\n        description={`Widget ID: ${id}`}\n        actions={\n          <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Widgets\n          </button>\n        }\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          {error\n            ? \"Failed to load widget details. Please try again later.\"\n            : \"Widget configuration not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Widget Details\"\n      description={`Widget ID: ${id}`}\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Widgets\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-xl bg-primary/10\">\n              <LayoutGrid className=\"h-8 w-8 text-primary\" />\n            </div>\n            <div className=\"flex-1\">\n              <h2 className=\"text-lg font-semibold text-foreground\">{name}</h2>\n              <p className=\"text-sm text-muted-foreground\">{description}</p>\n              <div className=\"mt-2 flex items-center gap-3 text-sm text-muted-foreground\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-4 w-4 fill-amber-400 text-amber-400\" />\n                  <span>{rating}</span>\n                </div>\n                <span>&middot;</span>\n                <div className=\"flex items-center gap-1\">\n                  <Download className=\"h-4 w-4\" />\n                  <span>{installs.toLocaleString()} installs</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"mt-6 flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <p className=\"text-sm text-muted-foreground\">\n              Widget preview will render here\n            </p>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <button className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n              Install Widget\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAmB;CACjC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAM,IAAI;EAC3B,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,eACf,IAAO,GAAQ,SAAqC,EAAE,EACtD,IACH,EAAI,QAAmB,GAAQ,KAAK,QAAQ,WAAW,GAAG,IAAI,UAC3D,IACJ,GAAQ,eACP,EAAI,eACL,sDACI,IAAU,EAAI,UAAqB,GACnC,IAAY,EAAI,aAAwB;AA+B9C,QA7BI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAiB,aAAY;YAC7C,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,KAAS,CAAC,IAEV,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,cAAc;EAC3B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,kBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,2DACA;GACA,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,cAAc;EAC3B,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,kBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAY,WAAU,wBAAyB,CAAA;OAC3C,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAyC;SAAU,CAAA;QACjE,kBAAC,KAAD;SAAG,WAAU;mBAAiC;SAAgB,CAAA;QAC9D,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,yCAA0C,CAAA,EAC1D,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;;UACN,kBAAC,QAAD,EAAA,UAAM,KAAe,CAAA;UACrB,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAS,gBAAgB,EAAC,YAAgB,EAAA,CAAA,CAC7C;;UACF;;QACF;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAEzC,CAAA;MACA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,WAAU;iBAAkG;OAE3G,CAAA;MACL,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/widgets/WidgetsPage.d.ts

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

package/dist/timecampus/pages/widgets/WidgetsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/widgets/WidgetsPage.tsx"],"names":[],"mappings":"AASA,wBAAgB,WAAW,4CAyG1B"}

package/dist/timecampus/pages/widgets/WidgetsPage.js

@@ -0,0 +1,77 @@
+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 { LayoutGrid as i, Plus as a, Star as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/timecampus/pages/widgets/WidgetsPage.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("widget."));
+	return d ? /* @__PURE__ */ s(t, {
+		title: "Widgets",
+		description: "Customize your dashboard with widgets",
+		children: /* @__PURE__ */ s(n, {
+			variant: "card",
+			count: 6
+		})
+	}) : f ? /* @__PURE__ */ s(t, {
+		title: "Widgets",
+		description: "Customize your dashboard with widgets",
+		children: /* @__PURE__ */ s("div", {
+			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			children: "Failed to load widget configurations. Please try again later."
+		})
+	}) : /* @__PURE__ */ s(t, {
+		title: "Widgets",
+		description: "Customize your dashboard with widgets",
+		actions: /* @__PURE__ */ c("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			children: [/* @__PURE__ */ s(a, { className: "h-4 w-4" }), "Create Widget"]
+		}),
+		children: /* @__PURE__ */ s("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: p.length === 0 ? /* @__PURE__ */ s("div", {
+				className: "col-span-full p-8 text-center text-sm text-muted-foreground",
+				children: "No widgets configured yet. Widgets are stored as workspace configurations with the \"widget.\" key prefix."
+			}) : p.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("widget.", ""), r = t.category ?? "General", a = t.size ?? "medium", l = t.isInstalled ?? !1, u = t.rating ?? 0, d = t.downloads ?? 0;
+				return /* @__PURE__ */ c("div", {
+					className: "rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex items-start justify-between",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10",
+								children: /* @__PURE__ */ s(i, { className: "h-5 w-5 text-primary" })
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-semibold text-foreground",
+								children: n
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									r,
+									" · ",
+									a
+								]
+							})] })]
+						}), l && /* @__PURE__ */ s("span", {
+							className: "inline-flex 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: "Installed"
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "mt-3 flex items-center justify-between text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ s(o, { className: "h-3 w-3 fill-amber-400 text-amber-400" }), /* @__PURE__ */ s("span", { children: u })]
+						}), /* @__PURE__ */ c("span", { children: [d, " downloads"] })]
+					})]
+				}, e.id);
+			})
+		})
+	});
+}
+//#endregion
+export { l as WidgetsPage };
+
+//# sourceMappingURL=WidgetsPage.js.map

package/dist/timecampus/pages/widgets/WidgetsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetsPage.js","names":[],"sources":["../../../../src/timecampus/pages/widgets/WidgetsPage.tsx"],"sourcesContent":["import { LayoutGrid, Plus, Star } 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 WidgetsPage() {\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 widgets (key starts with 'widget.')\n  const widgets = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"widget.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Widgets\"\n        description=\"Customize your dashboard with widgets\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Widgets\"\n        description=\"Customize your dashboard with widgets\"\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 widget configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Widgets\"\n      description=\"Customize your dashboard with widgets\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Create Widget\n        </button>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {widgets.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-muted-foreground\">\n            No widgets configured yet. Widgets are stored as workspace\n            configurations with the \"widget.\" key prefix.\n          </div>\n        ) : (\n          widgets.map((widget: ConfigurationFieldsFragment) => {\n            const val = widget.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? widget.key.replace(\"widget.\", \"\");\n            const category = (val.category as string) ?? \"General\";\n            const size = (val.size as string) ?? \"medium\";\n            const isInstalled = (val.isInstalled as boolean) ?? false;\n            const rating = (val.rating as number) ?? 0;\n            const downloads = (val.downloads as number) ?? 0;\n\n            return (\n              <div\n                key={widget.id}\n                className=\"rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10\">\n                      <LayoutGrid className=\"h-5 w-5 text-primary\" />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-semibold text-foreground\">\n                        {name}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {category} &middot; {size}\n                      </p>\n                    </div>\n                  </div>\n                  {isInstalled && (\n                    <span className=\"inline-flex 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\">\n                      Installed\n                    </span>\n                  )}\n                </div>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\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                  <span>{downloads} downloads</span>\n                </div>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,IAAc;CAC5B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGlB,QAAQ,MACrC,EAAE,IAAI,WAAW,UAAU,CAC5B;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;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;IAAK,WAAU;cAA8D;IAGvE,CAAA,GAEN,EAAQ,KAAK,MAAwC;IACnD,IAAM,IAAM,EAAO,OACb,IACH,EAAI,QAAmB,EAAO,IAAI,QAAQ,WAAW,GAAG,EACrD,IAAY,EAAI,YAAuB,WACvC,IAAQ,EAAI,QAAmB,UAC/B,IAAe,EAAI,eAA2B,IAC9C,IAAU,EAAI,UAAqB,GACnC,IAAa,EAAI,aAAwB;AAE/C,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAY,WAAU,wBAAyB,CAAA;QAC3C,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV;QACC,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG;SAAS;SAAW;SACnB;UACA,EAAA,CAAA,CACF;UACL,KACC,kBAAC,QAAD;OAAM,WAAU;iBAAwI;OAEjJ,CAAA,CAEL;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,yCAA0C,CAAA,EAC1D,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;UACN,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAU,aAAiB,EAAA,CAAA,CAC9B;QACF;OA9BC,EAAO,GA8BR;KAER;GAEA,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/work-patterns/WorkPatternsPage.d.ts

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

package/dist/timecampus/pages/work-patterns/WorkPatternsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkPatternsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/work-patterns/WorkPatternsPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,gBAAgB,4CAoI/B"}

package/dist/timecampus/pages/work-patterns/WorkPatternsPage.js

@@ -0,0 +1,95 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetWorkPatternSummaryQuery as i, useListWorkPatternsQuery as a } from "../../../generated/wspace-operations.js";
+import { Brain as o, Clock as s, TrendingUp as c, Zap as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/timecampus/pages/work-patterns/WorkPatternsPage.tsx
+function f() {
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = a({
+		variables: { limit: 30 },
+		skip: !f
+	}), { data: g, loading: _, error: v } = i({ skip: !f }), y = m || _, b = h || v, x = g?.workPatternSummary, S = (p?.workPatterns ?? [])[0], C = x?.averageProductivity == null ? "--" : `${Math.round(x.averageProductivity)}%`, w = S?.focusHours == null ? "--" : `${S.focusHours.toFixed(1)}h`, T = S ? (S.focusHours + S.meetingHours + S.breakHours).toFixed(0) : "8", E = S?.deepWorkSessions == null ? "--" : String(S.deepWorkSessions), D = x?.mostProductiveDay ?? "--";
+	return y ? /* @__PURE__ */ u(t, {
+		title: "Work Patterns",
+		description: "Analyze your work habits and productivity patterns",
+		children: /* @__PURE__ */ u(r, {
+			variant: "card",
+			count: 4
+		})
+	}) : b ? /* @__PURE__ */ u(t, {
+		title: "Work Patterns",
+		description: "Analyze your work habits and productivity patterns",
+		children: /* @__PURE__ */ u("div", {
+			className: "rounded-xl border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+			children: "Failed to load work patterns. Please try again later."
+		})
+	}) : /* @__PURE__ */ d(t, {
+		title: "Work Patterns",
+		description: "Analyze your work habits and productivity patterns",
+		children: [/* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ u(n, {
+					title: "Productivity Score",
+					value: C,
+					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
+					trend: x?.averageProductivity == null ? void 0 : {
+						value: 5,
+						label: "vs last week"
+					}
+				}),
+				/* @__PURE__ */ u(n, {
+					title: "Focus Hours",
+					value: w,
+					icon: /* @__PURE__ */ u(o, { className: "h-5 w-5" }),
+					description: `Out of ${T}h total`
+				}),
+				/* @__PURE__ */ u(n, {
+					title: "Peak Day",
+					value: D,
+					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" }),
+					description: "Most productive day"
+				}),
+				/* @__PURE__ */ u(n, {
+					title: "Deep Work",
+					value: `${E} sessions`,
+					icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
+					description: "90+ min uninterrupted"
+				})
+			]
+		}), /* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+			children: [/* @__PURE__ */ d("div", {
+				className: "rounded-xl border border-border bg-card p-6",
+				children: [/* @__PURE__ */ u("h3", {
+					className: "mb-4 text-sm font-semibold text-foreground",
+					children: "Daily Work Pattern"
+				}), /* @__PURE__ */ u("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					children: /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Heatmap will render here"
+					})
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "rounded-xl border border-border bg-card p-6",
+				children: [/* @__PURE__ */ u("h3", {
+					className: "mb-4 text-sm font-semibold text-foreground",
+					children: "Energy Levels"
+				}), /* @__PURE__ */ u("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					children: /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Energy chart will render here"
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { f as WorkPatternsPage };
+
+//# sourceMappingURL=WorkPatternsPage.js.map