@burdenoff/microfe-workspaces 2026.802.1 → 2026.829.1

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, IllustratedEmptyState } 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        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No workflow data available\"\n          description=\"Once you run automations, their status and counts will appear here.\"\n          className=\"py-4\"\n        />\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\">\n                {stats.activeWorkflowsCount}\n              </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\">\n                {stats.archivedWorkflowsCount}\n              </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,IAQA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,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;OA/CN,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,CAAA;EA4CU,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, 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 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 { t } = useI18n();\n  const stats = workspaceData?.workflowStats;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.workflowStats.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          {tWithFallback(t, 'dashboard.workflowStats.viewAll', 'View all')}{' '}\n          <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(\n            t,\n            'dashboard.workflowStats.emptyTitle',\n            'No workflow data available'\n          )}\n          description={tWithFallback(\n            t,\n            'dashboard.workflowStats.emptyDescription',\n            'Once you run automations, their status and counts will appear here.'\n          )}\n          className=\"py-4\"\n        />\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\">\n                {stats.activeWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowStats.statActive', 'Active')}\n              </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\">\n                {stats.archivedWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowStats.statArchived', 'Archived')}\n              </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                {tWithFallback(t, 'dashboard.workflowStats.recentRunsHeading', '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":";;;;;;;AAOA,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,EAAE,SAAM,GAAS,EACjB,IAAQ,GAAe;AAE7B,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,iCAAiC,YAAY;EACrE,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;IAMG,EAAc,GAAG,mCAAmC,WAAW;IAAE;IAClE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IAC/B;;YAGT,IAgBA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,sCAAsC,SAAS;MAC/D,CAAA,CACA;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,wCAAwC,WAAW;MACnE,CAAA,CACA;OACF;OACL,EAAM,WAAW,SAAS,KACzB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAc,GAAG,6CAA6C,cAAc;KAC3E,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;OA3DN,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EACL,GACA,sCACA,6BACD;GACD,aAAa,EACX,GACA,4CACA,sEACD;GACD,WAAU;GACV,CAAA;EAgDU,CAAA"}

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

@@ -1,91 +1,101 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, GitBranch as n, Plus 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 { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { ArrowRight as n, GitBranch as r, Plus as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s, IllustratedEmptyState as c } from "@burdenoff/fe-libs/ui";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/WorkflowsOverviewWidget.tsx
-function c(e) {
-	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 6e4);
-	if (n < 1) return "just now";
-	if (n < 60) return `${n}m ago`;
-	let r = Math.floor(n / 60);
-	if (r < 24) return `${r}h ago`;
-	let i = Math.floor(r / 24);
-	return i < 7 ? `${i}d ago` : new Date(e).toLocaleDateString(void 0, {
+function u(t, n) {
+	let r = Date.now() - new Date(n).getTime(), i = Math.floor(r / 6e4);
+	if (i < 1) return e(t, "dashboard.workflowsOverview.justNow", "just now");
+	if (i < 60) return e(t, "dashboard.workflowsOverview.minutesAgo", "{count}m ago", { count: i });
+	let a = Math.floor(i / 60);
+	if (a < 24) return e(t, "dashboard.workflowsOverview.hoursAgo", "{count}h ago", { count: a });
+	let o = Math.floor(a / 24);
+	return o < 7 ? e(t, "dashboard.workflowsOverview.daysAgo", "{count}d ago", { count: o }) : new Date(n).toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
 	});
 }
-function l({ workspaceData: l, isLoading: u, navigate: d }) {
-	let f = l?.workflowStats, p = f?.recentWorkflows ?? [];
-	return /* @__PURE__ */ i(e, {
-		title: "Workflows",
-		icon: /* @__PURE__ */ i(n, { className: "size-4" }),
+function d({ workspaceData: d, isLoading: f, navigate: p }) {
+	let { t: m } = l(), h = d?.workflowStats, g = h?.recentWorkflows ?? [];
+	return /* @__PURE__ */ a(t, {
+		title: e(m, "dashboard.workflowsOverview.title", "Workflows"),
+		icon: /* @__PURE__ */ a(r, { className: "size-4" }),
 		size: "medium",
-		isLoading: u,
-		unavailable: !l,
-		headerAction: /* @__PURE__ */ a(o, {
+		isLoading: f,
+		unavailable: !d,
+		headerAction: /* @__PURE__ */ o(s, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => d("/workflows/list"),
-			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
+			onClick: () => p("/workflows/list"),
+			children: [
+				e(m, "dashboard.workflowsOverview.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ a(n, { className: "ml-1 size-3" })
+			]
 		}),
-		children: f ? /* @__PURE__ */ a("div", {
+		children: h ? /* @__PURE__ */ o("div", {
 			className: "space-y-3",
-			children: [/* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ o("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ a("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
-					children: [/* @__PURE__ */ i("p", {
+					children: [/* @__PURE__ */ a("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: f.activeWorkflowsCount
-					}), /* @__PURE__ */ i("p", {
+						children: h.activeWorkflowsCount
+					}), /* @__PURE__ */ a("p", {
 						className: "text-xs text-text-secondary",
-						children: "Active"
+						children: e(m, "dashboard.workflowsOverview.statActive", "Active")
 					})]
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ o("div", {
 					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
-					children: [/* @__PURE__ */ i("p", {
+					children: [/* @__PURE__ */ a("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: f.archivedWorkflowsCount
-					}), /* @__PURE__ */ i("p", {
+						children: h.archivedWorkflowsCount
+					}), /* @__PURE__ */ a("p", {
 						className: "text-xs text-text-secondary",
-						children: "Archived"
+						children: e(m, "dashboard.workflowsOverview.statArchived", "Archived")
 					})]
 				})]
-			}), p.length > 0 && /* @__PURE__ */ a("div", {
+			}), g.length > 0 && /* @__PURE__ */ o("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ i("p", {
+				children: [/* @__PURE__ */ a("p", {
 					className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
-					children: "Recently Updated"
-				}), p.slice(0, 4).map((e) => /* @__PURE__ */ a("button", {
+					children: e(m, "dashboard.workflowsOverview.recentlyUpdatedHeading", "Recently Updated")
+				}), g.slice(0, 4).map((e) => /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: () => d(`/workflows/workflow/${e.workflowKey}/${e.version}`),
+					onClick: () => p(`/workflows/workflow/${e.workflowKey}/${e.version}`),
 					className: "flex w-full items-center justify-between gap-2 rounded-md p-1.5 text-left transition-colors hover:bg-accent/5",
-					children: [/* @__PURE__ */ i("span", {
+					children: [/* @__PURE__ */ a("span", {
 						className: "truncate text-sm text-text-primary",
 						children: e.name
-					}), /* @__PURE__ */ i("span", {
+					}), /* @__PURE__ */ a("span", {
 						className: "shrink-0 text-[11px] text-text-secondary",
-						children: c(e.updatedAt)
+						children: u(m, e.updatedAt)
 					})]
 				}, `${e.workflowKey}-${e.version}`))]
 			})]
-		}) : /* @__PURE__ */ i(s, {
+		}) : /* @__PURE__ */ a(c, {
 			illustration: "empty-data",
-			title: "No workflows yet",
-			description: "Build your first workflow to automate a process.",
+			title: e(m, "dashboard.workflowsOverview.emptyTitle", "No workflows yet"),
+			description: e(m, "dashboard.workflowsOverview.emptyDescription", "Build your first workflow to automate a process."),
 			className: "py-4",
-			action: /* @__PURE__ */ a(o, {
+			action: /* @__PURE__ */ o(s, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => d("/workflows/new"),
-				children: [/* @__PURE__ */ i(r, { className: "mr-1.5 size-3.5" }), " New Workflow"]
+				onClick: () => p("/workflows/new"),
+				children: [
+					/* @__PURE__ */ a(i, { className: "mr-1.5 size-3.5" }),
+					" ",
+					e(m, "dashboard.workflowsOverview.emptyAction", "New Workflow")
+				]
 			})
 		})
 	});
 }
 //#endregion
-export { l as WorkflowsOverviewWidget };
+export { d as WorkflowsOverviewWidget };
 
 //# sourceMappingURL=WorkflowsOverviewWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsOverviewWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowsOverviewWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Plus } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction formatRelative(dateString: string): string {\n  const diffMs = Date.now() - new Date(dateString).getTime();\n  const diffMin = Math.floor(diffMs / 60000);\n  if (diffMin < 1) return 'just now';\n  if (diffMin < 60) return `${diffMin}m ago`;\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24) return `${diffHr}h ago`;\n  const diffDay = Math.floor(diffHr / 24);\n  if (diffDay < 7) return `${diffDay}d ago`;\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function WorkflowsOverviewWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n  const recentWorkflows = stats?.recentWorkflows ?? [];\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/list')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No workflows yet\"\n          description=\"Build your first workflow to automate a process.\"\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workflows/new')}>\n              <Plus className=\"mr-1.5 size-3.5\" /> New Workflow\n            </Button>\n          }\n        />\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\">\n                {stats.activeWorkflowsCount}\n              </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\">\n                {stats.archivedWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Archived</p>\n            </div>\n          </div>\n          {recentWorkflows.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recently Updated\n              </p>\n              {recentWorkflows.slice(0, 4).map((wf) => (\n                <button\n                  key={`${wf.workflowKey}-${wf.version}`}\n                  type=\"button\"\n                  onClick={() => navigate(`/workflows/workflow/${wf.workflowKey}/${wf.version}`)}\n                  className=\"flex w-full items-center justify-between gap-2 rounded-md p-1.5 text-left transition-colors hover:bg-accent/5\"\n                >\n                  <span className=\"truncate text-sm text-text-primary\">{wf.name}</span>\n                  <span className=\"shrink-0 text-[11px] text-text-secondary\">\n                    {formatRelative(wf.updatedAt)}\n                  </span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAe,GAA4B;CAClD,IAAM,IAAS,KAAK,KAAK,GAAG,IAAI,KAAK,EAAW,CAAC,SAAS,EACpD,IAAU,KAAK,MAAM,IAAS,IAAM;AAC1C,KAAI,IAAU,EAAG,QAAO;AACxB,KAAI,IAAU,GAAI,QAAO,GAAG,EAAQ;CACpC,IAAM,IAAS,KAAK,MAAM,IAAU,GAAG;AACvC,KAAI,IAAS,GAAI,QAAO,GAAG,EAAO;CAClC,IAAM,IAAU,KAAK,MAAM,IAAS,GAAG;AAEvC,QADI,IAAU,IAAU,GAAG,EAAQ,SAC5B,IAAI,KAAK,EAAW,CAAC,mBAAmB,KAAA,GAAW;EACxD,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAwB,EAAE,kBAAe,cAAW,eAAyB;CAC3F,IAAM,IAAQ,GAAe,eACvB,IAAkB,GAAO,mBAAmB,EAAE;AAEpD,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,kBAAkB;aAJ5C,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGT,IAaA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,CACnD;OACF;OACL,EAAgB,SAAS,KACxB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmE;KAE5E,CAAA,EACH,EAAgB,MAAM,GAAG,EAAE,CAAC,KAAK,MAChC,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAS,uBAAuB,EAAG,YAAY,GAAG,EAAG,UAAU;KAC9E,WAAU;eAJZ,CAME,kBAAC,QAAD;MAAM,WAAU;gBAAsC,EAAG;MAAY,CAAA,EACrE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,EAAG,UAAU;MACxB,CAAA,CACA;OATF,GAAG,EAAG,YAAY,GAAG,EAAG,UAStB,CACT,CACE;MAEJ;OA/CN,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,iBAAiB;cAA7E,CACE,kBAAC,GAAD,EAAM,WAAU,mBAAoB,CAAA,EAAA,gBAC7B;;GAEX,CAAA;EAuCU,CAAA"}
+{"version":3,"file":"WorkflowsOverviewWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowsOverviewWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Plus } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nfunction formatRelative(t: I18nContextValue['t'], dateString: string): string {\n  const diffMs = Date.now() - new Date(dateString).getTime();\n  const diffMin = Math.floor(diffMs / 60000);\n  if (diffMin < 1) return tWithFallback(t, 'dashboard.workflowsOverview.justNow', 'just now');\n  if (diffMin < 60)\n    return tWithFallback(t, 'dashboard.workflowsOverview.minutesAgo', '{count}m ago', {\n      count: diffMin,\n    });\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24)\n    return tWithFallback(t, 'dashboard.workflowsOverview.hoursAgo', '{count}h ago', {\n      count: diffHr,\n    });\n  const diffDay = Math.floor(diffHr / 24);\n  if (diffDay < 7)\n    return tWithFallback(t, 'dashboard.workflowsOverview.daysAgo', '{count}d ago', {\n      count: diffDay,\n    });\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function WorkflowsOverviewWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const stats = workspaceData?.workflowStats;\n  const recentWorkflows = stats?.recentWorkflows ?? [];\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.workflowsOverview.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/list')}\n        >\n          {tWithFallback(t, 'dashboard.workflowsOverview.viewAll', 'View all')}{' '}\n          <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'dashboard.workflowsOverview.emptyTitle', 'No workflows yet')}\n          description={tWithFallback(\n            t,\n            'dashboard.workflowsOverview.emptyDescription',\n            'Build your first workflow to automate a process.'\n          )}\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workflows/new')}>\n              <Plus className=\"mr-1.5 size-3.5\" />{' '}\n              {tWithFallback(t, 'dashboard.workflowsOverview.emptyAction', 'New Workflow')}\n            </Button>\n          }\n        />\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\">\n                {stats.activeWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowsOverview.statActive', 'Active')}\n              </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\">\n                {stats.archivedWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowsOverview.statArchived', 'Archived')}\n              </p>\n            </div>\n          </div>\n          {recentWorkflows.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tWithFallback(\n                  t,\n                  'dashboard.workflowsOverview.recentlyUpdatedHeading',\n                  'Recently Updated'\n                )}\n              </p>\n              {recentWorkflows.slice(0, 4).map((wf) => (\n                <button\n                  key={`${wf.workflowKey}-${wf.version}`}\n                  type=\"button\"\n                  onClick={() => navigate(`/workflows/workflow/${wf.workflowKey}/${wf.version}`)}\n                  className=\"flex w-full items-center justify-between gap-2 rounded-md p-1.5 text-left transition-colors hover:bg-accent/5\"\n                >\n                  <span className=\"truncate text-sm text-text-primary\">{wf.name}</span>\n                  <span className=\"shrink-0 text-[11px] text-text-secondary\">\n                    {formatRelative(t, wf.updatedAt)}\n                  </span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAS,EAAe,GAA0B,GAA4B;CAC5E,IAAM,IAAS,KAAK,KAAK,GAAG,IAAI,KAAK,EAAW,CAAC,SAAS,EACpD,IAAU,KAAK,MAAM,IAAS,IAAM;AAC1C,KAAI,IAAU,EAAG,QAAO,EAAc,GAAG,uCAAuC,WAAW;AAC3F,KAAI,IAAU,GACZ,QAAO,EAAc,GAAG,0CAA0C,gBAAgB,EAChF,OAAO,GACR,CAAC;CACJ,IAAM,IAAS,KAAK,MAAM,IAAU,GAAG;AACvC,KAAI,IAAS,GACX,QAAO,EAAc,GAAG,wCAAwC,gBAAgB,EAC9E,OAAO,GACR,CAAC;CACJ,IAAM,IAAU,KAAK,MAAM,IAAS,GAAG;AAKvC,QAJI,IAAU,IACL,EAAc,GAAG,uCAAuC,gBAAgB,EAC7E,OAAO,GACR,CAAC,GACG,IAAI,KAAK,EAAW,CAAC,mBAAmB,KAAA,GAAW;EACxD,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAwB,EAAE,kBAAe,cAAW,eAAyB;CAC3F,IAAM,EAAE,SAAM,GAAS,EACjB,IAAQ,GAAe,eACvB,IAAkB,GAAO,mBAAmB,EAAE;AAEpD,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,qCAAqC,YAAY;EACzE,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,kBAAkB;aAJ5C;IAMG,EAAc,GAAG,uCAAuC,WAAW;IAAE;IACtE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IAC/B;;YAGT,IAkBA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,0CAA0C,SAAS;MACnE,CAAA,CACA;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,4CAA4C,WAAW;MACvE,CAAA,CACA;OACF;OACL,EAAgB,SAAS,KACxB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,GACA,sDACA,mBACD;KACC,CAAA,EACH,EAAgB,MAAM,GAAG,EAAE,CAAC,KAAK,MAChC,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAS,uBAAuB,EAAG,YAAY,GAAG,EAAG,UAAU;KAC9E,WAAU;eAJZ,CAME,kBAAC,QAAD;MAAM,WAAU;gBAAsC,EAAG;MAAY,CAAA,EACrE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,GAAG,EAAG,UAAU;MAC3B,CAAA,CACA;OATF,GAAG,EAAG,YAAY,GAAG,EAAG,UAStB,CACT,CACE;MAEJ;OA5DN,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,0CAA0C,mBAAmB;GACrF,aAAa,EACX,GACA,gDACA,mDACD;GACD,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,iBAAiB;cAA7E;KACE,kBAAC,GAAD,EAAM,WAAU,mBAAoB,CAAA;KAAC;KACpC,EAAc,GAAG,2CAA2C,eAAe;KACrE;;GAEX,CAAA;EA+CU,CAAA"}

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

@@ -1,67 +1,69 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, Building2 as n, Circle 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, Building2 as r, Circle 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/WorkspacesWidget.tsx
-var l = {
+var d = {
 	ACTIVE: "bg-status-success-bg",
 	SUSPENDED: "bg-status-warning-bg",
 	ARCHIVED: "bg-text-tertiary"
 };
-function u({ workspaceData: u, isLoading: d, navigate: f }) {
-	let p = u?.workspaces.items ?? [], m = u?.workspaces.total ?? 0;
-	return /* @__PURE__ */ i(e, {
-		title: "Workspaces",
-		icon: /* @__PURE__ */ i(n, { className: "size-4" }),
+function f({ workspaceData: f, isLoading: p, navigate: m }) {
+	let { t: h } = u(), g = f?.workspaces.items ?? [], _ = f?.workspaces.total ?? 0;
+	return /* @__PURE__ */ a(t, {
+		title: e(h, "dashboard.workspaces.title", "Workspaces"),
+		icon: /* @__PURE__ */ a(r, { className: "size-4" }),
 		size: "medium",
-		isLoading: d,
-		unavailable: !u,
-		headerAction: /* @__PURE__ */ a(s, {
+		isLoading: p,
+		unavailable: !f,
+		headerAction: /* @__PURE__ */ o(c, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => f("/workspaces/list"),
-			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
+			onClick: () => m("/workspaces/list"),
+			children: [
+				e(h, "dashboard.workspaces.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ a(n, { className: "ml-1 size-3" })
+			]
 		}),
-		children: p.length === 0 ? /* @__PURE__ */ i(c, {
+		children: g.length === 0 ? /* @__PURE__ */ a(l, {
 			illustration: "empty-data",
-			title: "No workspaces yet",
+			title: e(h, "dashboard.workspaces.emptyTitle", "No workspaces yet"),
 			className: "py-4",
-			action: /* @__PURE__ */ i(s, {
+			action: /* @__PURE__ */ a(c, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => f("/workspaces/list"),
-				children: "Create your first workspace"
+				onClick: () => m("/workspaces/list"),
+				children: e(h, "dashboard.workspaces.emptyAction", "Create your first workspace")
 			})
-		}) : /* @__PURE__ */ a("div", {
+		}) : /* @__PURE__ */ o("div", {
 			className: "space-y-2",
-			children: [p.slice(0, 5).map((e) => /* @__PURE__ */ a("button", {
+			children: [g.slice(0, 5).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: () => f(`/workspaces/${e.id}`),
-				children: [/* @__PURE__ */ a("div", {
+				onClick: () => m(`/workspaces/${e.id}`),
+				children: [/* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2 min-w-0",
-					children: [/* @__PURE__ */ i(r, { 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(i, { 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, {
+				}), /* @__PURE__ */ a(s, {
 					variant: "outline",
 					className: "text-[10px] shrink-0",
 					children: e.type
 				})]
-			}, e.id)), m > 5 && /* @__PURE__ */ a("p", {
+			}, e.id)), _ > 5 && /* @__PURE__ */ a("p", {
 				className: "text-xs text-text-secondary text-center pt-1",
-				children: [
-					"+",
-					m - 5,
-					" more workspaces"
-				]
+				children: e(h, "dashboard.workspaces.more", "+{count} more workspaces", { count: _ - 5 })
 			})]
 		})
 	});
 }
 //#endregion
-export { u as WorkspacesWidget };
+export { f as WorkspacesWidget };
 
 //# sourceMappingURL=WorkspacesWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkspacesWidget.tsx"],"sourcesContent":["import { Building2, 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  SUSPENDED: 'bg-status-warning-bg',\n  ARCHIVED: 'bg-text-tertiary',\n};\n\nexport function WorkspacesWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const workspaces = workspaceData?.workspaces.items ?? [];\n  const total = workspaceData?.workspaces.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Workspaces\"\n      icon={<Building2 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/list')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {workspaces.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No workspaces yet\"\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workspaces/list')}>\n              Create your first workspace\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {workspaces.slice(0, 5).map((ws) => (\n            <button\n              key={ws.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/${ws.id}`)}\n            >\n              <div className=\"flex items-center gap-2 min-w-0\">\n                <Circle\n                  className={`size-2 ${statusColors[ws.status] || 'bg-text-tertiary'} fill-current ${\n                    ws.status === 'ACTIVE' ? 'motion-safe:animate-vc-glow-pulse' : ''\n                  }`}\n                />\n                <span className=\"text-sm font-medium text-text-primary truncate\">{ws.name}</span>\n              </div>\n              <Badge variant=\"outline\" className=\"text-[10px] shrink-0\">\n                {ws.type}\n              </Badge>\n            </button>\n          ))}\n          {total > 5 && (\n            <p className=\"text-xs text-text-secondary text-center pt-1\">\n              +{total - 5} more workspaces\n            </p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuC;CAC3C,QAAQ;CACR,WAAW;CACX,UAAU;CACX;AAED,SAAgB,EAAiB,EAAE,kBAAe,cAAW,eAAyB;CACpF,IAAM,IAAa,GAAe,WAAW,SAAS,EAAE,EAClD,IAAQ,GAAe,WAAW,SAAS;AAEjD,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,mBAAmB;aAJ7C,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,mBAAmB;cAAE;IAExE,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,eAAe,EAAG,KAAK;cAJjD,CAME,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EACE,WAAW,UAAU,EAAa,EAAG,WAAW,mBAAmB,gBACjE,EAAG,WAAW,WAAW,sCAAsC,MAEjE,CAAA,EACF,kBAAC,QAAD;MAAM,WAAU;gBAAkD,EAAG;MAAY,CAAA,CAC7E;QACN,kBAAC,GAAD;KAAO,SAAQ;KAAU,WAAU;eAChC,EAAG;KACE,CAAA,CACD;MAhBF,EAAG,GAgBD,CACT,EACD,IAAQ,KACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA4D;KACxD,IAAQ;KAAE;KACV;MAEF;;EAEM,CAAA"}
+{"version":3,"file":"WorkspacesWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkspacesWidget.tsx"],"sourcesContent":["import { Building2, 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  SUSPENDED: 'bg-status-warning-bg',\n  ARCHIVED: 'bg-text-tertiary',\n};\n\nexport function WorkspacesWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const workspaces = workspaceData?.workspaces.items ?? [];\n  const total = workspaceData?.workspaces.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.workspaces.title', 'Workspaces')}\n      icon={<Building2 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/list')}\n        >\n          {tWithFallback(t, 'dashboard.workspaces.viewAll', 'View all')}{' '}\n          <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {workspaces.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'dashboard.workspaces.emptyTitle', 'No workspaces yet')}\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workspaces/list')}>\n              {tWithFallback(t, 'dashboard.workspaces.emptyAction', 'Create your first workspace')}\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {workspaces.slice(0, 5).map((ws) => (\n            <button\n              key={ws.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/${ws.id}`)}\n            >\n              <div className=\"flex items-center gap-2 min-w-0\">\n                <Circle\n                  className={`size-2 ${statusColors[ws.status] || 'bg-text-tertiary'} fill-current ${\n                    ws.status === 'ACTIVE' ? 'motion-safe:animate-vc-glow-pulse' : ''\n                  }`}\n                />\n                <span className=\"text-sm font-medium text-text-primary truncate\">{ws.name}</span>\n              </div>\n              <Badge variant=\"outline\" className=\"text-[10px] shrink-0\">\n                {ws.type}\n              </Badge>\n            </button>\n          ))}\n          {total > 5 && (\n            <p className=\"text-xs text-text-secondary text-center pt-1\">\n              {tWithFallback(t, 'dashboard.workspaces.more', '+{count} more workspaces', {\n                count: total - 5,\n              })}\n            </p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAuC;CAC3C,QAAQ;CACR,WAAW;CACX,UAAU;CACX;AAED,SAAgB,EAAiB,EAAE,kBAAe,cAAW,eAAyB;CACpF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAa,GAAe,WAAW,SAAS,EAAE,EAClD,IAAQ,GAAe,WAAW,SAAS;AAEjD,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,8BAA8B,aAAa;EACnE,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,mBAAmB;aAJ7C;IAMG,EAAc,GAAG,gCAAgC,WAAW;IAAE;IAC/D,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IAC/B;;YAGV,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,mCAAmC,oBAAoB;GAC/E,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,mBAAmB;cAC5E,EAAc,GAAG,oCAAoC,8BAA8B;IAC7E,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,eAAe,EAAG,KAAK;cAJjD,CAME,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EACE,WAAW,UAAU,EAAa,EAAG,WAAW,mBAAmB,gBACjE,EAAG,WAAW,WAAW,sCAAsC,MAEjE,CAAA,EACF,kBAAC,QAAD;MAAM,WAAU;gBAAkD,EAAG;MAAY,CAAA,CAC7E;QACN,kBAAC,GAAD;KAAO,SAAQ;KAAU,WAAU;eAChC,EAAG;KACE,CAAA,CACD;MAhBF,EAAG,GAgBD,CACT,EACD,IAAQ,KACP,kBAAC,KAAD;IAAG,WAAU;cACV,EAAc,GAAG,6BAA6B,4BAA4B,EACzE,OAAO,IAAQ,GAChB,CAAC;IACA,CAAA,CAEF;;EAEM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.802.1",
+  "version": "2026.829.1",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -23,12 +23,12 @@
   "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && bash scripts/build-limits.sh --gate vite build",
+    "build": "bash scripts/build-limits.sh bash scripts/typecheck.sh && bash scripts/build-limits.sh --gate vite build",
     "lint": "eslint .",
     "lint:sanity": "if [ \"${CI:-}\" = \"true\" ]; then bun run lint; else bun run lint -- --cache --cache-location .eslintcache; fi",
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
-    "type:check": "bash scripts/build-limits.sh tsc --noEmit",
+    "type:check": "bash scripts/build-limits.sh bash scripts/typecheck.sh",
     "test": "bash scripts/build-limits.sh vitest run",
     "test:watch": "vitest",
     "test:coverage": "bash scripts/build-limits.sh vitest run --coverage",
@@ -95,7 +95,7 @@
     "zustand": "^5.0.0"
   },
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   },
   "overrides": {
     "lodash": ">=4.17.21",