@burdenoff/microfe-workspaces 2026.802.1 → 2026.829.1

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

@@ -1,108 +1,110 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { AlertTriangle as t, ArrowRight as n, Bot as r, Wifi as i, WifiOff as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Button as c, IllustratedEmptyState as l } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { AlertTriangle as n, ArrowRight as r, Bot as i, Wifi as a, WifiOff as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l, IllustratedEmptyState as u } from "@burdenoff/fe-libs/ui";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/AgentsWidget.tsx
-function u({ workspaceData: u, isLoading: d, navigate: f }) {
-	let p = u?.agentFleet ?? null, m = p?.total ?? 0;
-	return /* @__PURE__ */ o(e, {
-		title: "Agent Fleet",
-		icon: /* @__PURE__ */ o(r, { className: "size-4" }),
+function f({ workspaceData: f, isLoading: p, navigate: m }) {
+	let { t: h } = d(), g = f?.agentFleet ?? null, _ = g?.total ?? 0;
+	return /* @__PURE__ */ s(t, {
+		title: e(h, "dashboard.agents.title", "Agent Fleet"),
+		icon: /* @__PURE__ */ s(i, { className: "size-4" }),
 		size: "small",
-		isLoading: d,
-		unavailable: !u,
-		headerAction: /* @__PURE__ */ s(c, {
+		isLoading: p,
+		unavailable: !f,
+		headerAction: /* @__PURE__ */ c(l, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => f("/vibecontrols/agents"),
-			children: ["Open ", /* @__PURE__ */ o(n, { className: "ml-1 size-3" })]
+			onClick: () => m("/vibecontrols/agents"),
+			children: [
+				e(h, "dashboard.agents.open", "Open"),
+				" ",
+				/* @__PURE__ */ s(r, { className: "ml-1 size-3" })
+			]
 		}),
-		children: !p || m === 0 ? /* @__PURE__ */ o(l, {
+		children: !g || _ === 0 ? /* @__PURE__ */ s(u, {
 			illustration: "empty-agents",
-			title: "No agents connected",
+			title: e(h, "dashboard.agents.emptyTitle", "No agents connected"),
 			className: "py-4",
-			action: /* @__PURE__ */ o(c, {
+			action: /* @__PURE__ */ s(l, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => f("/vibecontrols/agents/new"),
-				children: "Connect agent"
+				onClick: () => m("/vibecontrols/agents/new"),
+				children: e(h, "dashboard.agents.connectAgent", "Connect agent")
 			})
-		}) : /* @__PURE__ */ s("div", {
+		}) : /* @__PURE__ */ c("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ s("p", {
+				/* @__PURE__ */ c("p", {
 					className: "text-2xl font-semibold text-text-primary",
-					children: [m, /* @__PURE__ */ o("span", {
+					children: [_, /* @__PURE__ */ s("span", {
 						className: "ml-1 text-xs font-normal text-text-secondary",
-						children: "total"
+						children: e(h, "dashboard.agents.total", "total")
 					})]
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "grid grid-cols-3 gap-2 text-center",
 					children: [
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "rounded-md bg-status-success-bg/30 p-2",
 							children: [
-								/* @__PURE__ */ o(i, { className: `mx-auto size-4 text-status-success-text ${p.online > 0 ? "motion-safe:animate-vc-glow-pulse" : ""}` }),
-								/* @__PURE__ */ o("p", {
+								/* @__PURE__ */ s(a, { className: `mx-auto size-4 text-status-success-text ${g.online > 0 ? "motion-safe:animate-vc-glow-pulse" : ""}` }),
+								/* @__PURE__ */ s("p", {
 									className: "mt-1 text-sm font-semibold text-text-primary",
-									children: p.online
+									children: g.online
 								}),
-								/* @__PURE__ */ o("p", {
+								/* @__PURE__ */ s("p", {
 									className: "text-[10px] text-text-secondary",
-									children: "online"
+									children: e(h, "dashboard.agents.online", "online")
 								})
 							]
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "rounded-md bg-status-warning-bg/30 p-2",
 							children: [
-								/* @__PURE__ */ o(t, { className: "mx-auto size-4 text-status-warning-text" }),
-								/* @__PURE__ */ o("p", {
+								/* @__PURE__ */ s(n, { className: "mx-auto size-4 text-status-warning-text" }),
+								/* @__PURE__ */ s("p", {
 									className: "mt-1 text-sm font-semibold text-text-primary",
-									children: p.degraded
+									children: g.degraded
 								}),
-								/* @__PURE__ */ o("p", {
+								/* @__PURE__ */ s("p", {
 									className: "text-[10px] text-text-secondary",
-									children: "degraded"
+									children: e(h, "dashboard.agents.degraded", "degraded")
 								})
 							]
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "rounded-md bg-text-tertiary/10 p-2",
 							children: [
-								/* @__PURE__ */ o(a, { className: "mx-auto size-4 text-text-tertiary" }),
-								/* @__PURE__ */ o("p", {
+								/* @__PURE__ */ s(o, { className: "mx-auto size-4 text-text-tertiary" }),
+								/* @__PURE__ */ s("p", {
 									className: "mt-1 text-sm font-semibold text-text-primary",
-									children: p.offline
+									children: g.offline
 								}),
-								/* @__PURE__ */ o("p", {
+								/* @__PURE__ */ s("p", {
 									className: "text-[10px] text-text-secondary",
-									children: "offline"
+									children: e(h, "dashboard.agents.offline", "offline")
 								})
 							]
 						})
 					]
 				}),
-				p.lastSeenAt ? /* @__PURE__ */ s("p", {
+				g.lastSeenAt ? /* @__PURE__ */ s("p", {
 					className: "text-[11px] text-text-secondary text-center",
-					children: [
-						"Last seen",
-						" ",
-						new Date(p.lastSeenAt).toLocaleString(void 0, {
-							hour: "2-digit",
-							minute: "2-digit",
-							month: "short",
-							day: "numeric"
-						})
-					]
+					children: e(h, "dashboard.agents.lastSeen", "Last seen {time}", { time: new Date(g.lastSeenAt).toLocaleString(void 0, {
+						hour: "2-digit",
+						minute: "2-digit",
+						month: "short",
+						day: "numeric"
+					}) })
 				}) : null
 			]
 		})
 	});
 }
 //#endregion
-export { u as AgentsWidget };
+export { f as AgentsWidget };
 
 //# sourceMappingURL=AgentsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/AgentsWidget.tsx"],"sourcesContent":["import { Bot, ArrowRight, Wifi, WifiOff, AlertTriangle } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function AgentsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const fleet = workspaceData?.agentFleet ?? null;\n  const total = fleet?.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Agent Fleet\"\n      icon={<Bot className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/vibecontrols/agents')}\n        >\n          Open <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!fleet || total === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-agents\"\n          title=\"No agents connected\"\n          className=\"py-4\"\n          action={\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate('/vibecontrols/agents/new')}\n            >\n              Connect agent\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <p className=\"text-2xl font-semibold text-text-primary\">\n            {total}\n            <span className=\"ml-1 text-xs font-normal text-text-secondary\">total</span>\n          </p>\n          <div className=\"grid grid-cols-3 gap-2 text-center\">\n            <div className=\"rounded-md bg-status-success-bg/30 p-2\">\n              <Wifi\n                className={`mx-auto size-4 text-status-success-text ${\n                  fleet.online > 0 ? 'motion-safe:animate-vc-glow-pulse' : ''\n                }`}\n              />\n              <p className=\"mt-1 text-sm font-semibold text-text-primary\">{fleet.online}</p>\n              <p className=\"text-[10px] text-text-secondary\">online</p>\n            </div>\n            <div className=\"rounded-md bg-status-warning-bg/30 p-2\">\n              <AlertTriangle className=\"mx-auto size-4 text-status-warning-text\" />\n              <p className=\"mt-1 text-sm font-semibold text-text-primary\">{fleet.degraded}</p>\n              <p className=\"text-[10px] text-text-secondary\">degraded</p>\n            </div>\n            <div className=\"rounded-md bg-text-tertiary/10 p-2\">\n              <WifiOff className=\"mx-auto size-4 text-text-tertiary\" />\n              <p className=\"mt-1 text-sm font-semibold text-text-primary\">{fleet.offline}</p>\n              <p className=\"text-[10px] text-text-secondary\">offline</p>\n            </div>\n          </div>\n          {fleet.lastSeenAt ? (\n            <p className=\"text-[11px] text-text-secondary text-center\">\n              Last seen{' '}\n              {new Date(fleet.lastSeenAt).toLocaleString(undefined, {\n                hour: '2-digit',\n                minute: '2-digit',\n                month: 'short',\n                day: 'numeric',\n              })}\n            </p>\n          ) : null}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAa,EAAE,kBAAe,cAAW,eAAyB;CAChF,IAAM,IAAQ,GAAe,cAAc,MACrC,IAAQ,GAAO,SAAS;AAE9B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAK,WAAU,UAAW,CAAA;EAChC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,uBAAuB;aAJjD,CAKC,SACM,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACpC;;YAGV,CAAC,KAAS,MAAU,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,WAAU;GACV,QACE,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,EAAS,2BAA2B;cACpD;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eAAb,CACG,GACD,kBAAC,QAAD;MAAM,WAAU;gBAA+C;MAAY,CAAA,CACzE;;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EACE,WAAW,2CACT,EAAM,SAAS,IAAI,sCAAsC,MAE3D,CAAA;QACF,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAM;SAAW,CAAA;QAC9E,kBAAC,KAAD;SAAG,WAAU;mBAAkC;SAAU,CAAA;QACrD;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAe,WAAU,2CAA4C,CAAA;QACrE,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAM;SAAa,CAAA;QAChF,kBAAC,KAAD;SAAG,WAAU;mBAAkC;SAAY,CAAA;QACvD;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA;QACzD,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAM;SAAY,CAAA;QAC/E,kBAAC,KAAD;SAAG,WAAU;mBAAkC;SAAW,CAAA;QACtD;;MACF;;IACL,EAAM,aACL,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2D;MAC/C;MACT,IAAI,KAAK,EAAM,WAAW,CAAC,eAAe,KAAA,GAAW;OACpD,MAAM;OACN,QAAQ;OACR,OAAO;OACP,KAAK;OACN,CAAC;MACA;SACF;IACA;;EAEM,CAAA"}
+{"version":3,"file":"AgentsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/AgentsWidget.tsx"],"sourcesContent":["import { Bot, ArrowRight, Wifi, WifiOff, AlertTriangle } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nexport function AgentsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const fleet = workspaceData?.agentFleet ?? null;\n  const total = fleet?.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.agents.title', 'Agent Fleet')}\n      icon={<Bot className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/vibecontrols/agents')}\n        >\n          {tWithFallback(t, 'dashboard.agents.open', 'Open')} <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!fleet || total === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-agents\"\n          title={tWithFallback(t, 'dashboard.agents.emptyTitle', 'No agents connected')}\n          className=\"py-4\"\n          action={\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate('/vibecontrols/agents/new')}\n            >\n              {tWithFallback(t, 'dashboard.agents.connectAgent', 'Connect agent')}\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <p className=\"text-2xl font-semibold text-text-primary\">\n            {total}\n            <span className=\"ml-1 text-xs font-normal text-text-secondary\">\n              {tWithFallback(t, 'dashboard.agents.total', 'total')}\n            </span>\n          </p>\n          <div className=\"grid grid-cols-3 gap-2 text-center\">\n            <div className=\"rounded-md bg-status-success-bg/30 p-2\">\n              <Wifi\n                className={`mx-auto size-4 text-status-success-text ${\n                  fleet.online > 0 ? 'motion-safe:animate-vc-glow-pulse' : ''\n                }`}\n              />\n              <p className=\"mt-1 text-sm font-semibold text-text-primary\">{fleet.online}</p>\n              <p className=\"text-[10px] text-text-secondary\">\n                {tWithFallback(t, 'dashboard.agents.online', 'online')}\n              </p>\n            </div>\n            <div className=\"rounded-md bg-status-warning-bg/30 p-2\">\n              <AlertTriangle className=\"mx-auto size-4 text-status-warning-text\" />\n              <p className=\"mt-1 text-sm font-semibold text-text-primary\">{fleet.degraded}</p>\n              <p className=\"text-[10px] text-text-secondary\">\n                {tWithFallback(t, 'dashboard.agents.degraded', 'degraded')}\n              </p>\n            </div>\n            <div className=\"rounded-md bg-text-tertiary/10 p-2\">\n              <WifiOff className=\"mx-auto size-4 text-text-tertiary\" />\n              <p className=\"mt-1 text-sm font-semibold text-text-primary\">{fleet.offline}</p>\n              <p className=\"text-[10px] text-text-secondary\">\n                {tWithFallback(t, 'dashboard.agents.offline', 'offline')}\n              </p>\n            </div>\n          </div>\n          {fleet.lastSeenAt ? (\n            <p className=\"text-[11px] text-text-secondary text-center\">\n              {tWithFallback(t, 'dashboard.agents.lastSeen', 'Last seen {time}', {\n                time: new Date(fleet.lastSeenAt).toLocaleString(undefined, {\n                  hour: '2-digit',\n                  minute: '2-digit',\n                  month: 'short',\n                  day: 'numeric',\n                }),\n              })}\n            </p>\n          ) : null}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,EAAa,EAAE,kBAAe,cAAW,eAAyB;CAChF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAQ,GAAe,cAAc,MACrC,IAAQ,GAAO,SAAS;AAE9B,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,0BAA0B,cAAc;EAChE,MAAM,kBAAC,GAAD,EAAK,WAAU,UAAW,CAAA;EAChC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,uBAAuB;aAJjD;IAMG,EAAc,GAAG,yBAAyB,OAAO;IAAC;IAAC,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IACnF;;YAGV,CAAC,KAAS,MAAU,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,+BAA+B,sBAAsB;GAC7E,WAAU;GACV,QACE,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,EAAS,2BAA2B;cAElD,EAAc,GAAG,iCAAiC,gBAAgB;IAC5D,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eAAb,CACG,GACD,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAc,GAAG,0BAA0B,QAAQ;MAC/C,CAAA,CACL;;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EACE,WAAW,2CACT,EAAM,SAAS,IAAI,sCAAsC,MAE3D,CAAA;QACF,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAM;SAAW,CAAA;QAC9E,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAc,GAAG,2BAA2B,SAAS;SACpD,CAAA;QACA;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAe,WAAU,2CAA4C,CAAA;QACrE,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAM;SAAa,CAAA;QAChF,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAc,GAAG,6BAA6B,WAAW;SACxD,CAAA;QACA;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA;QACzD,kBAAC,KAAD;SAAG,WAAU;mBAAgD,EAAM;SAAY,CAAA;QAC/E,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAc,GAAG,4BAA4B,UAAU;SACtD,CAAA;QACA;;MACF;;IACL,EAAM,aACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAc,GAAG,6BAA6B,oBAAoB,EACjE,MAAM,IAAI,KAAK,EAAM,WAAW,CAAC,eAAe,KAAA,GAAW;MACzD,MAAM;MACN,QAAQ;MACR,OAAO;MACP,KAAK;MACN,CAAC,EACH,CAAC;KACA,CAAA,GACF;IACA;;EAEM,CAAA"}

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

@@ -1,59 +1,57 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, Users as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Button as a, IllustratedEmptyState as o } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { ArrowRight as n, Users as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o, IllustratedEmptyState as s } from "@burdenoff/fe-libs/ui";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/GroupsWidget.tsx
-function s({ workspaceData: s, isLoading: c, navigate: l }) {
-	let u = s?.groups.items ?? [], d = s?.groups.totalCount ?? 0;
-	return /* @__PURE__ */ r(e, {
-		title: "Groups",
-		icon: /* @__PURE__ */ r(n, { className: "size-4" }),
+function l({ workspaceData: l, isLoading: u, navigate: d }) {
+	let { t: f } = c(), p = l?.groups.items ?? [], m = l?.groups.totalCount ?? 0;
+	return /* @__PURE__ */ i(t, {
+		title: e(f, "dashboard.groups.title", "Groups"),
+		icon: /* @__PURE__ */ i(r, { className: "size-4" }),
 		size: "small",
-		isLoading: c,
-		unavailable: !s,
-		headerAction: /* @__PURE__ */ r(a, {
+		isLoading: u,
+		unavailable: !l,
+		headerAction: /* @__PURE__ */ i(o, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => l("/groups"),
-			children: /* @__PURE__ */ r(t, { className: "size-3" })
+			onClick: () => d("/groups"),
+			children: /* @__PURE__ */ i(n, { className: "size-3" })
 		}),
-		children: u.length === 0 ? /* @__PURE__ */ r(o, {
+		children: p.length === 0 ? /* @__PURE__ */ i(s, {
 			illustration: "empty-people",
-			title: "No groups yet",
-			description: "Groups bundle members together so you can manage and mention them as one.",
+			title: e(f, "dashboard.groups.emptyTitle", "No groups yet"),
+			description: e(f, "dashboard.groups.emptyDescription", "Groups bundle members together so you can manage and mention them as one."),
 			className: "py-4"
-		}) : /* @__PURE__ */ i("div", {
+		}) : /* @__PURE__ */ a("div", {
 			className: "space-y-1.5",
-			children: [u.slice(0, 4).map((e) => /* @__PURE__ */ i("button", {
+			children: [p.slice(0, 4).map((e) => /* @__PURE__ */ a("button", {
 				type: "button",
 				className: "w-full flex items-center gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left",
-				onClick: () => l("/groups"),
-				children: [/* @__PURE__ */ r("div", {
+				onClick: () => d("/groups"),
+				children: [/* @__PURE__ */ i("div", {
 					className: "size-7 rounded-full bg-accent-purple-subtle text-accent-purple flex items-center justify-center text-xs font-bold shrink-0",
 					children: e.name.charAt(0).toUpperCase()
-				}), /* @__PURE__ */ i("div", {
+				}), /* @__PURE__ */ a("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ r("p", {
+					children: [/* @__PURE__ */ i("p", {
 						className: "text-sm font-medium text-text-primary truncate",
 						children: e.name
-					}), e.description && /* @__PURE__ */ r("p", {
+					}), e.description && /* @__PURE__ */ i("p", {
 						className: "text-[11px] text-text-secondary truncate",
 						children: e.description
 					})]
 				})]
-			}, e.id)), d > 4 && /* @__PURE__ */ i("p", {
+			}, e.id)), m > 4 && /* @__PURE__ */ i("p", {
 				className: "text-[11px] text-text-secondary text-center",
-				children: [
-					"+",
-					d - 4,
-					" more groups"
-				]
+				children: e(f, "dashboard.groups.more", "+{count} more groups", { count: m - 4 })
 			})]
 		})
 	});
 }
 //#endregion
-export { s as GroupsWidget };
+export { l as GroupsWidget };
 
 //# sourceMappingURL=GroupsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/GroupsWidget.tsx"],"sourcesContent":["import { Users, ArrowRight } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function GroupsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const groups = workspaceData?.groups.items ?? [];\n  const total = workspaceData?.groups.totalCount ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Groups\"\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/groups')}>\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      {groups.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No groups yet\"\n          description=\"Groups bundle members together so you can manage and mention them as one.\"\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-1.5\">\n          {groups.slice(0, 4).map((group) => (\n            <button\n              key={group.id}\n              type=\"button\"\n              className=\"w-full flex items-center gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n              onClick={() => navigate('/groups')}\n            >\n              <div className=\"size-7 rounded-full bg-accent-purple-subtle text-accent-purple flex items-center justify-center text-xs font-bold shrink-0\">\n                {group.name.charAt(0).toUpperCase()}\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium text-text-primary truncate\">{group.name}</p>\n                {group.description && (\n                  <p className=\"text-[11px] text-text-secondary truncate\">{group.description}</p>\n                )}\n              </div>\n            </button>\n          ))}\n          {total > 4 && (\n            <p className=\"text-[11px] text-text-secondary text-center\">+{total - 4} more groups</p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAa,EAAE,kBAAe,cAAW,eAAyB;CAChF,IAAM,IAAS,GAAe,OAAO,SAAS,EAAE,EAC1C,IAAQ,GAAe,OAAO,cAAc;AAElD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,UAAU;aACtF,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGV,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,MACvB,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,UAAU;cAJpC,CAME,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,OAAO,EAAE,CAAC,aAAa;KAC/B,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAkD,EAAM;MAAS,CAAA,EAC7E,EAAM,eACL,kBAAC,KAAD;MAAG,WAAU;gBAA4C,EAAM;MAAgB,CAAA,CAE7E;OACC;MAdF,EAAM,GAcJ,CACT,EACD,IAAQ,KACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KAAE,IAAQ;KAAE;KAAgB;MAErF;;EAEM,CAAA"}
+{"version":3,"file":"GroupsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/GroupsWidget.tsx"],"sourcesContent":["import { Users, ArrowRight } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nexport function GroupsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const groups = workspaceData?.groups.items ?? [];\n  const total = workspaceData?.groups.totalCount ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.groups.title', 'Groups')}\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/groups')}>\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      {groups.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title={tWithFallback(t, 'dashboard.groups.emptyTitle', 'No groups yet')}\n          description={tWithFallback(\n            t,\n            'dashboard.groups.emptyDescription',\n            'Groups bundle members together so you can manage and mention them as one.'\n          )}\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-1.5\">\n          {groups.slice(0, 4).map((group) => (\n            <button\n              key={group.id}\n              type=\"button\"\n              className=\"w-full flex items-center gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n              onClick={() => navigate('/groups')}\n            >\n              <div className=\"size-7 rounded-full bg-accent-purple-subtle text-accent-purple flex items-center justify-center text-xs font-bold shrink-0\">\n                {group.name.charAt(0).toUpperCase()}\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium text-text-primary truncate\">{group.name}</p>\n                {group.description && (\n                  <p className=\"text-[11px] text-text-secondary truncate\">{group.description}</p>\n                )}\n              </div>\n            </button>\n          ))}\n          {total > 4 && (\n            <p className=\"text-[11px] text-text-secondary text-center\">\n              {tWithFallback(t, 'dashboard.groups.more', '+{count} more groups', {\n                count: total - 4,\n              })}\n            </p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,EAAa,EAAE,kBAAe,cAAW,eAAyB;CAChF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAS,GAAe,OAAO,SAAS,EAAE,EAC1C,IAAQ,GAAe,OAAO,cAAc;AAElD,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,0BAA0B,SAAS;EAC3D,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,UAAU;aACtF,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGV,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,+BAA+B,gBAAgB;GACvE,aAAa,EACX,GACA,qCACA,4EACD;GACD,WAAU;GACV,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,MACvB,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,UAAU;cAJpC,CAME,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,OAAO,EAAE,CAAC,aAAa;KAC/B,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAkD,EAAM;MAAS,CAAA,EAC7E,EAAM,eACL,kBAAC,KAAD;MAAG,WAAU;gBAA4C,EAAM;MAAgB,CAAA,CAE7E;OACC;MAdF,EAAM,GAcJ,CACT,EACD,IAAQ,KACP,kBAAC,KAAD;IAAG,WAAU;cACV,EAAc,GAAG,yBAAyB,wBAAwB,EACjE,OAAO,IAAQ,GAChB,CAAC;IACA,CAAA,CAEF;;EAEM,CAAA"}

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

@@ -1,58 +1,58 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, UserPlus as n, Users as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Button as o } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { ArrowRight as n, UserPlus as r, Users as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "@burdenoff/fe-libs/ui";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/MembersWidget.tsx
-function s({ workspaceData: s, globalData: c, isLoading: l, navigate: u }) {
-	let d = c?.workspaces?.items ?? s?.workspaces.items ?? [], f = d.reduce((e, t) => e + (t.memberCount ?? 0), 0), p = c?.workspaces?.total ?? s?.workspaces.total ?? 0;
-	return /* @__PURE__ */ i(e, {
-		title: "Members",
-		icon: /* @__PURE__ */ i(r, { className: "size-4" }),
+function l({ workspaceData: l, globalData: u, isLoading: d, navigate: f }) {
+	let { t: p } = c(), m = u?.workspaces?.items ?? l?.workspaces.items ?? [], h = m.reduce((e, t) => e + (t.memberCount ?? 0), 0), g = u?.workspaces?.total ?? l?.workspaces.total ?? 0;
+	return /* @__PURE__ */ a(t, {
+		title: e(p, "dashboard.members.title", "Members"),
+		icon: /* @__PURE__ */ a(i, { className: "size-4" }),
 		size: "small",
-		isLoading: l,
-		unavailable: !s && !c,
-		headerAction: /* @__PURE__ */ i(o, {
+		isLoading: d,
+		unavailable: !l && !u,
+		headerAction: /* @__PURE__ */ a(s, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => u("/workspaces/members"),
-			children: /* @__PURE__ */ i(t, { className: "size-3" })
+			onClick: () => f("/workspaces/members"),
+			children: /* @__PURE__ */ a(n, { className: "size-3" })
 		}),
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ o("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "text-center",
-					children: [/* @__PURE__ */ i("p", {
+					children: [/* @__PURE__ */ a("p", {
 						className: "text-3xl font-bold text-text-primary tabular-nums",
-						children: f
+						children: h
 					}), /* @__PURE__ */ a("p", {
 						className: "text-xs text-text-secondary",
-						children: [
-							f === 1 ? "Member" : "Members",
-							" across ",
-							p,
-							" ",
-							p === 1 ? "workspace" : "workspaces"
-						]
+						children: e(p, "dashboard.members.summary", "{memberLabel} across {count} {workspaceLabel}", {
+							memberLabel: h === 1 ? e(p, "dashboard.members.memberSingular", "Member") : e(p, "dashboard.members.memberPlural", "Members"),
+							count: g,
+							workspaceLabel: g === 1 ? e(p, "dashboard.members.workspaceSingular", "workspace") : e(p, "dashboard.members.workspacePlural", "workspaces")
+						})
 					})]
 				}),
-				/* @__PURE__ */ a(o, {
+				/* @__PURE__ */ o(s, {
 					variant: "outline",
 					size: "sm",
 					className: "w-full text-xs",
-					onClick: () => u("/workspaces/members?invite=true"),
-					children: [/* @__PURE__ */ i(n, { className: "size-3 mr-1.5" }), "Invite a member"]
+					onClick: () => f("/workspaces/members?invite=true"),
+					children: [/* @__PURE__ */ a(r, { className: "size-3 mr-1.5" }), e(p, "dashboard.members.invite", "Invite a member")]
 				}),
-				d.length > 0 && /* @__PURE__ */ a("div", {
+				m.length > 0 && /* @__PURE__ */ o("div", {
 					className: "flex -space-x-2 justify-center",
-					children: [d.slice(0, 5).map((e) => /* @__PURE__ */ i("div", {
+					children: [m.slice(0, 5).map((e) => /* @__PURE__ */ a("div", {
 						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",
 						title: e.name,
 						children: e.name.charAt(0).toUpperCase()
-					}, e.id)), p > 5 && /* @__PURE__ */ a("div", {
+					}, e.id)), g > 5 && /* @__PURE__ */ o("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",
-						children: ["+", p - 5]
+						children: ["+", g - 5]
 					})]
 				})
 			]
@@ -60,6 +60,6 @@ function s({ workspaceData: s, globalData: c, isLoading: l, navigate: u }) {
 	});
 }
 //#endregion
-export { s as MembersWidget };
+export { l as MembersWidget };
 
 //# sourceMappingURL=MembersWidget.js.map

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 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"}
+{"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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nexport function MembersWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n\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={tWithFallback(t, 'dashboard.members.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            {tWithFallback(\n              t,\n              'dashboard.members.summary',\n              '{memberLabel} across {count} {workspaceLabel}',\n              {\n                memberLabel:\n                  totalMembers === 1\n                    ? tWithFallback(t, 'dashboard.members.memberSingular', 'Member')\n                    : tWithFallback(t, 'dashboard.members.memberPlural', 'Members'),\n                count: totalWorkspaces,\n                workspaceLabel:\n                  totalWorkspaces === 1\n                    ? tWithFallback(t, 'dashboard.members.workspaceSingular', 'workspace')\n                    : tWithFallback(t, 'dashboard.members.workspacePlural', 'workspaces'),\n              }\n            )}\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          {tWithFallback(t, 'dashboard.members.invite', '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":";;;;;;;AAOA,SAAgB,EAAc,EAAE,kBAAe,eAAY,cAAW,eAAyB;CAC7F,IAAM,EAAE,SAAM,GAAS,EAGjB,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,OAAO,EAAc,GAAG,2BAA2B,UAAU;EAC7D,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;gBACV,EACC,GACA,6BACA,iDACA;OACE,aACE,MAAiB,IACb,EAAc,GAAG,oCAAoC,SAAS,GAC9D,EAAc,GAAG,kCAAkC,UAAU;OACnE,OAAO;OACP,gBACE,MAAoB,IAChB,EAAc,GAAG,uCAAuC,YAAY,GACpE,EAAc,GAAG,qCAAqC,aAAa;OAC1E,CACF;MACC,CAAA,CACA;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,EAAS,kCAAkC;eAJ5D,CAME,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,EACrC,EAAc,GAAG,4BAA4B,kBAAkB,CACzD;;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/ProjectsWidget.js

@@ -1,82 +1,80 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, Circle as n, FolderKanban as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Button as s, IllustratedEmptyState as c } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { ArrowRight as n, Circle as r, FolderKanban as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, IllustratedEmptyState as l } from "@burdenoff/fe-libs/ui";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/ProjectsWidget.tsx
-var l = {
+var d = {
 	ACTIVE: "bg-status-success-bg",
 	INACTIVE: "bg-text-tertiary",
 	ARCHIVED: "bg-status-warning-bg"
-}, u = {
+}, f = {
 	ACTIVE: "default",
 	INACTIVE: "secondary",
 	ARCHIVED: "outline"
 };
-function d({ workspaceData: d, isLoading: f, navigate: p }) {
-	let m = d?.projects.items ?? [], h = d?.projects.total ?? 0, g = m.filter((e) => e.status === "ACTIVE").length, _ = m.filter((e) => e.status === "INACTIVE").length;
-	return /* @__PURE__ */ i(e, {
-		title: "Projects",
-		icon: /* @__PURE__ */ i(r, { className: "size-4" }),
+function p({ workspaceData: p, isLoading: m, navigate: h }) {
+	let { t: g } = u(), _ = p?.projects.items ?? [], v = p?.projects.total ?? 0, y = _.filter((e) => e.status === "ACTIVE").length, b = _.filter((e) => e.status === "INACTIVE").length;
+	return /* @__PURE__ */ a(t, {
+		title: e(g, "dashboard.projects.title", "Projects"),
+		icon: /* @__PURE__ */ a(i, { className: "size-4" }),
 		size: "medium",
-		isLoading: f,
-		unavailable: !d,
-		headerAction: /* @__PURE__ */ a(s, {
+		isLoading: m,
+		unavailable: !p,
+		headerAction: /* @__PURE__ */ o(c, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => p("/workspaces/projects"),
-			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
+			onClick: () => h("/workspaces/projects"),
+			children: [
+				e(g, "dashboard.projects.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ a(n, { className: "ml-1 size-3" })
+			]
 		}),
-		children: m.length === 0 ? /* @__PURE__ */ i(c, {
+		children: _.length === 0 ? /* @__PURE__ */ a(l, {
 			illustration: "empty-data",
-			title: "No projects yet",
+			title: e(g, "dashboard.projects.emptyTitle", "No projects yet"),
 			className: "py-4",
-			action: /* @__PURE__ */ i(s, {
+			action: /* @__PURE__ */ a(c, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => p("/workspaces/projects"),
-				children: "Create a project"
+				onClick: () => h("/workspaces/projects"),
+				children: e(g, "dashboard.projects.createProject", "Create a project")
 			})
-		}) : /* @__PURE__ */ a("div", {
+		}) : /* @__PURE__ */ o("div", {
 			className: "space-y-3",
-			children: [h > 0 && /* @__PURE__ */ a("div", {
+			children: [v > 0 && /* @__PURE__ */ o("div", {
 				className: "flex items-center gap-3 text-xs text-text-secondary",
 				children: [
-					/* @__PURE__ */ a("span", {
+					/* @__PURE__ */ o("span", {
 						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ i(n, { className: `size-2 fill-status-success-bg text-status-success-bg ${g > 0 ? "motion-safe:animate-vc-glow-pulse" : ""}` }),
-							g,
-							" active"
-						]
+						children: [/* @__PURE__ */ a(r, { className: `size-2 fill-status-success-bg text-status-success-bg ${y > 0 ? "motion-safe:animate-vc-glow-pulse" : ""}` }), e(g, "dashboard.projects.activeCount", "{count} active", { count: y })]
 					}),
-					_ > 0 && /* @__PURE__ */ a("span", {
+					b > 0 && /* @__PURE__ */ o("span", {
 						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ i(n, { className: "size-2 fill-text-tertiary text-text-tertiary" }),
-							_,
-							" inactive"
-						]
+						children: [/* @__PURE__ */ a(r, { className: "size-2 fill-text-tertiary text-text-tertiary" }), e(g, "dashboard.projects.inactiveCount", "{count} inactive", { count: b })]
 					}),
 					/* @__PURE__ */ a("span", {
 						className: "ml-auto font-medium",
-						children: [h, " total"]
+						children: e(g, "dashboard.projects.totalCount", "{count} total", { count: v })
 					})
 				]
-			}), /* @__PURE__ */ i("div", {
+			}), /* @__PURE__ */ a("div", {
 				className: "space-y-2",
-				children: m.slice(0, 4).map((e) => /* @__PURE__ */ a("button", {
+				children: _.slice(0, 4).map((e) => /* @__PURE__ */ o("button", {
 					type: "button",
 					className: "w-full flex items-center justify-between p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors text-left",
-					onClick: () => p(`/workspaces/${e.workspaceId}/projects`),
-					children: [/* @__PURE__ */ a("div", {
+					onClick: () => h(`/workspaces/${e.workspaceId}/projects`),
+					children: [/* @__PURE__ */ o("div", {
 						className: "flex items-center gap-2 min-w-0",
-						children: [/* @__PURE__ */ i(n, { className: `size-2 ${l[e.status] || "bg-text-tertiary"} fill-current ${e.status === "ACTIVE" ? "motion-safe:animate-vc-glow-pulse" : ""}` }), /* @__PURE__ */ i("span", {
+						children: [/* @__PURE__ */ a(r, { className: `size-2 ${d[e.status] || "bg-text-tertiary"} fill-current ${e.status === "ACTIVE" ? "motion-safe:animate-vc-glow-pulse" : ""}` }), /* @__PURE__ */ a("span", {
 							className: "text-sm font-medium text-text-primary truncate",
 							children: e.name
 						})]
-					}), /* @__PURE__ */ i(o, {
-						variant: u[e.status] || "outline",
+					}), /* @__PURE__ */ a(s, {
+						variant: f[e.status] || "outline",
 						className: "text-[10px] shrink-0",
 						children: e.key
 					})]
@@ -86,6 +84,6 @@ function d({ workspaceData: d, isLoading: f, navigate: p }) {
 	});
 }
 //#endregion
-export { d as ProjectsWidget };
+export { p as ProjectsWidget };
 
 //# sourceMappingURL=ProjectsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/ProjectsWidget.tsx"],"sourcesContent":["import { FolderKanban, ArrowRight, Circle } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst statusColors: Record<string, string> = {\n  ACTIVE: 'bg-status-success-bg',\n  INACTIVE: 'bg-text-tertiary',\n  ARCHIVED: 'bg-status-warning-bg',\n};\n\nconst statusVariant: Record<string, 'default' | 'secondary' | 'outline'> = {\n  ACTIVE: 'default',\n  INACTIVE: 'secondary',\n  ARCHIVED: 'outline',\n};\n\nexport function ProjectsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const projects = workspaceData?.projects.items ?? [];\n  const total = workspaceData?.projects.total ?? 0;\n\n  // Status breakdown\n  const activeCount = projects.filter((p) => p.status === 'ACTIVE').length;\n  const inactiveCount = projects.filter((p) => p.status === 'INACTIVE').length;\n\n  return (\n    <WidgetWrapper\n      title=\"Projects\"\n      icon={<FolderKanban 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('/workspaces/projects')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {projects.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No projects yet\"\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workspaces/projects')}>\n              Create a project\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {total > 0 && (\n            <div className=\"flex items-center gap-3 text-xs text-text-secondary\">\n              <span className=\"flex items-center gap-1\">\n                <Circle\n                  className={`size-2 fill-status-success-bg text-status-success-bg ${\n                    activeCount > 0 ? 'motion-safe:animate-vc-glow-pulse' : ''\n                  }`}\n                />\n                {activeCount} active\n              </span>\n              {inactiveCount > 0 && (\n                <span className=\"flex items-center gap-1\">\n                  <Circle className=\"size-2 fill-text-tertiary text-text-tertiary\" />\n                  {inactiveCount} inactive\n                </span>\n              )}\n              <span className=\"ml-auto font-medium\">{total} total</span>\n            </div>\n          )}\n          <div className=\"space-y-2\">\n            {projects.slice(0, 4).map((proj) => (\n              <button\n                key={proj.id}\n                type=\"button\"\n                className=\"w-full flex items-center justify-between p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n                onClick={() => navigate(`/workspaces/${proj.workspaceId}/projects`)}\n              >\n                <div className=\"flex items-center gap-2 min-w-0\">\n                  <Circle\n                    className={`size-2 ${statusColors[proj.status] || 'bg-text-tertiary'} fill-current ${\n                      proj.status === 'ACTIVE' ? 'motion-safe:animate-vc-glow-pulse' : ''\n                    }`}\n                  />\n                  <span className=\"text-sm font-medium text-text-primary truncate\">\n                    {proj.name}\n                  </span>\n                </div>\n                <Badge\n                  variant={statusVariant[proj.status] || 'outline'}\n                  className=\"text-[10px] shrink-0\"\n                >\n                  {proj.key}\n                </Badge>\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuC;CAC3C,QAAQ;CACR,UAAU;CACV,UAAU;CACX,EAEK,IAAqE;CACzE,QAAQ;CACR,UAAU;CACV,UAAU;CACX;AAED,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,IAAW,GAAe,SAAS,SAAS,EAAE,EAC9C,IAAQ,GAAe,SAAS,SAAS,GAGzC,IAAc,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC5D,IAAgB,EAAS,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;AAEtE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;EACzC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,uBAAuB;aAJjD,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAS,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,uBAAuB;cAAE;IAE5E,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IAAQ,KACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EACE,WAAW,wDACT,IAAc,IAAI,sCAAsC,MAE1D,CAAA;OACD;OAAY;OACR;;KACN,IAAgB,KACf,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAQ,WAAU,gDAAiD,CAAA;OAClE;OAAc;OACV;;KAET,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAAuC,GAAM,SAAa;;KACtD;OAER,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,MAAM,GAAG,EAAE,CAAC,KAAK,MACzB,kBAAC,UAAD;KAEE,MAAK;KACL,WAAU;KACV,eAAe,EAAS,eAAe,EAAK,YAAY,WAAW;eAJrE,CAME,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,UAAU,EAAa,EAAK,WAAW,mBAAmB,gBACnE,EAAK,WAAW,WAAW,sCAAsC,MAEnE,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,CACH;SACN,kBAAC,GAAD;MACE,SAAS,EAAc,EAAK,WAAW;MACvC,WAAU;gBAET,EAAK;MACA,CAAA,CACD;OArBF,EAAK,GAqBH,CACT;IACE,CAAA,CACF;;EAEM,CAAA"}
+{"version":3,"file":"ProjectsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/ProjectsWidget.tsx"],"sourcesContent":["import { FolderKanban, ArrowRight, Circle } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nconst statusColors: Record<string, string> = {\n  ACTIVE: 'bg-status-success-bg',\n  INACTIVE: 'bg-text-tertiary',\n  ARCHIVED: 'bg-status-warning-bg',\n};\n\nconst statusVariant: Record<string, 'default' | 'secondary' | 'outline'> = {\n  ACTIVE: 'default',\n  INACTIVE: 'secondary',\n  ARCHIVED: 'outline',\n};\n\nexport function ProjectsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const projects = workspaceData?.projects.items ?? [];\n  const total = workspaceData?.projects.total ?? 0;\n\n  // Status breakdown\n  const activeCount = projects.filter((p) => p.status === 'ACTIVE').length;\n  const inactiveCount = projects.filter((p) => p.status === 'INACTIVE').length;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.projects.title', 'Projects')}\n      icon={<FolderKanban 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('/workspaces/projects')}\n        >\n          {tWithFallback(t, 'dashboard.projects.viewAll', 'View all')}{' '}\n          <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {projects.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'dashboard.projects.emptyTitle', 'No projects yet')}\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workspaces/projects')}>\n              {tWithFallback(t, 'dashboard.projects.createProject', 'Create a project')}\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {total > 0 && (\n            <div className=\"flex items-center gap-3 text-xs text-text-secondary\">\n              <span className=\"flex items-center gap-1\">\n                <Circle\n                  className={`size-2 fill-status-success-bg text-status-success-bg ${\n                    activeCount > 0 ? 'motion-safe:animate-vc-glow-pulse' : ''\n                  }`}\n                />\n                {tWithFallback(t, 'dashboard.projects.activeCount', '{count} active', {\n                  count: activeCount,\n                })}\n              </span>\n              {inactiveCount > 0 && (\n                <span className=\"flex items-center gap-1\">\n                  <Circle className=\"size-2 fill-text-tertiary text-text-tertiary\" />\n                  {tWithFallback(t, 'dashboard.projects.inactiveCount', '{count} inactive', {\n                    count: inactiveCount,\n                  })}\n                </span>\n              )}\n              <span className=\"ml-auto font-medium\">\n                {tWithFallback(t, 'dashboard.projects.totalCount', '{count} total', {\n                  count: total,\n                })}\n              </span>\n            </div>\n          )}\n          <div className=\"space-y-2\">\n            {projects.slice(0, 4).map((proj) => (\n              <button\n                key={proj.id}\n                type=\"button\"\n                className=\"w-full flex items-center justify-between p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n                onClick={() => navigate(`/workspaces/${proj.workspaceId}/projects`)}\n              >\n                <div className=\"flex items-center gap-2 min-w-0\">\n                  <Circle\n                    className={`size-2 ${statusColors[proj.status] || 'bg-text-tertiary'} fill-current ${\n                      proj.status === 'ACTIVE' ? 'motion-safe:animate-vc-glow-pulse' : ''\n                    }`}\n                  />\n                  <span className=\"text-sm font-medium text-text-primary truncate\">\n                    {proj.name}\n                  </span>\n                </div>\n                <Badge\n                  variant={statusVariant[proj.status] || 'outline'}\n                  className=\"text-[10px] shrink-0\"\n                >\n                  {proj.key}\n                </Badge>\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAuC;CAC3C,QAAQ;CACR,UAAU;CACV,UAAU;CACX,EAEK,IAAqE;CACzE,QAAQ;CACR,UAAU;CACV,UAAU;CACX;AAED,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAe,SAAS,SAAS,EAAE,EAC9C,IAAQ,GAAe,SAAS,SAAS,GAGzC,IAAc,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC5D,IAAgB,EAAS,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;AAEtE,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,4BAA4B,WAAW;EAC/D,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;EACzC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,uBAAuB;aAJjD;IAMG,EAAc,GAAG,8BAA8B,WAAW;IAAE;IAC7D,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IAC/B;;YAGV,EAAS,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,iCAAiC,kBAAkB;GAC3E,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,uBAAuB;cAChF,EAAc,GAAG,oCAAoC,mBAAmB;IAClE,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IAAQ,KACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EACE,WAAW,wDACT,IAAc,IAAI,sCAAsC,MAE1D,CAAA,EACD,EAAc,GAAG,kCAAkC,kBAAkB,EACpE,OAAO,GACR,CAAC,CACG;;KACN,IAAgB,KACf,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,gDAAiD,CAAA,EAClE,EAAc,GAAG,oCAAoC,oBAAoB,EACxE,OAAO,GACR,CAAC,CACG;;KAET,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAc,GAAG,iCAAiC,iBAAiB,EAClE,OAAO,GACR,CAAC;MACG,CAAA;KACH;OAER,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,MAAM,GAAG,EAAE,CAAC,KAAK,MACzB,kBAAC,UAAD;KAEE,MAAK;KACL,WAAU;KACV,eAAe,EAAS,eAAe,EAAK,YAAY,WAAW;eAJrE,CAME,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,UAAU,EAAa,EAAK,WAAW,mBAAmB,gBACnE,EAAK,WAAW,WAAW,sCAAsC,MAEnE,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,CACH;SACN,kBAAC,GAAD;MACE,SAAS,EAAc,EAAK,WAAW;MACvC,WAAU;gBAET,EAAK;MACA,CAAA,CACD;OArBF,EAAK,GAqBH,CACT;IACE,CAAA,CACF;;EAEM,CAAA"}