@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

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

@@ -1,96 +1,114 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
+import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.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";
+import { PageLayout as i } from "../../components/PageLayout.js";
+import { ArrowLeft as a, Download as o, LayoutGrid as s, Star as c } from "lucide-react";
+import { useParams as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlassCard as f, NextSteps as p } from "@burdenoff/fe-libs/ui";
 //#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, {
+function m() {
+	let { id: m } = l(), { workspaceId: h = "" } = e(), g = t(), { data: _, loading: v, error: y } = r({
+		variables: { id: m ?? "" },
+		skip: !m
+	}), b = _?.configuration, x = b?.value ?? {}, S = x.name ?? b?.key?.replace("widget.", "") ?? "Widget", C = b?.description ?? x.description ?? "A configurable dashboard widget for time tracking.", w = x.rating ?? 0, T = x.downloads ?? 0;
+	return v ? /* @__PURE__ */ u(i, {
 		title: "Widget Details",
 		description: "Loading...",
-		children: /* @__PURE__ */ l(n, { variant: "detail" })
-	}) : h || !g ? /* @__PURE__ */ l(t, {
+		children: /* @__PURE__ */ u(n, { variant: "detail" })
+	}) : y || !b ? /* @__PURE__ */ u(i, {
 		title: "Widget Details",
-		description: `Widget ID: ${d}`,
-		actions: /* @__PURE__ */ u("button", {
+		description: `Widget ID: ${m}`,
+		actions: /* @__PURE__ */ d("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-			children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Back to Widgets"]
+			children: [/* @__PURE__ */ u(a, { 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."
+		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: y ? "Failed to load widget details. Please try again later." : "Widget configuration not found."
 		})
-	}) : /* @__PURE__ */ l(t, {
+	}) : /* @__PURE__ */ u(i, {
 		title: "Widget Details",
-		description: `Widget ID: ${d}`,
-		actions: /* @__PURE__ */ u("button", {
+		description: `Widget ID: ${m}`,
+		purpose: "Preview what a widget shows and how it behaves before adding it to your dashboard, so you only install the panels that genuinely help you keep an eye on your time.",
+		actions: /* @__PURE__ */ d("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-			children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Back to Widgets"]
+			children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Back to Widgets"]
 		}),
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ u("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			children: [/* @__PURE__ */ u(p, {
+				storageKey: "timecampus-widget-detail",
+				className: "mb-6",
+				steps: [{
+					id: "install",
+					label: "Install this widget",
+					description: "Add it to your dashboard.",
+					onClick: () => {}
+				}, {
+					id: "browse",
+					label: "Browse other widgets",
+					description: "Find more panels for your dashboard.",
+					onClick: () => g("/widgets")
+				}]
+			}), /* @__PURE__ */ d(f, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ u("div", {
 							className: "flex h-16 w-16 items-center justify-center rounded-xl bg-action-primary-bg/10",
-							children: /* @__PURE__ */ l(o, { className: "h-8 w-8 text-primary" })
-						}), /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ u(s, { className: "h-8 w-8 text-primary" })
+						}), /* @__PURE__ */ d("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ l("h2", {
+								/* @__PURE__ */ u("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: v
+									children: S
 								}),
-								/* @__PURE__ */ l("p", {
+								/* @__PURE__ */ u("p", {
 									className: "text-sm text-text-secondary",
-									children: y
+									children: C
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ d("div", {
 									className: "mt-2 flex items-center gap-3 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ d("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 })]
+											children: [/* @__PURE__ */ u(c, { className: "h-4 w-4 fill-amber-400 text-status-warning-text" }), /* @__PURE__ */ u("span", { children: w })]
 										}),
-										/* @__PURE__ */ l("span", { children: "·" }),
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ u("span", { children: "·" }),
+										/* @__PURE__ */ d("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", { children: [x.toLocaleString(), " installs"] })]
+											children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: [T.toLocaleString(), " installs"] })]
 										})
 									]
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "mt-6 flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ l("p", {
+						children: /* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary",
 							children: "Widget preview will render here"
 						})
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "mt-4 flex justify-end",
-						children: /* @__PURE__ */ l("button", {
+						children: /* @__PURE__ */ u("button", {
 							className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 							children: "Install Widget"
 						})
 					})
 				]
-			})
+			})]
 		})
 	});
 }
 //#endregion
-export { d as WidgetDetailPage };
+export { m as WidgetDetailPage };
 
 //# sourceMappingURL=WidgetDetailPage.js.map

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

@@ -1 +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-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/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-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/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-subtle bg-bg-surface 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-action-primary-bg/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-text-primary\">{name}</h2>\n              <p className=\"text-sm text-text-secondary\">{description}</p>\n              <div className=\"mt-2 flex items-center gap-3 text-sm text-text-secondary\">\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-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Widget preview will render here\n            </p>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <button className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\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;mBAA2C;SAAU,CAAA;QACnE,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAgB,CAAA;QAC5D,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;iBAA8B;OAEvC,CAAA;MACA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,WAAU;iBAAuH;OAEhI,CAAA;MACL,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}
+{"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 { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function WidgetDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\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-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Widgets\n          </button>\n        }\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          {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      purpose=\"Preview what a widget shows and how it behaves before adding it to your dashboard, so you only install the panels that genuinely help you keep an eye on your time.\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Widgets\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl\">\n        <NextSteps\n          storageKey=\"timecampus-widget-detail\"\n          className=\"mb-6\"\n          steps={[\n            {\n              id: \"install\",\n              label: \"Install this widget\",\n              description: \"Add it to your dashboard.\",\n              onClick: () => {},\n            },\n            {\n              id: \"browse\",\n              label: \"Browse other widgets\",\n              description: \"Find more panels for your dashboard.\",\n              onClick: () => navigate(\"/widgets\"),\n            },\n          ]}\n        />\n        <GlassCard treatment=\"glass\" glow className=\"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-action-primary-bg/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-text-primary\">\n                {name}\n              </h2>\n              <p className=\"text-sm text-text-secondary\">{description}</p>\n              <div className=\"mt-2 flex items-center gap-3 text-sm text-text-secondary\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-4 w-4 fill-amber-400 text-status-warning-text\" />\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-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Widget preview will render here\n            </p>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <button className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n              Install Widget\n            </button>\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAmB;CACjC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,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,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,kBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,YAAW;IACX,WAAU;IACV,OAAO,CACL;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe;KAChB,EACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,WAAW;KACpC,CACF;IACD,CAAA,EACF,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C;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;mBACX;SACE,CAAA;QACL,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAgB,CAAA;QAC5D,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,mDAAoD,CAAA,EACpE,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;iBAA8B;OAEvC,CAAA;MACA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,WAAU;iBAAuH;OAEhI,CAAA;MACL,CAAA;KACI;MACR;;EACK,CAAA"}

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

@@ -1,70 +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";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useListConfigurationsQuery as n } from "../../../generated/wspace-operations.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { LayoutGrid as a, Plus as o, Star as s } from "lucide-react";
+import { jsx as c, jsxs as l } 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, {
+function u() {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = n({ variables: { scope: "WORKSPACE" } }), m = (d?.configurations ?? []).filter((e) => e.key.startsWith("widget."));
+	return f ? /* @__PURE__ */ c(r, {
 		title: "Widgets",
 		description: "Customize your dashboard with widgets",
-		children: /* @__PURE__ */ s(n, {
+		children: /* @__PURE__ */ c(t, {
 			variant: "card",
 			count: 6
 		})
-	}) : f ? /* @__PURE__ */ s(t, {
+	}) : p ? /* @__PURE__ */ c(r, {
 		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: /* @__PURE__ */ c("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load widget configurations. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(t, {
+	}) : /* @__PURE__ */ c(r, {
 		title: "Widgets",
 		description: "Customize your dashboard with widgets",
-		actions: /* @__PURE__ */ c("button", {
+		purpose: "Build a dashboard that shows what you care about — pick and arrange widgets for timers, projects, focus and team stats so your most important numbers are the first thing you see.",
+		actions: /* @__PURE__ */ l("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ s(a, { className: "h-4 w-4" }), "Create Widget"]
+			children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Create Widget"]
 		}),
-		children: /* @__PURE__ */ s("div", {
+		children: m.length === 0 ? /* @__PURE__ */ c(i, {
+			illustration: "empty-generic",
+			title: "No widgets configured yet",
+			description: "Add your first widget to start customising your dashboard — widgets are stored as workspace configurations and appear here.",
+			action: /* @__PURE__ */ l("button", {
+				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+				children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Create Widget"]
+			})
+		}) : /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: p.length === 0 ? /* @__PURE__ */ s("div", {
-				className: "col-span-full p-8 text-center text-sm text-text-secondary",
-				children: "No 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-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
-					children: [/* @__PURE__ */ c("div", {
+			children: m.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("widget.", ""), r = t.category ?? "General", i = t.size ?? "medium", o = t.isInstalled ?? !1, u = t.rating ?? 0, d = t.downloads ?? 0;
+				return /* @__PURE__ */ l("div", {
+					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
+					children: [/* @__PURE__ */ l("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ s("div", {
+							children: [/* @__PURE__ */ c("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-								children: /* @__PURE__ */ s(i, { className: "h-5 w-5 text-primary" })
-							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								children: /* @__PURE__ */ c(a, { className: "h-5 w-5 text-primary" })
+							}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 								className: "text-sm font-semibold text-text-primary",
 								children: n
-							}), /* @__PURE__ */ c("p", {
+							}), /* @__PURE__ */ l("p", {
 								className: "text-xs text-text-secondary",
 								children: [
 									r,
 									" · ",
-									a
+									i
 								]
 							})] })]
-						}), 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",
+						}), o && /* @__PURE__ */ c("span", {
+							className: "inline-flex rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text",
 							children: "Installed"
 						})]
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-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"] })]
+							children: [/* @__PURE__ */ c(s, { className: "h-3 w-3 fill-amber-400 text-status-warning-text" }), /* @__PURE__ */ c("span", { children: u })]
+						}), /* @__PURE__ */ l("span", { children: [d, " downloads"] })]
 					})]
 				}, e.id);
 			})
@@ -72,6 +79,6 @@ function l() {
 	});
 }
 //#endregion
-export { l as WidgetsPage };
+export { u as WidgetsPage };
 
 //# sourceMappingURL=WidgetsPage.js.map

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

@@ -1 +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-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n          <Plus className=\"h-4 w-4\" />\n          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-text-secondary\">\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-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/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-action-primary-bg/10\">\n                      <LayoutGrid className=\"h-5 w-5 text-primary\" />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-semibold text-text-primary\">\n                        {name}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {category} &middot; {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-text-secondary\">\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;cAA4D;IAGrE,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"}
+{"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 { 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 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-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\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      purpose=\"Build a dashboard that shows what you care about — pick and arrange widgets for timers, projects, focus and team stats so your most important numbers are the first thing you see.\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n          <Plus className=\"h-4 w-4\" />\n          Create Widget\n        </button>\n      }\n    >\n      {widgets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No widgets configured yet\"\n          description=\"Add your first widget to start customising your dashboard — widgets are stored as workspace configurations and appear here.\"\n          action={\n            <button className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n              <Plus className=\"h-4 w-4\" />\n              Create Widget\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\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-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/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-action-primary-bg/10\">\n                      <LayoutGrid className=\"h-5 w-5 text-primary\" />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-semibold text-text-primary\">\n                        {name}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {category} &middot; {size}\n                      </p>\n                    </div>\n                  </div>\n                  {isInstalled && (\n                    <span className=\"inline-flex rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n                      Installed\n                    </span>\n                  )}\n                </div>\n                <div className=\"mt-3 flex items-center justify-between 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                  <span>{downloads} downloads</span>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,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;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;YAGV,EAAQ,WAAW,IAClB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,MAAwC;IACpD,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;iBAAyG;OAElH,CAAA,CAEL;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,mDAAoD,CAAA,EACpE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA,CACjB;UACN,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAU,aAAiB,EAAA,CAAA,CAC9B;QACF;OA9BC,EAAO,GA8BR;KAER;GACE,CAAA;EAEG,CAAA"}

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

@@ -1,37 +1,39 @@
 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 { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetWorkPatternSummaryQuery as r, useListWorkPatternsQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.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({
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = i({
 		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, {
+	}), { data: g, loading: _, error: v } = r({ 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(a, {
 		title: "Work Patterns",
 		description: "Analyze your work habits and productivity patterns",
-		children: /* @__PURE__ */ u(r, {
+		children: /* @__PURE__ */ u(n, {
 			variant: "card",
 			count: 4
 		})
-	}) : b ? /* @__PURE__ */ u(t, {
+	}) : b ? /* @__PURE__ */ u(a, {
 		title: "Work Patterns",
 		description: "Analyze your work habits and productivity patterns",
 		children: /* @__PURE__ */ u("div", {
 			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 			children: "Failed to load work patterns. Please try again later."
 		})
-	}) : /* @__PURE__ */ d(t, {
+	}) : /* @__PURE__ */ d(a, {
 		title: "Work Patterns",
 		description: "Analyze your work habits and productivity patterns",
+		purpose: "Learn how you actually work across a typical week — when you focus best, where meetings pile up, and which day is your peak — so you can schedule deep work for the hours you're sharpest.",
 		children: [/* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ u(t, {
+					featured: !0,
 					title: "Productivity Score",
 					value: C,
 					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
@@ -40,19 +42,19 @@ function f() {
 						label: "vs last week"
 					}
 				}),
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ u(t, {
 					title: "Focus Hours",
 					value: w,
 					icon: /* @__PURE__ */ u(o, { className: "h-5 w-5" }),
 					description: `Out of ${T}h total`
 				}),
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ u(t, {
 					title: "Peak Day",
 					value: D,
 					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" }),
 					description: "Most productive day"
 				}),
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ u(t, {
 					title: "Deep Work",
 					value: `${E} sessions`,
 					icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
@@ -62,7 +64,7 @@ function f() {
 		}), /* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
 			children: [/* @__PURE__ */ d("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ u("h3", {
 					className: "mb-4 text-sm font-semibold text-text-primary",
 					children: "Daily Work Pattern"
@@ -74,7 +76,7 @@ function f() {
 					})
 				})]
 			}), /* @__PURE__ */ d("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 				children: [/* @__PURE__ */ u("h3", {
 					className: "mb-4 text-sm font-semibold text-text-primary",
 					children: "Energy Levels"

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

@@ -1 +1 @@
-{"version":3,"file":"WorkPatternsPage.js","names":[],"sources":["../../../../src/timecampus/pages/work-patterns/WorkPatternsPage.tsx"],"sourcesContent":["import { TrendingUp, Clock, Zap, Brain } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListWorkPatternsQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function WorkPatternsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: patternsData,\n    loading: patternsLoading,\n    error: patternsError,\n  } = useListWorkPatternsQuery({\n    variables: { limit: 30 },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n  } = useGetWorkPatternSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const loading = patternsLoading || summaryLoading;\n  const error = patternsError || summaryError;\n  const summary = summaryData?.workPatternSummary;\n  const patterns = patternsData?.workPatterns ?? [];\n\n  // Derive stats from the latest pattern entry\n  const latestPattern = patterns[0];\n  const productivityScore =\n    summary?.averageProductivity != null\n      ? `${Math.round(summary.averageProductivity)}%`\n      : \"--\";\n  const focusHours =\n    latestPattern?.focusHours != null\n      ? `${latestPattern.focusHours.toFixed(1)}h`\n      : \"--\";\n  const totalHours = latestPattern\n    ? (\n        latestPattern.focusHours +\n        latestPattern.meetingHours +\n        latestPattern.breakHours\n      ).toFixed(0)\n    : \"8\";\n  const deepWorkSessions =\n    latestPattern?.deepWorkSessions != null\n      ? String(latestPattern.deepWorkSessions)\n      : \"--\";\n  const mostProductiveDay = summary?.mostProductiveDay ?? \"--\";\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load work patterns. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Work Patterns\"\n      description=\"Analyze your work habits and productivity patterns\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Productivity Score\"\n          value={productivityScore}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={\n            summary?.averageProductivity != null\n              ? { value: 5, label: \"vs last week\" }\n              : undefined\n          }\n        />\n        <StatCard\n          title=\"Focus Hours\"\n          value={focusHours}\n          icon={<Brain className=\"h-5 w-5\" />}\n          description={`Out of ${totalHours}h total`}\n        />\n        <StatCard\n          title=\"Peak Day\"\n          value={mostProductiveDay}\n          icon={<Zap className=\"h-5 w-5\" />}\n          description=\"Most productive day\"\n        />\n        <StatCard\n          title=\"Deep Work\"\n          value={`${deepWorkSessions} sessions`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"90+ min uninterrupted\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Daily Work Pattern\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Heatmap will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Energy Levels\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Energy chart will render here\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB;EAC3B,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA8B,EAChC,MAAM,CAAC,GACR,CAAC,EAEI,IAAU,KAAmB,GAC7B,IAAQ,KAAiB,GACzB,IAAU,GAAa,oBAIvB,KAHW,GAAc,gBAAgB,EAAE,EAGlB,IACzB,IACJ,GAAS,uBAAuB,OAE5B,OADA,GAAG,KAAK,MAAM,EAAQ,oBAAoB,CAAC,IAE3C,IACJ,GAAe,cAAc,OAEzB,OADA,GAAG,EAAc,WAAW,QAAQ,EAAE,CAAC,IAEvC,IAAa,KAEb,EAAc,aACd,EAAc,eACd,EAAc,YACd,QAAQ,EAAE,GACZ,KACE,IACJ,GAAe,oBAAoB,OAE/B,OADA,OAAO,EAAc,iBAAiB,EAEtC,IAAoB,GAAS,qBAAqB;AA0BxD,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;aAA2G;GAEpH,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,OACE,GAAS,uBAAuB,OAE5B,KAAA,IADA;MAAE,OAAO;MAAG,OAAO;MAAgB;KAGzC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAa,UAAU,EAAW;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAiB;KAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;MACF;KACK"}
+{"version":3,"file":"WorkPatternsPage.js","names":[],"sources":["../../../../src/timecampus/pages/work-patterns/WorkPatternsPage.tsx"],"sourcesContent":["import { TrendingUp, Clock, Zap, Brain } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListWorkPatternsQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function WorkPatternsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: patternsData,\n    loading: patternsLoading,\n    error: patternsError,\n  } = useListWorkPatternsQuery({\n    variables: { limit: 30 },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n  } = useGetWorkPatternSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const loading = patternsLoading || summaryLoading;\n  const error = patternsError || summaryError;\n  const summary = summaryData?.workPatternSummary;\n  const patterns = patternsData?.workPatterns ?? [];\n\n  // Derive stats from the latest pattern entry\n  const latestPattern = patterns[0];\n  const productivityScore =\n    summary?.averageProductivity != null\n      ? `${Math.round(summary.averageProductivity)}%`\n      : \"--\";\n  const focusHours =\n    latestPattern?.focusHours != null\n      ? `${latestPattern.focusHours.toFixed(1)}h`\n      : \"--\";\n  const totalHours = latestPattern\n    ? (\n        latestPattern.focusHours +\n        latestPattern.meetingHours +\n        latestPattern.breakHours\n      ).toFixed(0)\n    : \"8\";\n  const deepWorkSessions =\n    latestPattern?.deepWorkSessions != null\n      ? String(latestPattern.deepWorkSessions)\n      : \"--\";\n  const mostProductiveDay = summary?.mostProductiveDay ?? \"--\";\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load work patterns. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Work Patterns\"\n      description=\"Analyze your work habits and productivity patterns\"\n      purpose=\"Learn how you actually work across a typical week — when you focus best, where meetings pile up, and which day is your peak — so you can schedule deep work for the hours you're sharpest.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Productivity Score\"\n          value={productivityScore}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={\n            summary?.averageProductivity != null\n              ? { value: 5, label: \"vs last week\" }\n              : undefined\n          }\n        />\n        <StatCard\n          title=\"Focus Hours\"\n          value={focusHours}\n          icon={<Brain className=\"h-5 w-5\" />}\n          description={`Out of ${totalHours}h total`}\n        />\n        <StatCard\n          title=\"Peak Day\"\n          value={mostProductiveDay}\n          icon={<Zap className=\"h-5 w-5\" />}\n          description=\"Most productive day\"\n        />\n        <StatCard\n          title=\"Deep Work\"\n          value={`${deepWorkSessions} sessions`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"90+ min uninterrupted\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Daily Work Pattern\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Heatmap will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Energy Levels\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Energy chart will render here\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB;EAC3B,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA8B,EAChC,MAAM,CAAC,GACR,CAAC,EAEI,IAAU,KAAmB,GAC7B,IAAQ,KAAiB,GACzB,IAAU,GAAa,oBAIvB,KAHW,GAAc,gBAAgB,EAAE,EAGlB,IACzB,IACJ,GAAS,uBAAuB,OAE5B,OADA,GAAG,KAAK,MAAM,EAAQ,oBAAoB,CAAC,IAE3C,IACJ,GAAe,cAAc,OAEzB,OADA,GAAG,EAAc,WAAW,QAAQ,EAAE,CAAC,IAEvC,IAAa,KAEb,EAAc,aACd,EAAc,eACd,EAAc,YACd,QAAQ,EAAE,GACZ,KACE,IACJ,GAAe,oBAAoB,OAE/B,OADA,OAAO,EAAc,iBAAiB,EAEtC,IAAoB,GAAS,qBAAqB;AA0BxD,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;aAA2G;GAEpH,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,OACE,GAAS,uBAAuB,OAE5B,KAAA,IADA;MAAE,OAAO;MAAG,OAAO;MAAgB;KAGzC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAa,UAAU,EAAW;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAiB;KAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;MACF;KACK"}