@burdenoff/microfe-workspaces 2026.625.1 → 2026.625.2

package/dist/pages/dashboard/widgets/MembersWidget.js

@@ -24,7 +24,7 @@ function s({ workspaceData: s, globalData: c, isLoading: l, navigate: u }) {
 				/* @__PURE__ */ a("div", {
 					className: "text-center",
 					children: [/* @__PURE__ */ i("p", {
-						className: "text-3xl font-bold text-text-primary",
+						className: "text-3xl font-bold text-text-primary tabular-nums",
 						children: f
 					}), /* @__PURE__ */ a("p", {
 						className: "text-xs text-text-secondary",

package/dist/pages/dashboard/widgets/MembersWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/MembersWidget.tsx"],"sourcesContent":["import { Users, UserPlus, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function MembersWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps) {\n  // Member count comes from globalData.workspaces (each workspace has memberCount)\n  const workspaces = globalData?.workspaces?.items ?? workspaceData?.workspaces.items ?? [];\n  const totalMembers = workspaces.reduce(\n    (sum, ws) => sum + ((ws as { memberCount?: number }).memberCount ?? 0),\n    0\n  );\n  const totalWorkspaces = globalData?.workspaces?.total ?? workspaceData?.workspaces.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Members\"\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData && !globalData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workspaces/members')}\n        >\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      <div className=\"space-y-3\">\n        <div className=\"text-center\">\n          <p className=\"text-3xl font-bold text-text-primary\">{totalMembers}</p>\n          <p className=\"text-xs text-text-secondary\">\n            {totalMembers === 1 ? 'Member' : 'Members'} across {totalWorkspaces}{' '}\n            {totalWorkspaces === 1 ? 'workspace' : 'workspaces'}\n          </p>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"w-full text-xs\"\n          onClick={() => navigate('/workspaces/members?invite=true')}\n        >\n          <UserPlus className=\"size-3 mr-1.5\" />\n          Invite a member\n        </Button>\n        {workspaces.length > 0 && (\n          <div className=\"flex -space-x-2 justify-center\">\n            {workspaces.slice(0, 5).map((ws) => (\n              <div\n                key={ws.id}\n                className=\"size-8 rounded-full bg-action-primary-bg/10 text-primary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\"\n                title={ws.name}\n              >\n                {ws.name.charAt(0).toUpperCase()}\n              </div>\n            ))}\n            {totalWorkspaces > 5 && (\n              <div className=\"size-8 rounded-full bg-bg-sunken text-text-secondary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\">\n                +{totalWorkspaces - 5}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAc,EAAE,kBAAe,eAAY,cAAW,eAAyB;CAE7F,IAAM,IAAa,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS,EAAE,EACnF,IAAe,EAAW,QAC7B,GAAK,MAAO,KAAQ,EAAgC,eAAe,IACpE,EACD,EACK,IAAkB,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS;AAE5F,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC,KAAiB,CAAC;EAChC,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,sBAAsB;aAE9C,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAwC;MAAiB,CAAA,EACtE,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,MAAiB,IAAI,WAAW;OAAU;OAAS;OAAiB;OACpE,MAAoB,IAAI,cAAc;OACrC;QACA;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,EAAS,kCAAkC;eAJ5D,CAME,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,EAAA,kBAE/B;;IACR,EAAW,SAAS,KACnB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,OAAD;MAEE,WAAU;MACV,OAAO,EAAG;gBAET,EAAG,KAAK,OAAO,EAAE,CAAC,aAAa;MAC5B,EALC,EAAG,GAKJ,CACN,EACD,IAAkB,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoJ,KAChJ,IAAkB,EAChB;QAEJ;;IAEJ;;EACQ,CAAA"}
+{"version":3,"file":"MembersWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/MembersWidget.tsx"],"sourcesContent":["import { Users, UserPlus, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function MembersWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps) {\n  // Member count comes from globalData.workspaces (each workspace has memberCount)\n  const workspaces = globalData?.workspaces?.items ?? workspaceData?.workspaces.items ?? [];\n  const totalMembers = workspaces.reduce(\n    (sum, ws) => sum + ((ws as { memberCount?: number }).memberCount ?? 0),\n    0\n  );\n  const totalWorkspaces = globalData?.workspaces?.total ?? workspaceData?.workspaces.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Members\"\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData && !globalData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workspaces/members')}\n        >\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      <div className=\"space-y-3\">\n        <div className=\"text-center\">\n          <p className=\"text-3xl font-bold text-text-primary tabular-nums\">{totalMembers}</p>\n          <p className=\"text-xs text-text-secondary\">\n            {totalMembers === 1 ? 'Member' : 'Members'} across {totalWorkspaces}{' '}\n            {totalWorkspaces === 1 ? 'workspace' : 'workspaces'}\n          </p>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"w-full text-xs\"\n          onClick={() => navigate('/workspaces/members?invite=true')}\n        >\n          <UserPlus className=\"size-3 mr-1.5\" />\n          Invite a member\n        </Button>\n        {workspaces.length > 0 && (\n          <div className=\"flex -space-x-2 justify-center\">\n            {workspaces.slice(0, 5).map((ws) => (\n              <div\n                key={ws.id}\n                className=\"size-8 rounded-full bg-action-primary-bg/10 text-primary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\"\n                title={ws.name}\n              >\n                {ws.name.charAt(0).toUpperCase()}\n              </div>\n            ))}\n            {totalWorkspaces > 5 && (\n              <div className=\"size-8 rounded-full bg-bg-sunken text-text-secondary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\">\n                +{totalWorkspaces - 5}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAc,EAAE,kBAAe,eAAY,cAAW,eAAyB;CAE7F,IAAM,IAAa,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS,EAAE,EACnF,IAAe,EAAW,QAC7B,GAAK,MAAO,KAAQ,EAAgC,eAAe,IACpE,EACD,EACK,IAAkB,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS;AAE5F,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC,KAAiB,CAAC;EAChC,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,sBAAsB;aAE9C,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAqD;MAAiB,CAAA,EACnF,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,MAAiB,IAAI,WAAW;OAAU;OAAS;OAAiB;OACpE,MAAoB,IAAI,cAAc;OACrC;QACA;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,EAAS,kCAAkC;eAJ5D,CAME,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,EAAA,kBAE/B;;IACR,EAAW,SAAS,KACnB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,OAAD;MAEE,WAAU;MACV,OAAO,EAAG;gBAET,EAAG,KAAK,OAAO,EAAE,CAAC,aAAa;MAC5B,EALC,EAAG,GAKJ,CACN,EACD,IAAkB,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoJ,KAChJ,IAAkB,EAChB;QAEJ;;IAEJ;;EACQ,CAAA"}

package/dist/pages/dashboard/widgets/WelcomeWidget.js

@@ -1,64 +1,72 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
 import { Activity as t, Building2 as n, FolderKanban as r, LayoutDashboard as i, Users as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { EmphasisPanel as c, GlassCard as l } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/WelcomeWidget.tsx
-function c({ icon: e, label: t, value: n }) {
-	return /* @__PURE__ */ s("div", {
-		className: "flex items-center gap-3 rounded-lg bg-bg-canvas p-3 border border-border-default",
-		children: [/* @__PURE__ */ o("div", {
-			className: "rounded-md bg-action-primary-bg/10 p-2 text-primary",
-			children: e
-		}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-			className: "text-2xl font-bold text-text-primary",
-			children: n
-		}), /* @__PURE__ */ o("p", {
-			className: "text-xs text-text-secondary",
-			children: t
-		})] })]
+function u({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ o(l, {
+		treatment: "metric",
+		className: "p-3",
+		children: /* @__PURE__ */ s("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ o("div", {
+				className: "rounded-md bg-action-primary-bg/10 p-2 text-primary",
+				children: e
+			}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+				className: "text-2xl font-bold text-text-primary tabular-nums",
+				children: n
+			}), /* @__PURE__ */ o("p", {
+				className: "text-xs text-text-muted",
+				children: t
+			})] })]
+		})
 	});
 }
-function l({ workspaceData: l, globalData: u, isLoading: d }) {
-	let f = u?.currentUser, p = f?.firstName || f?.name?.split(" ")[0] || "there", m = (/* @__PURE__ */ new Date()).getHours(), h = m < 12 ? "Good morning" : m < 18 ? "Good afternoon" : "Good evening", g = l?.workspaces.total ?? 0, _ = l?.projects.total ?? 0, v = l?.groups.totalCount ?? 0, y = l?.recentActivities.length ?? 0;
+function d({ workspaceData: l, globalData: d, isLoading: f }) {
+	let p = d?.currentUser, m = p?.firstName || p?.name?.split(" ")[0] || "there", h = (/* @__PURE__ */ new Date()).getHours(), g = h < 12 ? "Good morning" : h < 18 ? "Good afternoon" : "Good evening", _ = l?.workspaces.total ?? 0, v = l?.projects.total ?? 0, y = l?.groups.totalCount ?? 0, b = l?.recentActivities.length ?? 0;
 	return /* @__PURE__ */ o(e, {
 		title: "Dashboard",
 		icon: /* @__PURE__ */ o(i, { className: "size-4" }),
 		size: "large",
-		isLoading: d,
+		isLoading: f,
 		children: /* @__PURE__ */ s("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("h2", {
-				className: "text-xl font-bold text-text-primary",
-				children: [
-					h,
-					", ",
-					p,
-					"!"
-				]
-			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-text-secondary mt-1",
-				children: "Here's what's happening across your workspaces today."
-			})] }), /* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ s(c, {
+				className: "p-4",
+				children: [/* @__PURE__ */ s("h2", {
+					className: "text-xl font-bold text-text-primary",
+					children: [
+						g,
+						", ",
+						m,
+						"!"
+					]
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-text-secondary mt-1",
+					children: "Here's what's happening across your workspaces today."
+				})]
+			}), /* @__PURE__ */ s("div", {
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
 				children: [
-					/* @__PURE__ */ o(c, {
+					/* @__PURE__ */ o(u, {
 						icon: /* @__PURE__ */ o(n, { className: "size-4" }),
 						label: "Workspaces",
-						value: g
+						value: _
 					}),
-					/* @__PURE__ */ o(c, {
+					/* @__PURE__ */ o(u, {
 						icon: /* @__PURE__ */ o(r, { className: "size-4" }),
 						label: "Projects",
-						value: _
+						value: v
 					}),
-					/* @__PURE__ */ o(c, {
+					/* @__PURE__ */ o(u, {
 						icon: /* @__PURE__ */ o(a, { className: "size-4" }),
 						label: "Groups",
-						value: v
+						value: y
 					}),
-					/* @__PURE__ */ o(c, {
+					/* @__PURE__ */ o(u, {
 						icon: /* @__PURE__ */ o(t, { className: "size-4" }),
 						label: "Recent Activity",
-						value: y
+						value: b
 					})
 				]
 			})]
@@ -66,6 +74,6 @@ function l({ workspaceData: l, globalData: u, isLoading: d }) {
 	});
 }
 //#endregion
-export { l as WelcomeWidget };
+export { d as WelcomeWidget };
 
 //# sourceMappingURL=WelcomeWidget.js.map

package/dist/pages/dashboard/widgets/WelcomeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"WelcomeWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"sourcesContent":["import { LayoutDashboard, Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  value: number | string;\n}) {\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg bg-bg-canvas p-3 border border-border-default\">\n      <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{icon}</div>\n      <div>\n        <p className=\"text-2xl font-bold text-text-primary\">{value}</p>\n        <p className=\"text-xs text-text-secondary\">{label}</p>\n      </div>\n    </div>\n  );\n}\n\nexport function WelcomeWidget({ workspaceData, globalData, isLoading }: WidgetProps) {\n  const user = globalData?.currentUser;\n  const firstName = user?.firstName || user?.name?.split(' ')[0] || 'there';\n  const hour = new Date().getHours();\n  const greeting = hour < 12 ? 'Good morning' : hour < 18 ? 'Good afternoon' : 'Good evening';\n\n  const totalWorkspaces = workspaceData?.workspaces.total ?? 0;\n  const totalProjects = workspaceData?.projects.total ?? 0;\n  const totalGroups = workspaceData?.groups.totalCount ?? 0;\n  const activityCount = workspaceData?.recentActivities.length ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Dashboard\"\n      icon={<LayoutDashboard className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <h2 className=\"text-xl font-bold text-text-primary\">\n            {greeting}, {firstName}!\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            Here's what's happening across your workspaces today.\n          </p>\n        </div>\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <StatCard\n            icon={<Building2 className=\"size-4\" />}\n            label=\"Workspaces\"\n            value={totalWorkspaces}\n          />\n          <StatCard\n            icon={<FolderKanban className=\"size-4\" />}\n            label=\"Projects\"\n            value={totalProjects}\n          />\n          <StatCard icon={<Users className=\"size-4\" />} label=\"Groups\" value={totalGroups} />\n          <StatCard\n            icon={<Activity className=\"size-4\" />}\n            label=\"Recent Activity\"\n            value={activityCount}\n          />\n        </div>\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;AAIA,SAAS,EAAS,EAChB,SACA,UACA,YAKC;AACD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAuD;GAAW,CAAA,EACjF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;GAAG,WAAU;aAAwC;GAAU,CAAA,EAC/D,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAU,CAAA,CAClD,EAAA,CAAA,CACF;;;AAIV,SAAgB,EAAc,EAAE,kBAAe,eAAY,gBAA0B;CACnF,IAAM,IAAO,GAAY,aACnB,IAAY,GAAM,aAAa,GAAM,MAAM,MAAM,IAAI,CAAC,MAAM,SAC5D,qBAAO,IAAI,MAAM,EAAC,UAAU,EAC5B,IAAW,IAAO,KAAK,iBAAiB,IAAO,KAAK,mBAAmB,gBAEvE,IAAkB,GAAe,WAAW,SAAS,GACrD,IAAgB,GAAe,SAAS,SAAS,GACjD,IAAc,GAAe,OAAO,cAAc,GAClD,IAAgB,GAAe,iBAAiB,UAAU;AAEhE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EAC5C,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACG;KAAS;KAAG;KAAU;KACpB;OACL,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAE5C,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACtC,OAAM;MACN,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;MACzC,OAAM;MACN,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAAE,OAAM;MAAS,OAAO;MAAe,CAAA;KACnF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,OAAM;MACN,OAAO;MACP,CAAA;KACE;MACF;;EACQ,CAAA"}
+{"version":3,"file":"WelcomeWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"sourcesContent":["import { LayoutDashboard, Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  value: number | string;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-3\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{icon}</div>\n        <div>\n          <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n          <p className=\"text-xs text-text-muted\">{label}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function WelcomeWidget({ workspaceData, globalData, isLoading }: WidgetProps) {\n  const user = globalData?.currentUser;\n  const firstName = user?.firstName || user?.name?.split(' ')[0] || 'there';\n  const hour = new Date().getHours();\n  const greeting = hour < 12 ? 'Good morning' : hour < 18 ? 'Good afternoon' : 'Good evening';\n\n  const totalWorkspaces = workspaceData?.workspaces.total ?? 0;\n  const totalProjects = workspaceData?.projects.total ?? 0;\n  const totalGroups = workspaceData?.groups.totalCount ?? 0;\n  const activityCount = workspaceData?.recentActivities.length ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Dashboard\"\n      icon={<LayoutDashboard className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-4\">\n        <EmphasisPanel className=\"p-4\">\n          <h2 className=\"text-xl font-bold text-text-primary\">\n            {greeting}, {firstName}!\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            Here's what's happening across your workspaces today.\n          </p>\n        </EmphasisPanel>\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <StatCard\n            icon={<Building2 className=\"size-4\" />}\n            label=\"Workspaces\"\n            value={totalWorkspaces}\n          />\n          <StatCard\n            icon={<FolderKanban className=\"size-4\" />}\n            label=\"Projects\"\n            value={totalProjects}\n          />\n          <StatCard icon={<Users className=\"size-4\" />} label=\"Groups\" value={totalGroups} />\n          <StatCard\n            icon={<Activity className=\"size-4\" />}\n            label=\"Recent Activity\"\n            value={activityCount}\n          />\n        </div>\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAS,EAChB,SACA,UACA,YAKC;AACD,QACE,kBAAC,GAAD;EAAW,WAAU;EAAS,WAAU;YACtC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuD;IAAW,CAAA,EACjF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAA2B;IAAU,CAAA,CAC9C,EAAA,CAAA,CACF;;EACI,CAAA;;AAIhB,SAAgB,EAAc,EAAE,kBAAe,eAAY,gBAA0B;CACnF,IAAM,IAAO,GAAY,aACnB,IAAY,GAAM,aAAa,GAAM,MAAM,MAAM,IAAI,CAAC,MAAM,SAC5D,qBAAO,IAAI,MAAM,EAAC,UAAU,EAC5B,IAAW,IAAO,KAAK,iBAAiB,IAAO,KAAK,mBAAmB,gBAEvE,IAAkB,GAAe,WAAW,SAAS,GACrD,IAAgB,GAAe,SAAS,SAAS,GACjD,IAAc,GAAe,OAAO,cAAc,GAClD,IAAgB,GAAe,iBAAiB,UAAU;AAEhE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EAC5C,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAe,WAAU;cAAzB,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACG;MAAS;MAAG;MAAU;MACpB;QACL,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA,CACU;OAChB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACtC,OAAM;MACN,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;MACzC,OAAM;MACN,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAAE,OAAM;MAAS,OAAO;MAAe,CAAA;KACnF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,OAAM;MACN,OAAO;MACP,CAAA;KACE;MACF;;EACQ,CAAA"}

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.js

@@ -43,7 +43,7 @@ function f({ workspaceData: n, isLoading: i, navigate: a }) {
 				children: [/* @__PURE__ */ c("div", {
 					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
 					children: [/* @__PURE__ */ s("p", {
-						className: "text-2xl font-bold text-text-primary",
+						className: "text-2xl font-bold text-text-primary tabular-nums",
 						children: o.activeWorkflowsCount
 					}), /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
@@ -52,7 +52,7 @@ function f({ workspaceData: n, isLoading: i, navigate: a }) {
 				}), /* @__PURE__ */ c("div", {
 					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
 					children: [/* @__PURE__ */ s("p", {
-						className: "text-2xl font-bold text-text-primary",
+						className: "text-2xl font-bold text-text-primary tabular-nums",
 						children: o.archivedWorkflowsCount
 					}), /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStatsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowStatsWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Play, Pause, CheckCircle2, XCircle } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst runStatusIcons: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  PAUSED: { icon: Pause, color: 'text-status-warning-text' },\n};\n\nexport function WorkflowStatsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n\n  return (\n    <WidgetWrapper\n      title=\"Workflows\"\n      icon={<GitBranch className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workflows')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <div className=\"text-center py-4\">\n          <p className=\"text-sm text-text-secondary\">No workflow data available</p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary\">{stats.activeWorkflowsCount}</p>\n              <p className=\"text-xs text-text-secondary\">Active</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary\">{stats.archivedWorkflowsCount}</p>\n              <p className=\"text-xs text-text-secondary\">Archived</p>\n            </div>\n          </div>\n          {stats.recentRuns.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recent Runs\n              </p>\n              {stats.recentRuns.slice(0, 3).map((run) => {\n                const statusInfo = runStatusIcons[run.status] || runStatusIcons.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <div\n                    key={run.id}\n                    className=\"flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 ${statusInfo.color}`} />\n                      <span className=\"text-sm text-text-primary truncate\">{run.workflowKey}</span>\n                    </div>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {run.status}\n                    </Badge>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuE;CAC3E,SAAS;EAAE,MAAM;EAAM,OAAO;EAAoB;CAClD,WAAW;EAAE,MAAM;EAAc,OAAO;EAA4B;CACpE,QAAQ;EAAE,MAAM;EAAS,OAAO;EAA0B;CAC1D,QAAQ;EAAE,MAAM;EAAO,OAAO;EAA4B;CAC3D;AAED,SAAgB,EAAoB,EAAE,kBAAe,cAAW,eAAyB;CACvF,IAAM,IAAQ,GAAe;AAE7B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,aAAa;aAJvC,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGT,IAKA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAwC,EAAM;MAAyB,CAAA,EACpF,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAwC,EAAM;MAA2B,CAAA,EACtF,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,CACnD;OACF;OACL,EAAM,WAAW,SAAS,KACzB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmE;KAE5E,CAAA,EACH,EAAM,WAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAAQ;KACzC,IAAM,IAAa,EAAe,EAAI,WAAW,EAAe,SAC1D,IAAa,EAAW;AAC9B,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAW,YAAY,EAAW,SAAW,CAAA,EACzD,kBAAC,QAAD;QAAM,WAAU;kBAAsC,EAAI;QAAmB,CAAA,CACzE;UACN,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAI;OACC,CAAA,CACJ;QAVC,EAAI,GAUL;MAER,CACE;MAEJ;OAxCN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAA8B,CAAA;GACrE,CAAA;EAwCM,CAAA"}
+{"version":3,"file":"WorkflowStatsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowStatsWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Play, Pause, CheckCircle2, XCircle } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst runStatusIcons: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  PAUSED: { icon: Pause, color: 'text-status-warning-text' },\n};\n\nexport function WorkflowStatsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n\n  return (\n    <WidgetWrapper\n      title=\"Workflows\"\n      icon={<GitBranch className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workflows')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <div className=\"text-center py-4\">\n          <p className=\"text-sm text-text-secondary\">No workflow data available</p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{stats.activeWorkflowsCount}</p>\n              <p className=\"text-xs text-text-secondary\">Active</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{stats.archivedWorkflowsCount}</p>\n              <p className=\"text-xs text-text-secondary\">Archived</p>\n            </div>\n          </div>\n          {stats.recentRuns.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recent Runs\n              </p>\n              {stats.recentRuns.slice(0, 3).map((run) => {\n                const statusInfo = runStatusIcons[run.status] || runStatusIcons.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <div\n                    key={run.id}\n                    className=\"flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 ${statusInfo.color}`} />\n                      <span className=\"text-sm text-text-primary truncate\">{run.workflowKey}</span>\n                    </div>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {run.status}\n                    </Badge>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuE;CAC3E,SAAS;EAAE,MAAM;EAAM,OAAO;EAAoB;CAClD,WAAW;EAAE,MAAM;EAAc,OAAO;EAA4B;CACpE,QAAQ;EAAE,MAAM;EAAS,OAAO;EAA0B;CAC1D,QAAQ;EAAE,MAAM;EAAO,OAAO;EAA4B;CAC3D;AAED,SAAgB,EAAoB,EAAE,kBAAe,cAAW,eAAyB;CACvF,IAAM,IAAQ,GAAe;AAE7B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,aAAa;aAJvC,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGT,IAKA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAqD,EAAM;MAAyB,CAAA,EACjG,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAqD,EAAM;MAA2B,CAAA,EACnG,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,CACnD;OACF;OACL,EAAM,WAAW,SAAS,KACzB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmE;KAE5E,CAAA,EACH,EAAM,WAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAAQ;KACzC,IAAM,IAAa,EAAe,EAAI,WAAW,EAAe,SAC1D,IAAa,EAAW;AAC9B,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAW,YAAY,EAAW,SAAW,CAAA,EACzD,kBAAC,QAAD;QAAM,WAAU;kBAAsC,EAAI;QAAmB,CAAA,CACzE;UACN,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAI;OACC,CAAA,CACJ;QAVC,EAAI,GAUL;MAER,CACE;MAEJ;OAxCN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAA8B,CAAA;GACrE,CAAA;EAwCM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.625.1",
+  "version": "2026.625.2",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.623.6",
+    "@burdenoff/fe-libs": "2026.625.1",
     "@radix-ui/react-icons": "^1.3.2",
     "@tanstack/react-query": "^5.62.13",
     "axios": "^1.15.2",