@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

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

@@ -1 +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 { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function 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-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\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      purpose=\"Discover optional add-ons that extend TimeCampus — integrations, extra trackers and views — and install the ones your workflow needs instead of living with a one-size-fits-all setup.\"\n    >\n      {storeApplets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No applets available yet\"\n          description=\"Store applets are managed as workspace configurations with the 'applet.store.' key prefix — once published, they'll appear here to browse and install.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\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-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Puzzle className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{description}</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-text-secondary\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 fill-amber-400 text-status-warning-text\" />\n                      <span>{rating}</span>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <Download className=\"h-3 w-3\" />\n                      <span>{downloads}</span>\n                    </div>\n                  </div>\n                  <button className=\"rounded-md bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n                    Install\n                  </button>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,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;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAa,WAAW,IACvB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAa,KAAK,MAAwC;IACzD,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;kBAA+B;QAAgB,CAAA,CACxD;SACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,mDAAoD,CAAA,EACpE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAO,GAAiB,CAAA,CACpB;UACF;UACN,kBAAC,UAAD;OAAQ,WAAU;iBAAuH;OAEhI,CAAA,CACL;QACF;OA7BC,EAAO,GA6BR;KAER;GACE,CAAA;EAEG,CAAA"}
+{"version":3,"file":"AppletStorePage.js","names":[],"sources":["../../../../src/timecampus/pages/applets/AppletStorePage.tsx"],"sourcesContent":["import { Puzzle, Store as StoreIcon } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nexport function AppletStorePage() {\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent 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-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\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      purpose=\"Discover optional add-ons that extend TimeCampus — integrations, extra trackers and views — and install the ones your workflow needs instead of living with a one-size-fits-all setup.\"\n    >\n      {storeApplets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No applets available yet\"\n          description=\"Store applets are managed as workspace configurations with the 'applet.store.' key prefix — once published, they'll appear here to browse and install.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\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\n            return (\n              <div\n                key={applet.id}\n                className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Puzzle className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{description}</p>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center justify-between\">\n                  <span className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                    {category}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(\"/store\")}\n                    className=\"inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                  >\n                    <StoreIcon className=\"h-3 w-3\" />\n                    Get it\n                  </button>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,EAAsB,WAAW,EACtD,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;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAa,WAAW,IACvB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAa,KAAK,MAAwC;IACzD,IAAM,IAAM,EAAO,OACb,IACH,EAAI,QAAmB,EAAO,IAAI,QAAQ,iBAAiB,GAAG,EAC3D,IACJ,EAAO,eAAgB,EAAI,eAA0B,IACjD,IAAY,EAAI,YAAuB;AAE7C,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;kBAA+B;QAAgB,CAAA,CACxD;SACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA,EACP,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,SAAS;OACjC,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,SAE1B;SACL;QACF;OA3BC,EAAO,GA2BR;KAER;GACE,CAAA;EAEG,CAAA"}

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

@@ -1,89 +1,101 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { getStatusColor as t } from "../../utils/helpers.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useListConfigurationsQuery as r } from "../../../generated/wspace-operations.js";
+import { getStatusColor as e } from "../../utils/helpers.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useDeleteConfigurationMutation as n, useListConfigurationsQuery as r } from "../../../generated/wspace-operations.js";
 import { PageLayout as i } from "../../components/PageLayout.js";
 import { EmptyState as a } from "../../components/EmptyState.js";
-import { Puzzle as o, Settings as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { GlassCard as u } from "@burdenoff/fe-libs/ui";
+import { TimeCampusConfigScope as o } from "../../../generated/wspace-types.js";
+import { useState as s } from "react";
+import { Puzzle as c, Trash2 as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlassCard as f } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/applets/InstalledAppletsPage.tsx
-function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({ variables: { scope: "WORKSPACE" } }), h = (f?.configurations ?? []).filter((e) => e.key.startsWith("applet.installed."));
-	return p ? /* @__PURE__ */ c(i, {
+function p() {
+	let { data: p, loading: m, error: h, refetch: g } = r({ variables: { scope: o.Workspace } }), [_] = n(), [v, y] = s(null), b = async (e) => {
+		y(e);
+		try {
+			await _({ variables: { id: e } }), await g();
+		} finally {
+			y(null);
+		}
+	}, x = (p?.configurations ?? []).filter((e) => e.key.startsWith("applet.installed."));
+	return m ? /* @__PURE__ */ u(i, {
 		title: "Installed Applets",
 		description: "Manage your installed applets and integrations",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ u(t, {
 			variant: "list",
 			count: 5
 		})
-	}) : m ? /* @__PURE__ */ c(i, {
+	}) : h ? /* @__PURE__ */ u(i, {
 		title: "Installed Applets",
 		description: "Manage your installed applets and integrations",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ u("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load installed applets. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(i, {
+	}) : /* @__PURE__ */ u(i, {
 		title: "Installed Applets",
 		description: "Manage your installed applets and integrations",
 		purpose: "See and manage every add-on running in your workspace — enable, configure or update them in one place so you stay in control of how TimeCampus is extended.",
-		children: h.length === 0 ? /* @__PURE__ */ c(a, {
+		children: x.length === 0 ? /* @__PURE__ */ u(a, {
 			illustration: "empty-generic",
 			title: "No applets installed yet",
 			description: "Browse the applet store to add integrations and trackers — installed applets are stored as workspace configurations and appear here."
-		}) : /* @__PURE__ */ c(u, {
+		}) : /* @__PURE__ */ u(f, {
 			treatment: "glass",
 			glow: !0,
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: "divide-y divide-border",
-				children: h.map((e) => {
-					let n = e.value, r = n.name ?? e.key.replace("applet.installed.", ""), i = n.category ?? "general", a = n.version ?? "1.0.0", u = n.author ?? "Unknown", d = n.isActive ?? !0, f = n.updateAvailable ?? !1;
-					return /* @__PURE__ */ l("div", {
+				children: x.map((t) => {
+					let n = t.value, r = n.name ?? t.key.replace("applet.installed.", ""), i = n.category ?? "general", a = n.version ?? "1.0.0", o = n.author ?? "Unknown", s = n.isActive ?? !0, f = n.updateAvailable ?? !1;
+					return /* @__PURE__ */ d("div", {
 						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ c("div", {
+							children: [/* @__PURE__ */ u("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-								children: /* @__PURE__ */ c(o, { className: "h-5 w-5 text-primary" })
-							}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+								children: /* @__PURE__ */ u(c, { className: "h-5 w-5 text-primary" })
+							}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ c("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: r
-								}), f && /* @__PURE__ */ c("span", {
+								}), f && /* @__PURE__ */ u("span", {
 									className: "inline-flex rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text",
 									children: "Update"
 								})]
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ d("p", {
 								className: "text-xs text-text-secondary",
 								children: [
 									"v",
 									a,
 									" · by ",
-									u,
+									o,
 									" · ",
 									i
 								]
 							})] })]
-						}), /* @__PURE__ */ l("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ c("span", {
-								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(d ? "active" : "inactive")}`,
-								children: d ? "Active" : "Disabled"
-							}), /* @__PURE__ */ c("button", {
-								className: "rounded-md p-1.5 hover:bg-bg-sunken",
-								children: /* @__PURE__ */ c(s, { className: "h-4 w-4 text-text-secondary" })
+							children: [/* @__PURE__ */ u("span", {
+								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${e(s ? "active" : "inactive")}`,
+								children: s ? "Active" : "Disabled"
+							}), /* @__PURE__ */ u("button", {
+								type: "button",
+								"aria-label": `Uninstall ${r}`,
+								disabled: v === t.id,
+								onClick: () => void b(t.id),
+								className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50",
+								children: /* @__PURE__ */ u(l, { className: "h-4 w-4" })
 							})]
 						})]
-					}, e.id);
+					}, t.id);
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { d as InstalledAppletsPage };
+export { p as InstalledAppletsPage };
 
 //# sourceMappingURL=InstalledAppletsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InstalledAppletsPage.js","names":[],"sources":["../../../../src/timecampus/pages/applets/InstalledAppletsPage.tsx"],"sourcesContent":["import { Puzzle, Settings } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { 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-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\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      purpose=\"See and manage every add-on running in your workspace — enable, configure or update them in one place so you stay in control of how TimeCampus is extended.\"\n    >\n      {applets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No applets installed yet\"\n          description=\"Browse the applet store to add integrations and trackers — installed applets are stored as workspace configurations and appear here.\"\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n          <div className=\"divide-y divide-border\">\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-bg-sunken/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-action-primary-bg/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-text-primary\">\n                          {name}\n                        </p>\n                        {hasUpdate && (\n                          <span className=\"inline-flex rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text\">\n                            Update\n                          </span>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-text-secondary\">\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-bg-sunken\">\n                      <Settings className=\"h-4 w-4 text-text-secondary\" />\n                    </button>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,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;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAQ,WAAW,IAClB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MAAwC;KACpD,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;mBAAmG;SAE5G,CAAA,CAEL;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA2C;SACvC;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,+BAAgC,CAAA;QAC7C,CAAA,CACL;SACF;QAjCC,EAAO,GAiCR;MAER;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}
+{"version":3,"file":"InstalledAppletsPage.js","names":[],"sources":["../../../../src/timecampus/pages/applets/InstalledAppletsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Puzzle, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor } from \"../../utils/helpers\";\nimport {\n  useListConfigurationsQuery,\n  useDeleteConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nexport function InstalledAppletsPage() {\n  const { data, loading, error, refetch } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n  const [deleteConfiguration] = useDeleteConfigurationMutation();\n  const [uninstallingId, setUninstallingId] = useState<string | null>(null);\n\n  const handleUninstall = async (id: string) => {\n    setUninstallingId(id);\n    try {\n      await deleteConfiguration({ variables: { id } });\n      await refetch();\n    } finally {\n      setUninstallingId(null);\n    }\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-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\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      purpose=\"See and manage every add-on running in your workspace — enable, configure or update them in one place so you stay in control of how TimeCampus is extended.\"\n    >\n      {applets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No applets installed yet\"\n          description=\"Browse the applet store to add integrations and trackers — installed applets are stored as workspace configurations and appear here.\"\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n          <div className=\"divide-y divide-border\">\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-bg-sunken/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-action-primary-bg/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-text-primary\">\n                          {name}\n                        </p>\n                        {hasUpdate && (\n                          <span className=\"inline-flex rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text\">\n                            Update\n                          </span>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-text-secondary\">\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\n                      type=\"button\"\n                      aria-label={`Uninstall ${name}`}\n                      disabled={uninstallingId === applet.id}\n                      onClick={() => void handleUninstall(applet.id)}\n                      className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50\"\n                    >\n                      <Trash2 className=\"h-4 w-4\" />\n                    </button>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,YAAS,UAAO,eAAY,EAA2B,EACnE,WAAW,EAAE,OAAO,EAAsB,WAAW,EACtD,CAAC,EACI,CAAC,KAAuB,GAAgC,EACxD,CAAC,GAAgB,KAAqB,EAAwB,KAAK,EAEnE,IAAkB,OAAO,MAAe;AAC5C,IAAkB,EAAG;AACrB,MAAI;AAEF,GADA,MAAM,EAAoB,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAChD,MAAM,GAAS;YACP;AACR,KAAkB,KAAK;;IAOrB,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;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAQ,WAAW,IAClB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MAAwC;KACpD,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;mBAAmG;SAE5G,CAAA,CAEL;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA2C;SACvC;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;QACE,MAAK;QACL,cAAY,aAAa;QACzB,UAAU,MAAmB,EAAO;QACpC,eAAe,KAAK,EAAgB,EAAO,GAAG;QAC9C,WAAU;kBAEV,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;QACvB,CAAA,CACL;SACF;QAvCC,EAAO,GAuCR;MAER;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}