@burdenoff/microfe-timecampus 2026.510.104

package/dist/timecampus/hooks/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/timecampus/hooks/useToast.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ;;sBAGe,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;sBAUjB,MAAM;qBAKjC,MAAM,YAAY,MAAM;mBAKxB,MAAM,YAAY,MAAM;qBAKxB,MAAM,YAAY,MAAM;kBAKxB,MAAM,YAAY,MAAM;EAMnC"}

package/dist/timecampus/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TimeCampus Microfrontend - Module Entry Point
+ * @module @burdenoff/microfe-timecampus
+ */
+export { TimeCampusRoot } from './TimeCampusRoot';
+export type { TimeCampusRootProps, NavItem, FooterItem } from './types';
+export { useTimeCampus, useTimeCampusNavigate, } from './providers/TimeCampusProvider';
+export { useTimeCampusStore } from './store/timecampusStore';
+export * from '../generated/wspace-operations';
+//# sourceMappingURL=index.d.ts.map

package/dist/timecampus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/timecampus/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGxE,OAAO,EACL,aAAa,EACb,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,cAAc,gCAAgC,CAAC"}

package/dist/timecampus/index.js

@@ -0,0 +1,4 @@
+import "./providers/TimeCampusProvider.js";
+import "./store/timecampusStore.js";
+import "../generated/wspace-operations.js";
+import "./TimeCampusRoot.js";

package/dist/timecampus/pages/HomePage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const HomePage: FC;
+//# sourceMappingURL=HomePage.d.ts.map

package/dist/timecampus/pages/HomePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/timecampus/pages/HomePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwBhC,eAAO,MAAM,QAAQ,EAAE,EAyUtB,CAAC"}

package/dist/timecampus/pages/HomePage.js

@@ -0,0 +1,239 @@
+import { cn as e, formatHours as t, formatTimerDuration as n } from "../utils/helpers.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { StatCard as i } from "../components/StatCard.js";
+import { LoadingSkeleton as a } from "../components/LoadingSkeleton.js";
+import { useTimeCampusStore as o } from "../store/timecampusStore.js";
+import { useGetTimeEntryStatsQuery as s, useListTimeEntriesQuery as c } from "../../generated/wspace-operations.js";
+import { ArrowRight as l, BarChart3 as u, CheckCircle as d, Clock as f, FolderOpen as p, Play as m, Timer as h, TrendingUp as g, Users as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/timecampus/pages/HomePage.tsx
+var S = () => {
+	let { t: S } = x(), C = (e, t) => {
+		let n = S(e);
+		return n === e ? t : n;
+	}, { activeTimer: w, startTimer: T, stopTimer: E } = o(), { data: D, loading: O } = s(), { data: k, loading: A } = c({ variables: { limit: 4 } }), j = D?.timeEntryStats, M = k?.timeEntries?.items ?? [];
+	return O && A ? /* @__PURE__ */ y(r, {
+		title: C("timecampus.home.title", "Dashboard"),
+		description: C("timecampus.home.description", "Overview of your time tracking and productivity"),
+		children: /* @__PURE__ */ y(a, {
+			variant: "card",
+			count: 4
+		})
+	}) : /* @__PURE__ */ b(r, {
+		title: C("timecampus.home.title", "Dashboard"),
+		description: C("timecampus.home.description", "Overview of your time tracking and productivity"),
+		actions: /* @__PURE__ */ y("button", {
+			onClick: () => w ? E() : T(),
+			className: e("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", w ? "bg-red-500 text-white hover:bg-red-600" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+			children: w ? /* @__PURE__ */ b(v, { children: [
+				/* @__PURE__ */ y(h, { className: "h-4 w-4" }),
+				n(w.seconds),
+				" -",
+				" ",
+				C("timecampus.home.actions.stop", "Stop")
+			] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(m, { className: "h-4 w-4" }), C("timecampus.home.actions.startTimer", "Start Timer")] })
+		}),
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ y(i, {
+						title: C("timecampus.home.stats.today", "Today"),
+						value: t(j?.totalHours ?? 0),
+						icon: /* @__PURE__ */ y(f, { className: "h-5 w-5" }),
+						trend: {
+							value: 12.5,
+							label: C("timecampus.home.stats.vsYesterday", "vs yesterday")
+						}
+					}),
+					/* @__PURE__ */ y(i, {
+						title: C("timecampus.home.stats.billable", "Billable"),
+						value: t(j?.billableHours ?? 0),
+						icon: /* @__PURE__ */ y(g, { className: "h-5 w-5" }),
+						description: `${j?.totalEntries ?? 0} ${C("timecampus.home.stats.entries", "entries")}`
+					}),
+					/* @__PURE__ */ y(i, {
+						title: C("timecampus.home.stats.activeTimers", "Active Timers"),
+						value: j?.activeTimers ?? 0,
+						icon: /* @__PURE__ */ y(p, { className: "h-5 w-5" }),
+						description: C("timecampus.home.stats.currentlyRunning", "Currently running")
+					}),
+					/* @__PURE__ */ y(i, {
+						title: C("timecampus.home.stats.totalEntries", "Entries"),
+						value: j?.totalEntries ?? 0,
+						icon: /* @__PURE__ */ y(u, { className: "h-5 w-5" }),
+						description: C("timecampus.home.stats.totalEntriesDescription", "Total time entries"),
+						iconBgColor: "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400"
+					})
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "lg:col-span-2 rounded-xl border border-border bg-card p-6",
+					children: [/* @__PURE__ */ b("div", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: C("timecampus.home.recentEntries.title", "Recent Time Entries")
+						}), /* @__PURE__ */ y("p", {
+							className: "text-xs text-muted-foreground",
+							children: C("timecampus.home.recentEntries.description", "Your latest tracked activities")
+						})] }), /* @__PURE__ */ b("button", {
+							className: "flex items-center gap-1 text-xs text-primary hover:underline",
+							children: [
+								C("timecampus.home.recentEntries.viewAll", "View all"),
+								" ",
+								/* @__PURE__ */ y(l, { className: "h-3 w-3" })
+							]
+						})]
+					}), A ? /* @__PURE__ */ y(a, {
+						variant: "list",
+						count: 4
+					}) : /* @__PURE__ */ b("div", {
+						className: "flex flex-col gap-3",
+						children: [M.map((e) => /* @__PURE__ */ b("div", {
+							className: "flex items-center justify-between rounded-lg border border-border p-3 transition-colors hover:bg-muted/50",
+							children: [/* @__PURE__ */ b("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ y("p", {
+									className: "text-sm font-medium text-foreground",
+									children: e.project?.name ?? C("timecampus.home.recentEntries.noProject", "No Project")
+								}), /* @__PURE__ */ y("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.description ?? C("timecampus.home.recentEntries.noDescription", "No description")
+								})]
+							}), /* @__PURE__ */ b("div", {
+								className: "ml-4 text-right",
+								children: [/* @__PURE__ */ y("p", {
+									className: "text-sm font-mono font-medium text-foreground",
+									children: t((e.duration ?? 0) / 3600)
+								}), /* @__PURE__ */ y("span", {
+									className: "inline-flex items-center rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400",
+									children: e.isRunning ? C("timecampus.home.recentEntries.status.running", "running") : C("timecampus.home.recentEntries.status.completed", "completed")
+								})]
+							})]
+						}, e.id)), M.length === 0 && /* @__PURE__ */ y("p", {
+							className: "text-center text-sm text-muted-foreground py-4",
+							children: C("timecampus.home.recentEntries.empty", "No time entries yet")
+						})]
+					})]
+				}), /* @__PURE__ */ b("div", {
+					className: "rounded-xl border border-border bg-card p-6",
+					children: [/* @__PURE__ */ b("div", {
+						className: "mb-4",
+						children: [/* @__PURE__ */ y("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: C("timecampus.home.summary.title", "Quick Summary")
+						}), /* @__PURE__ */ y("p", {
+							className: "text-xs text-muted-foreground",
+							children: C("timecampus.home.summary.description", "Time tracking overview")
+						})]
+					}), /* @__PURE__ */ b("div", {
+						className: "flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ b("div", {
+								className: "flex items-center justify-between rounded-lg border border-border p-3",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-xs font-medium text-muted-foreground",
+									children: C("timecampus.home.summary.totalHours", "Total Hours")
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-1 text-xl font-bold text-foreground",
+									children: t(j?.totalHours ?? 0)
+								})] }), /* @__PURE__ */ y(f, { className: "h-5 w-5 text-muted-foreground" })]
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "flex items-center justify-between rounded-lg border border-border p-3",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-xs font-medium text-muted-foreground",
+									children: C("timecampus.home.summary.billableHours", "Billable Hours")
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-1 text-xl font-bold text-foreground",
+									children: t(j?.billableHours ?? 0)
+								})] }), /* @__PURE__ */ y(g, { className: "h-5 w-5 text-muted-foreground" })]
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "flex items-center justify-between rounded-lg border border-border p-3",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-xs font-medium text-muted-foreground",
+									children: C("timecampus.home.summary.activeTimers", "Active Timers")
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-1 text-xl font-bold text-foreground",
+									children: j?.activeTimers ?? 0
+								})] }), /* @__PURE__ */ y(_, { className: "h-5 w-5 text-muted-foreground" })]
+							})
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "rounded-xl border border-border bg-card p-6",
+				children: [/* @__PURE__ */ b("div", {
+					className: "mb-4",
+					children: [/* @__PURE__ */ y("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: C("timecampus.home.quickActions.title", "Quick Actions")
+					}), /* @__PURE__ */ y("p", {
+						className: "text-xs text-muted-foreground",
+						children: C("timecampus.home.quickActions.description", "Frequently used features")
+					})]
+				}), /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6",
+					children: [
+						{
+							label: C("timecampus.home.quickActions.startTimer.label", "Start Timer"),
+							icon: m,
+							description: C("timecampus.home.quickActions.startTimer.description", "Track your time")
+						},
+						{
+							label: C("timecampus.home.quickActions.viewProjects.label", "View Projects"),
+							icon: p,
+							description: C("timecampus.home.quickActions.viewProjects.description", "Manage projects")
+						},
+						{
+							label: C("timecampus.home.quickActions.timeEntries.label", "Time Entries"),
+							icon: f,
+							description: C("timecampus.home.quickActions.timeEntries.description", "View all entries")
+						},
+						{
+							label: C("timecampus.home.quickActions.teamActivity.label", "Team Activity"),
+							icon: _,
+							description: C("timecampus.home.quickActions.teamActivity.description", "See team status")
+						},
+						{
+							label: C("timecampus.home.quickActions.reports.label", "Reports"),
+							icon: u,
+							description: C("timecampus.home.quickActions.reports.description", "Generate reports")
+						},
+						{
+							label: C("timecampus.home.quickActions.approvals.label", "Approvals"),
+							icon: d,
+							description: C("timecampus.home.quickActions.approvals.description", "Review timesheets")
+						}
+					].map(({ label: e, icon: t, description: n }) => /* @__PURE__ */ b("button", {
+						className: "flex flex-col items-center gap-2 rounded-lg border border-border bg-background p-4 text-center transition-colors hover:bg-muted/50",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "rounded-full bg-primary/10 p-3",
+								children: /* @__PURE__ */ y(t, { className: "h-5 w-5 text-primary" })
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "text-sm font-medium text-foreground",
+								children: e
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "text-xs text-muted-foreground",
+								children: n
+							})
+						]
+					}, e))
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { S as HomePage };
+
+//# sourceMappingURL=HomePage.js.map

package/dist/timecampus/pages/HomePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/timecampus/pages/HomePage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  Clock,\n  FolderOpen,\n  Users,\n  TrendingUp,\n  Timer,\n  CheckCircle,\n  BarChart3,\n  Play,\n  ArrowRight,\n} from \"lucide-react\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { StatCard } from \"../components/StatCard\";\nimport { LoadingSkeleton } from \"../components/LoadingSkeleton\";\nimport { cn, 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 const HomePage: FC = () => {\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: 4 },\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const recentEntries = entriesData?.timeEntries?.items ?? [];\n\n  if (statsLoading && entriesLoading) {\n    return (\n      <PageLayout\n        title={t(\"timecampus.home.title\", \"Dashboard\")}\n        description={t(\n          \"timecampus.home.description\",\n          \"Overview of your time tracking and productivity\",\n        )}\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={t(\"timecampus.home.title\", \"Dashboard\")}\n      description={t(\n        \"timecampus.home.description\",\n        \"Overview of your time tracking and productivity\",\n      )}\n      actions={\n        <button\n          onClick={() => (activeTimer ? stopTimer() : startTimer())}\n          className={cn(\n            \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n            activeTimer\n              ? \"bg-red-500 text-white hover:bg-red-600\"\n              : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n          )}\n        >\n          {activeTimer ? (\n            <>\n              <Timer className=\"h-4 w-4\" />\n              {formatTimerDuration(activeTimer.seconds)} -{\" \"}\n              {t(\"timecampus.home.actions.stop\", \"Stop\")}\n            </>\n          ) : (\n            <>\n              <Play className=\"h-4 w-4\" />\n              {t(\"timecampus.home.actions.startTimer\", \"Start Timer\")}\n            </>\n          )}\n        </button>\n      }\n    >\n      {/* Stat Cards */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n        <StatCard\n          title={t(\"timecampus.home.stats.today\", \"Today\")}\n          value={formatHours(stats?.totalHours ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{\n            value: 12.5,\n            label: t(\"timecampus.home.stats.vsYesterday\", \"vs yesterday\"),\n          }}\n        />\n        <StatCard\n          title={t(\"timecampus.home.stats.billable\", \"Billable\")}\n          value={formatHours(stats?.billableHours ?? 0)}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          description={`${stats?.totalEntries ?? 0} ${t(\"timecampus.home.stats.entries\", \"entries\")}`}\n        />\n        <StatCard\n          title={t(\"timecampus.home.stats.activeTimers\", \"Active Timers\")}\n          value={stats?.activeTimers ?? 0}\n          icon={<FolderOpen className=\"h-5 w-5\" />}\n          description={t(\n            \"timecampus.home.stats.currentlyRunning\",\n            \"Currently running\",\n          )}\n        />\n        <StatCard\n          title={t(\"timecampus.home.stats.totalEntries\", \"Entries\")}\n          value={stats?.totalEntries ?? 0}\n          icon={<BarChart3 className=\"h-5 w-5\" />}\n          description={t(\n            \"timecampus.home.stats.totalEntriesDescription\",\n            \"Total time entries\",\n          )}\n          iconBgColor=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Recent Time Entries */}\n        <div className=\"lg:col-span-2 rounded-xl border border-border bg-card p-6\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <div>\n              <h3 className=\"text-sm font-semibold text-foreground\">\n                {t(\n                  \"timecampus.home.recentEntries.title\",\n                  \"Recent Time Entries\",\n                )}\n              </h3>\n              <p className=\"text-xs text-muted-foreground\">\n                {t(\n                  \"timecampus.home.recentEntries.description\",\n                  \"Your latest tracked activities\",\n                )}\n              </p>\n            </div>\n            <button className=\"flex items-center gap-1 text-xs text-primary hover:underline\">\n              {t(\"timecampus.home.recentEntries.viewAll\", \"View all\")}{\" \"}\n              <ArrowRight className=\"h-3 w-3\" />\n            </button>\n          </div>\n          {entriesLoading ? (\n            <LoadingSkeleton variant=\"list\" count={4} />\n          ) : (\n            <div className=\"flex flex-col gap-3\">\n              {recentEntries.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.home.recentEntries.noProject\",\n                          \"No Project\",\n                        )}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {entry.description ??\n                        t(\n                          \"timecampus.home.recentEntries.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.home.recentEntries.status.running\",\n                            \"running\",\n                          )\n                        : t(\n                            \"timecampus.home.recentEntries.status.completed\",\n                            \"completed\",\n                          )}\n                    </span>\n                  </div>\n                </div>\n              ))}\n              {recentEntries.length === 0 && (\n                <p className=\"text-center text-sm text-muted-foreground py-4\">\n                  {t(\n                    \"timecampus.home.recentEntries.empty\",\n                    \"No time entries yet\",\n                  )}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Quick Summary */}\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <div className=\"mb-4\">\n            <h3 className=\"text-sm font-semibold text-foreground\">\n              {t(\"timecampus.home.summary.title\", \"Quick Summary\")}\n            </h3>\n            <p className=\"text-xs text-muted-foreground\">\n              {t(\n                \"timecampus.home.summary.description\",\n                \"Time tracking overview\",\n              )}\n            </p>\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n              <div>\n                <p className=\"text-xs font-medium text-muted-foreground\">\n                  {t(\"timecampus.home.summary.totalHours\", \"Total Hours\")}\n                </p>\n                <p className=\"mt-1 text-xl font-bold text-foreground\">\n                  {formatHours(stats?.totalHours ?? 0)}\n                </p>\n              </div>\n              <Clock className=\"h-5 w-5 text-muted-foreground\" />\n            </div>\n            <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n              <div>\n                <p className=\"text-xs font-medium text-muted-foreground\">\n                  {t(\"timecampus.home.summary.billableHours\", \"Billable Hours\")}\n                </p>\n                <p className=\"mt-1 text-xl font-bold text-foreground\">\n                  {formatHours(stats?.billableHours ?? 0)}\n                </p>\n              </div>\n              <TrendingUp className=\"h-5 w-5 text-muted-foreground\" />\n            </div>\n            <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n              <div>\n                <p className=\"text-xs font-medium text-muted-foreground\">\n                  {t(\"timecampus.home.summary.activeTimers\", \"Active Timers\")}\n                </p>\n                <p className=\"mt-1 text-xl font-bold text-foreground\">\n                  {stats?.activeTimers ?? 0}\n                </p>\n              </div>\n              <Users className=\"h-5 w-5 text-muted-foreground\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Quick Actions */}\n      <div className=\"rounded-xl border border-border bg-card p-6\">\n        <div className=\"mb-4\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            {t(\"timecampus.home.quickActions.title\", \"Quick Actions\")}\n          </h3>\n          <p className=\"text-xs text-muted-foreground\">\n            {t(\n              \"timecampus.home.quickActions.description\",\n              \"Frequently used features\",\n            )}\n          </p>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6\">\n          {[\n            {\n              label: t(\n                \"timecampus.home.quickActions.startTimer.label\",\n                \"Start Timer\",\n              ),\n              icon: Play,\n              description: t(\n                \"timecampus.home.quickActions.startTimer.description\",\n                \"Track your time\",\n              ),\n            },\n            {\n              label: t(\n                \"timecampus.home.quickActions.viewProjects.label\",\n                \"View Projects\",\n              ),\n              icon: FolderOpen,\n              description: t(\n                \"timecampus.home.quickActions.viewProjects.description\",\n                \"Manage projects\",\n              ),\n            },\n            {\n              label: t(\n                \"timecampus.home.quickActions.timeEntries.label\",\n                \"Time Entries\",\n              ),\n              icon: Clock,\n              description: t(\n                \"timecampus.home.quickActions.timeEntries.description\",\n                \"View all entries\",\n              ),\n            },\n            {\n              label: t(\n                \"timecampus.home.quickActions.teamActivity.label\",\n                \"Team Activity\",\n              ),\n              icon: Users,\n              description: t(\n                \"timecampus.home.quickActions.teamActivity.description\",\n                \"See team status\",\n              ),\n            },\n            {\n              label: t(\"timecampus.home.quickActions.reports.label\", \"Reports\"),\n              icon: BarChart3,\n              description: t(\n                \"timecampus.home.quickActions.reports.description\",\n                \"Generate reports\",\n              ),\n            },\n            {\n              label: t(\n                \"timecampus.home.quickActions.approvals.label\",\n                \"Approvals\",\n              ),\n              icon: CheckCircle,\n              description: t(\n                \"timecampus.home.quickActions.approvals.description\",\n                \"Review timesheets\",\n              ),\n            },\n          ].map(({ label, icon: Icon, description }) => (\n            <button\n              key={label}\n              className=\"flex flex-col items-center gap-2 rounded-lg border border-border bg-background p-4 text-center transition-colors hover:bg-muted/50\"\n            >\n              <div className=\"rounded-full bg-primary/10 p-3\">\n                <Icon className=\"h-5 w-5 text-primary\" />\n              </div>\n              <span className=\"text-sm font-medium text-foreground\">\n                {label}\n              </span>\n              <span className=\"text-xs text-muted-foreground\">\n                {description}\n              </span>\n            </button>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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E,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,sCAAsC,gBAAgB;MACtD,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,4CACA,2BACD;MACC,CAAA,CACA;QACN,kBAAC,OAAD;KAAK,WAAU;eACZ;MACC;OACE,OAAO,EACL,iDACA,cACD;OACD,MAAM;OACN,aAAa,EACX,uDACA,kBACD;OACF;MACD;OACE,OAAO,EACL,mDACA,gBACD;OACD,MAAM;OACN,aAAa,EACX,yDACA,kBACD;OACF;MACD;OACE,OAAO,EACL,kDACA,eACD;OACD,MAAM;OACN,aAAa,EACX,wDACA,mBACD;OACF;MACD;OACE,OAAO,EACL,mDACA,gBACD;OACD,MAAM;OACN,aAAa,EACX,yDACA,kBACD;OACF;MACD;OACE,OAAO,EAAE,8CAA8C,UAAU;OACjE,MAAM;OACN,aAAa,EACX,oDACA,mBACD;OACF;MACD;OACE,OAAO,EACL,gDACA,YACD;OACD,MAAM;OACN,aAAa,EACX,sDACA,oBACD;OACF;MACF,CAAC,KAAK,EAAE,UAAO,MAAM,GAAM,qBAC1B,kBAAC,UAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAM,WAAU,wBAAyB,CAAA;QACrC,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBACb;QACI,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb;QACI,CAAA;OACA;QAZF,EAYE,CACT;KACE,CAAA,CACF;;GACK"}

package/dist/timecampus/pages/applets/AppletStorePage.d.ts

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

package/dist/timecampus/pages/applets/AppletStorePage.d.ts.map

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

package/dist/timecampus/pages/applets/AppletStorePage.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 { Download as i, Puzzle as a, Star as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/timecampus/pages/applets/AppletStorePage.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("applet.store."));
+	return d ? /* @__PURE__ */ s(t, {
+		title: "Applet Store",
+		description: "Browse and install applets to extend TimeCampus",
+		children: /* @__PURE__ */ s(n, {
+			variant: "card",
+			count: 6
+		})
+	}) : f ? /* @__PURE__ */ s(t, {
+		title: "Applet Store",
+		description: "Browse and install applets to extend TimeCampus",
+		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 applet store data. Please try again later."
+		})
+	}) : /* @__PURE__ */ s(t, {
+		title: "Applet Store",
+		description: "Browse and install applets to extend TimeCampus",
+		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 applets available in the store yet. Store applets are managed as workspace configurations with the \"applet.store.\" key prefix."
+			}) : p.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("applet.store.", ""), r = e.description ?? t.description ?? "";
+				t.category;
+				let l = t.rating ?? 0, u = t.downloads ?? 0;
+				return /* @__PURE__ */ c("div", {
+					className: "rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10",
+							children: /* @__PURE__ */ s(a, { className: "h-6 w-6 text-primary" })
+						}), /* @__PURE__ */ c("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-semibold text-foreground",
+								children: n
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground",
+								children: r
+							})]
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "mt-3 flex items-center justify-between",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3 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: l })]
+							}), /* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ s(i, { className: "h-3 w-3" }), /* @__PURE__ */ s("span", { children: u })]
+							})]
+						}), /* @__PURE__ */ s("button", {
+							className: "rounded-md bg-primary px-3 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+							children: "Install"
+						})]
+					})]
+				}, e.id);
+			})
+		})
+	});
+}
+//#endregion
+export { l as AppletStorePage };
+
+//# sourceMappingURL=AppletStorePage.js.map

package/dist/timecampus/pages/applets/AppletStorePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppletStorePage.js","names":[],"sources":["../../../../src/timecampus/pages/applets/AppletStorePage.tsx"],"sourcesContent":["import { Puzzle, Star, Download } 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 AppletStorePage() {\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 store/available applets (key starts with 'applet.store.')\n  const storeApplets = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"applet.store.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Applet Store\"\n        description=\"Browse and install applets to extend TimeCampus\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Applet Store\"\n        description=\"Browse and install applets to extend TimeCampus\"\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 applet store data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Applet Store\"\n      description=\"Browse and install applets to extend TimeCampus\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {storeApplets.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-muted-foreground\">\n            No applets available in the store yet. Store applets are managed as\n            workspace configurations with the \"applet.store.\" key prefix.\n          </div>\n        ) : (\n          storeApplets.map((applet: ConfigurationFieldsFragment) => {\n            const val = applet.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? applet.key.replace(\"applet.store.\", \"\");\n            const description =\n              applet.description ?? (val.description as string) ?? \"\";\n            const category = (val.category as string) ?? \"general\";\n            const rating = (val.rating as number) ?? 0;\n            const downloads = (val.downloads as number) ?? 0;\n\n            return (\n              <div\n                key={applet.id}\n                className=\"rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10\">\n                    <Puzzle className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-foreground\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {description}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between\">\n                  <div className=\"flex items-center gap-3 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                    <div className=\"flex items-center gap-1\">\n                      <Download className=\"h-3 w-3\" />\n                      <span>{downloads}</span>\n                    </div>\n                  </div>\n                  <button className=\"rounded-md bg-primary px-3 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90\">\n                    Install\n                  </button>\n                </div>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,IAAkB;CAChC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGb,QAAQ,MAC1C,EAAE,IAAI,WAAW,gBAAgB,CAClC;AA0BD,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAa,WAAW,IACvB,kBAAC,OAAD;IAAK,WAAU;cAA8D;IAGvE,CAAA,GAEN,EAAa,KAAK,MAAwC;IACxD,IAAM,IAAM,EAAO,OACb,IACH,EAAI,QAAmB,EAAO,IAAI,QAAQ,iBAAiB,GAAG,EAC3D,IACJ,EAAO,eAAgB,EAAI,eAA0B;AACrC,MAAI;IACtB,IAAM,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;iBACb,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA;OACvC,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV;QACC,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV;QACC,CAAA,CACA;SACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,yCAA0C,CAAA,EAC1D,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAO,GAAiB,CAAA,CACpB;UACF;UACN,kBAAC,UAAD;OAAQ,WAAU;iBAAkG;OAE3G,CAAA,CACL;QACF;OA/BC,EAAO,GA+BR;KAER;GAEA,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/applets/InstalledAppletsPage.d.ts

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

package/dist/timecampus/pages/applets/InstalledAppletsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledAppletsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/applets/InstalledAppletsPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,oBAAoB,4CAyGnC"}

package/dist/timecampus/pages/applets/InstalledAppletsPage.js

@@ -0,0 +1,83 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { getStatusColor as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useListConfigurationsQuery as i } from "../../../generated/wspace-operations.js";
+import { Puzzle as a, Settings as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/timecampus/pages/applets/InstalledAppletsPage.tsx
+function l() {
+	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = i({ variables: { scope: "WORKSPACE" } }), p = (u?.configurations ?? []).filter((e) => e.key.startsWith("applet.installed."));
+	return d ? /* @__PURE__ */ s(n, {
+		title: "Installed Applets",
+		description: "Manage your installed applets and integrations",
+		children: /* @__PURE__ */ s(r, {
+			variant: "list",
+			count: 5
+		})
+	}) : f ? /* @__PURE__ */ s(n, {
+		title: "Installed Applets",
+		description: "Manage your installed applets and integrations",
+		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 installed applets. Please try again later."
+		})
+	}) : /* @__PURE__ */ s(n, {
+		title: "Installed Applets",
+		description: "Manage your installed applets and integrations",
+		children: /* @__PURE__ */ s("div", {
+			className: "rounded-xl border border-border bg-card",
+			children: /* @__PURE__ */ s("div", {
+				className: "divide-y divide-border",
+				children: p.length === 0 ? /* @__PURE__ */ s("div", {
+					className: "p-8 text-center text-sm text-muted-foreground",
+					children: "No applets installed yet. Installed applets are stored as workspace configurations with the \"applet.installed.\" key prefix."
+				}) : p.map((e) => {
+					let n = e.value, r = n.name ?? e.key.replace("applet.installed.", ""), i = n.category ?? "general", l = n.version ?? "1.0.0", u = n.author ?? "Unknown", d = n.isActive ?? !0, f = n.updateAvailable ?? !1;
+					return /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+						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(a, { className: "h-5 w-5 text-primary" })
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-sm font-medium text-foreground",
+									children: r
+								}), f && /* @__PURE__ */ s("span", {
+									className: "inline-flex rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
+									children: "Update"
+								})]
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									"v",
+									l,
+									" · by ",
+									u,
+									" · ",
+									i
+								]
+							})] })]
+						}), /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ s("span", {
+								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(d ? "active" : "inactive")}`,
+								children: d ? "Active" : "Disabled"
+							}), /* @__PURE__ */ s("button", {
+								className: "rounded-md p-1.5 hover:bg-muted",
+								children: /* @__PURE__ */ s(o, { className: "h-4 w-4 text-muted-foreground" })
+							})]
+						})]
+					}, e.id);
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { l as InstalledAppletsPage };
+
+//# sourceMappingURL=InstalledAppletsPage.js.map

package/dist/timecampus/pages/applets/InstalledAppletsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledAppletsPage.js","names":[],"sources":["../../../../src/timecampus/pages/applets/InstalledAppletsPage.tsx"],"sourcesContent":["import { Puzzle, Settings, ExternalLink } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function InstalledAppletsPage() {\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 installed applets (key starts with 'applet.installed.')\n  const applets = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"applet.installed.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Installed Applets\"\n        description=\"Manage your installed applets and integrations\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Installed Applets\"\n        description=\"Manage your installed applets and integrations\"\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 installed applets. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Installed Applets\"\n      description=\"Manage your installed applets and integrations\"\n    >\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {applets.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No applets installed yet. Installed applets are stored as\n              workspace configurations with the \"applet.installed.\" key prefix.\n            </div>\n          ) : (\n            applets.map((applet: ConfigurationFieldsFragment) => {\n              const val = applet.value as Record<string, unknown>;\n              const name =\n                (val.name as string) ??\n                applet.key.replace(\"applet.installed.\", \"\");\n              const category = (val.category as string) ?? \"general\";\n              const version = (val.version as string) ?? \"1.0.0\";\n              const author = (val.author as string) ?? \"Unknown\";\n              const isActive = (val.isActive as boolean) ?? true;\n              const hasUpdate = (val.updateAvailable as boolean) ?? false;\n\n              return (\n                <div\n                  key={applet.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-10 w-10 items-center justify-center rounded-lg bg-primary/10\">\n                      <Puzzle className=\"h-5 w-5 text-primary\" />\n                    </div>\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {name}\n                        </p>\n                        {hasUpdate && (\n                          <span className=\"inline-flex rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900/30 dark:text-blue-400\">\n                            Update\n                          </span>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground\">\n                        v{version} &middot; by {author} &middot; {category}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(isActive ? \"active\" : \"inactive\")}`}\n                    >\n                      {isActive ? \"Active\" : \"Disabled\"}\n                    </span>\n                    <button className=\"rounded-md p-1.5 hover:bg-muted\">\n                      <Settings className=\"h-4 w-4 text-muted-foreground\" />\n                    </button>\n                  </div>\n                </div>\n              );\n            })\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAuB;CACrC,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,oBAAoB,CACtC;AA0BD,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAAgD;KAGzD,CAAA,GAEN,EAAQ,KAAK,MAAwC;KACnD,IAAM,IAAM,EAAO,OACb,IACH,EAAI,QACL,EAAO,IAAI,QAAQ,qBAAqB,GAAG,EACvC,IAAY,EAAI,YAAuB,WACvC,IAAW,EAAI,WAAsB,SACrC,IAAU,EAAI,UAAqB,WACnC,IAAY,EAAI,YAAwB,IACxC,IAAa,EAAI,mBAA+B;AAEtD,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA;QACvC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACH,KACC,kBAAC,QAAD;SAAM,WAAU;mBAA4H;SAErI,CAAA,CAEL;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA6C;SACzC;SAAQ;SAAc;SAAO;SAAW;SACxC;UACA,EAAA,CAAA,CACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QACE,WAAW,4DAA4D,EAAe,IAAW,WAAW,WAAW;kBAEtH,IAAW,WAAW;QAClB,CAAA,EACP,kBAAC,UAAD;QAAQ,WAAU;kBAChB,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA;QAC/C,CAAA,CACL;SACF;QAjCC,EAAO,GAiCR;MAER;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/application-usage/ApplicationUsagePage.d.ts

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

package/dist/timecampus/pages/application-usage/ApplicationUsagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationUsagePage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/application-usage/ApplicationUsagePage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,oBAAoB,4CAwJnC"}