@burdenoff/microfe-workspaces 2026.802.1 → 2026.829.1

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

@@ -1 +1 @@
-{"version":3,"file":"VibesWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/VibesWidget.tsx"],"sourcesContent":["import { Sparkles, 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 VibesWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const vibes = workspaceData?.recentVibes ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Recent Vibes\"\n      icon={<Sparkles 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('/vibecontrols/vibes')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {vibes.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-vibes\"\n          title=\"No vibes yet\"\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/vibecontrols/vibes/new')}>\n              <Plus className=\"mr-1.5 size-3.5\" /> Create your first vibe\n            </Button>\n          }\n        />\n      ) : (\n        <ul className=\"space-y-1.5\">\n          {vibes.slice(0, 5).map((vibe) => (\n            <li key={vibe.id}>\n              <button\n                type=\"button\"\n                onClick={() => navigate(`/vibecontrols/vibes/${vibe.id}`)}\n                className=\"flex w-full items-center justify-between gap-2 rounded-md p-2 text-left transition-colors hover:bg-accent/5\"\n              >\n                <span className=\"truncate text-sm font-medium text-text-primary\">{vibe.name}</span>\n                <span className=\"shrink-0 text-[11px] text-text-secondary\">\n                  {formatRelative(vibe.updatedAt)}\n                </span>\n              </button>\n            </li>\n          ))}\n        </ul>\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,EAAY,EAAE,kBAAe,cAAW,eAAyB;CAC/E,IAAM,IAAQ,GAAe,eAAe,EAAE;AAE9C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;EACrC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,sBAAsB;aAJhD,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAM,WAAW,IAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,0BAA0B;cAAtF,CACE,kBAAC,GAAD,EAAM,WAAU,mBAAoB,CAAA,EAAA,0BAC7B;;GAEX,CAAA,GAEF,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,MAAM,GAAG,EAAE,CAAC,KAAK,MACtB,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,uBAAuB,EAAK,KAAK;IACzD,WAAU;cAHZ,CAKE,kBAAC,QAAD;KAAM,WAAU;eAAkD,EAAK;KAAY,CAAA,EACnF,kBAAC,QAAD;KAAM,WAAU;eACb,EAAe,EAAK,UAAU;KAC1B,CAAA,CACA;OACN,EAXI,EAAK,GAWT,CACL;GACC,CAAA;EAEO,CAAA"}
+{"version":3,"file":"VibesWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/VibesWidget.tsx"],"sourcesContent":["import { Sparkles, 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.vibes.justNow', 'just now');\n  if (diffMin < 60)\n    return tWithFallback(t, 'dashboard.vibes.minutesAgo', '{count}m ago', { count: diffMin });\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24)\n    return tWithFallback(t, 'dashboard.vibes.hoursAgo', '{count}h ago', { count: diffHr });\n  const diffDay = Math.floor(diffHr / 24);\n  if (diffDay < 7)\n    return tWithFallback(t, 'dashboard.vibes.daysAgo', '{count}d ago', { count: diffDay });\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function VibesWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const vibes = workspaceData?.recentVibes ?? [];\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.vibes.title', 'Recent Vibes')}\n      icon={<Sparkles 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('/vibecontrols/vibes')}\n        >\n          {tWithFallback(t, 'dashboard.vibes.viewAll', 'View all')}{' '}\n          <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {vibes.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-vibes\"\n          title={tWithFallback(t, 'dashboard.vibes.emptyTitle', 'No vibes yet')}\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/vibecontrols/vibes/new')}>\n              <Plus className=\"mr-1.5 size-3.5\" />{' '}\n              {tWithFallback(t, 'dashboard.vibes.emptyAction', 'Create your first vibe')}\n            </Button>\n          }\n        />\n      ) : (\n        <ul className=\"space-y-1.5\">\n          {vibes.slice(0, 5).map((vibe) => (\n            <li key={vibe.id}>\n              <button\n                type=\"button\"\n                onClick={() => navigate(`/vibecontrols/vibes/${vibe.id}`)}\n                className=\"flex w-full items-center justify-between gap-2 rounded-md p-2 text-left transition-colors hover:bg-accent/5\"\n              >\n                <span className=\"truncate text-sm font-medium text-text-primary\">{vibe.name}</span>\n                <span className=\"shrink-0 text-[11px] text-text-secondary\">\n                  {formatRelative(t, vibe.updatedAt)}\n                </span>\n              </button>\n            </li>\n          ))}\n        </ul>\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,2BAA2B,WAAW;AAC/E,KAAI,IAAU,GACZ,QAAO,EAAc,GAAG,8BAA8B,gBAAgB,EAAE,OAAO,GAAS,CAAC;CAC3F,IAAM,IAAS,KAAK,MAAM,IAAU,GAAG;AACvC,KAAI,IAAS,GACX,QAAO,EAAc,GAAG,4BAA4B,gBAAgB,EAAE,OAAO,GAAQ,CAAC;CACxF,IAAM,IAAU,KAAK,MAAM,IAAS,GAAG;AAGvC,QAFI,IAAU,IACL,EAAc,GAAG,2BAA2B,gBAAgB,EAAE,OAAO,GAAS,CAAC,GACjF,IAAI,KAAK,EAAW,CAAC,mBAAmB,KAAA,GAAW;EACxD,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAY,EAAE,kBAAe,cAAW,eAAyB;CAC/E,IAAM,EAAE,SAAM,GAAS,EACjB,IAAQ,GAAe,eAAe,EAAE;AAE9C,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,yBAAyB,eAAe;EAChE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;EACrC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,sBAAsB;aAJhD;IAMG,EAAc,GAAG,2BAA2B,WAAW;IAAE;IAC1D,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IAC/B;;YAGV,EAAM,WAAW,IAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,8BAA8B,eAAe;GACrE,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,0BAA0B;cAAtF;KACE,kBAAC,GAAD,EAAM,WAAU,mBAAoB,CAAA;KAAC;KACpC,EAAc,GAAG,+BAA+B,yBAAyB;KACnE;;GAEX,CAAA,GAEF,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,MAAM,GAAG,EAAE,CAAC,KAAK,MACtB,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,uBAAuB,EAAK,KAAK;IACzD,WAAU;cAHZ,CAKE,kBAAC,QAAD;KAAM,WAAU;eAAkD,EAAK;KAAY,CAAA,EACnF,kBAAC,QAAD;KAAM,WAAU;eACb,EAAe,GAAG,EAAK,UAAU;KAC7B,CAAA,CACA;OACN,EAXI,EAAK,GAWT,CACL;GACC,CAAA;EAEO,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WelcomeWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"sourcesContent":["import { LayoutDashboard, Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  value: number | string;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-3\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{icon}</div>\n        <div>\n          <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n          <p className=\"text-xs text-text-muted\">{label}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function WelcomeWidget({ workspaceData, globalData, isLoading }: WidgetProps) {\n  const user = globalData?.currentUser;\n  const firstName = user?.firstName || user?.name?.split(' ')[0] || 'there';\n  const hour = new Date().getHours();\n  const greeting = hour < 12 ? 'Good morning' : hour < 18 ? 'Good afternoon' : 'Good evening';\n\n  const totalWorkspaces = workspaceData?.workspaces.total ?? 0;\n  const totalProjects = workspaceData?.projects.total ?? 0;\n  const totalGroups = workspaceData?.groups.totalCount ?? 0;\n  const activityCount = workspaceData?.recentActivities.length ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Dashboard\"\n      icon={<LayoutDashboard className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-4\">\n        <GlassCard treatment=\"glass\" glow className=\"relative overflow-hidden p-4\">\n          <h2 className=\"text-xl font-bold text-text-primary\">\n            {greeting}, <GradientText>{firstName}</GradientText>!\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            Here's what's happening across your workspaces today.\n          </p>\n        </GlassCard>\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <StatCard\n            icon={<Building2 className=\"size-4\" />}\n            label=\"Workspaces\"\n            value={totalWorkspaces}\n          />\n          <StatCard\n            icon={<FolderKanban className=\"size-4\" />}\n            label=\"Projects\"\n            value={totalProjects}\n          />\n          <StatCard icon={<Users className=\"size-4\" />} label=\"Groups\" value={totalGroups} />\n          <StatCard\n            icon={<Activity className=\"size-4\" />}\n            label=\"Recent Activity\"\n            value={activityCount}\n          />\n        </div>\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAS,EAChB,SACA,UACA,YAKC;AACD,QACE,kBAAC,GAAD;EAAW,WAAU;EAAS,WAAU;YACtC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuD;IAAW,CAAA,EACjF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAA2B;IAAU,CAAA,CAC9C,EAAA,CAAA,CACF;;EACI,CAAA;;AAIhB,SAAgB,EAAc,EAAE,kBAAe,eAAY,gBAA0B;CACnF,IAAM,IAAO,GAAY,aACnB,IAAY,GAAM,aAAa,GAAM,MAAM,MAAM,IAAI,CAAC,MAAM,SAC5D,qBAAO,IAAI,MAAM,EAAC,UAAU,EAC5B,IAAW,IAAO,KAAK,iBAAiB,IAAO,KAAK,mBAAmB,gBAEvE,IAAkB,GAAe,WAAW,SAAS,GACrD,IAAgB,GAAe,SAAS,SAAS,GACjD,IAAc,GAAe,OAAO,cAAc,GAClD,IAAgB,GAAe,iBAAiB,UAAU;AAEhE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EAC5C,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACG;MAAS;MAAE,kBAAC,GAAD,EAAA,UAAe,GAAyB,CAAA;;MACjD;QACL,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA,CACM;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACtC,OAAM;MACN,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;MACzC,OAAM;MACN,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MAAU,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAAE,OAAM;MAAS,OAAO;MAAe,CAAA;KACnF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,OAAM;MACN,OAAO;MACP,CAAA;KACE;MACF;;EACQ,CAAA"}
+{"version":3,"file":"WelcomeWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"sourcesContent":["import { LayoutDashboard, Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { GlassCard, GradientText } 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\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  value: number | string;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-3\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{icon}</div>\n        <div>\n          <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n          <p className=\"text-xs text-text-muted\">{label}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function WelcomeWidget({ workspaceData, globalData, isLoading }: WidgetProps) {\n  const { t } = useI18n();\n  const user = globalData?.currentUser;\n  const firstName =\n    user?.firstName ||\n    user?.name?.split(' ')[0] ||\n    tWithFallback(t, 'dashboard.welcome.fallbackName', 'there');\n  const hour = new Date().getHours();\n  const greeting =\n    hour < 12\n      ? tWithFallback(t, 'dashboard.welcome.greetingMorning', 'Good morning')\n      : hour < 18\n        ? tWithFallback(t, 'dashboard.welcome.greetingAfternoon', 'Good afternoon')\n        : tWithFallback(t, 'dashboard.welcome.greetingEvening', 'Good evening');\n\n  const totalWorkspaces = workspaceData?.workspaces.total ?? 0;\n  const totalProjects = workspaceData?.projects.total ?? 0;\n  const totalGroups = workspaceData?.groups.totalCount ?? 0;\n  const activityCount = workspaceData?.recentActivities.length ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.welcome.title', 'Dashboard')}\n      icon={<LayoutDashboard className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-4\">\n        <GlassCard treatment=\"glass\" glow className=\"relative overflow-hidden p-4\">\n          <h2 className=\"text-xl font-bold text-text-primary\">\n            {greeting}, <GradientText>{firstName}</GradientText>!\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {tWithFallback(\n              t,\n              'dashboard.welcome.subtitle',\n              \"Here's what's happening across your workspaces today.\"\n            )}\n          </p>\n        </GlassCard>\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <StatCard\n            icon={<Building2 className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statWorkspaces', 'Workspaces')}\n            value={totalWorkspaces}\n          />\n          <StatCard\n            icon={<FolderKanban className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statProjects', 'Projects')}\n            value={totalProjects}\n          />\n          <StatCard\n            icon={<Users className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statGroups', 'Groups')}\n            value={totalGroups}\n          />\n          <StatCard\n            icon={<Activity className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statRecentActivity', 'Recent Activity')}\n            value={activityCount}\n          />\n        </div>\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAS,EAChB,SACA,UACA,YAKC;AACD,QACE,kBAAC,GAAD;EAAW,WAAU;EAAS,WAAU;YACtC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuD;IAAW,CAAA,EACjF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAA2B;IAAU,CAAA,CAC9C,EAAA,CAAA,CACF;;EACI,CAAA;;AAIhB,SAAgB,EAAc,EAAE,kBAAe,eAAY,gBAA0B;CACnF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAO,GAAY,aACnB,IACJ,GAAM,aACN,GAAM,MAAM,MAAM,IAAI,CAAC,MACvB,EAAc,GAAG,kCAAkC,QAAQ,EACvD,qBAAO,IAAI,MAAM,EAAC,UAAU,EAC5B,IACJ,IAAO,KACH,EAAc,GAAG,qCAAqC,eAAe,GACrE,IAAO,KACL,EAAc,GAAG,uCAAuC,iBAAiB,GACzE,EAAc,GAAG,qCAAqC,eAAe,EAEvE,IAAkB,GAAe,WAAW,SAAS,GACrD,IAAgB,GAAe,SAAS,SAAS,GACjD,IAAc,GAAe,OAAO,cAAc,GAClD,IAAgB,GAAe,iBAAiB,UAAU;AAEhE,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,2BAA2B,YAAY;EAC/D,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EAC5C,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACG;MAAS;MAAE,kBAAC,GAAD,EAAA,UAAe,GAAyB,CAAA;;MACjD;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,GACA,8BACA,wDACD;KACC,CAAA,CACM;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACtC,OAAO,EAAc,GAAG,oCAAoC,aAAa;MACzE,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;MACzC,OAAO,EAAc,GAAG,kCAAkC,WAAW;MACrE,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAClC,OAAO,EAAc,GAAG,gCAAgC,SAAS;MACjE,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,OAAO,EAAc,GAAG,wCAAwC,kBAAkB;MAClF,OAAO;MACP,CAAA;KACE;MACF;;EACQ,CAAA"}

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

@@ -1,139 +1,145 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { Activity as t, ArrowRight as n, CheckCircle2 as r, Clock as i, Play as a, XCircle as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, IllustratedEmptyState as d } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { Activity as n, ArrowRight as r, CheckCircle2 as i, Clock as a, Play as o, XCircle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, IllustratedEmptyState as f } from "@burdenoff/fe-libs/ui";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/WorkflowRunsWidget.tsx
-var f = {
+var m = {
 	RUNNING: {
-		icon: a,
+		icon: o,
 		color: "text-accent-blue"
 	},
 	PENDING: {
-		icon: i,
+		icon: a,
 		color: "text-status-warning-text"
 	},
 	WAITING: {
-		icon: i,
+		icon: a,
 		color: "text-status-warning-text"
 	},
 	COMPLETED: {
-		icon: r,
+		icon: i,
 		color: "text-status-success-text"
 	},
 	FAILED: {
-		icon: o,
+		icon: s,
 		color: "text-status-error-text"
 	},
 	CANCELLED: {
-		icon: o,
+		icon: s,
 		color: "text-text-tertiary"
 	},
 	TERMINATED: {
-		icon: o,
+		icon: s,
 		color: "text-text-tertiary"
 	}
 };
-function p(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);
-	return r < 24 ? `${r}h ago` : new Date(e).toLocaleDateString(void 0, {
+function h(t, n) {
+	let r = Date.now() - new Date(n).getTime(), i = Math.floor(r / 6e4);
+	if (i < 1) return e(t, "dashboard.workflowRuns.justNow", "just now");
+	if (i < 60) return e(t, "dashboard.workflowRuns.minutesAgo", "{count}m ago", { count: i });
+	let a = Math.floor(i / 60);
+	return a < 24 ? e(t, "dashboard.workflowRuns.hoursAgo", "{count}h ago", { count: a }) : new Date(n).toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
 	});
 }
-function m({ workspaceData: r, isLoading: i, navigate: a }) {
-	let o = r?.workflowStats, m = o?.recentRuns ?? [], h = o?.workflowSuccessRate;
-	return /* @__PURE__ */ s(e, {
-		title: "Workflow Runs",
-		icon: /* @__PURE__ */ s(t, { className: "size-4" }),
+function g({ workspaceData: i, isLoading: a, navigate: o }) {
+	let { t: s } = p(), g = i?.workflowStats, _ = g?.recentRuns ?? [], v = g?.workflowSuccessRate;
+	return /* @__PURE__ */ c(t, {
+		title: e(s, "dashboard.workflowRuns.title", "Workflow Runs"),
+		icon: /* @__PURE__ */ c(n, { className: "size-4" }),
 		size: "medium",
-		isLoading: i,
-		unavailable: !r,
-		headerAction: /* @__PURE__ */ c(u, {
+		isLoading: a,
+		unavailable: !i,
+		headerAction: /* @__PURE__ */ l(d, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => a("/workflows/runs"),
-			children: ["View all ", /* @__PURE__ */ s(n, { className: "ml-1 size-3" })]
+			onClick: () => o("/workflows/runs"),
+			children: [
+				e(s, "dashboard.workflowRuns.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ c(r, { className: "ml-1 size-3" })
+			]
 		}),
-		children: o ? /* @__PURE__ */ c("div", {
+		children: g ? /* @__PURE__ */ l("div", {
 			className: "space-y-3",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "grid grid-cols-3 gap-2",
 				children: [
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "text-xl font-bold text-text-primary tabular-nums",
-							children: o.runsRunningCount ?? 0
-						}), /* @__PURE__ */ s("p", {
+							children: g.runsRunningCount ?? 0
+						}), /* @__PURE__ */ c("p", {
 							className: "text-[11px] text-text-secondary",
-							children: "Running"
+							children: e(s, "dashboard.workflowRuns.statRunning", "Running")
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "text-xl font-bold text-status-error-text tabular-nums",
-							children: o.runsFailedLast24h ?? 0
-						}), /* @__PURE__ */ s("p", {
+							children: g.runsFailedLast24h ?? 0
+						}), /* @__PURE__ */ c("p", {
 							className: "text-[11px] text-text-secondary",
-							children: "Failed (24h)"
+							children: e(s, "dashboard.workflowRuns.statFailed24h", "Failed (24h)")
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "text-xl font-bold text-status-success-text tabular-nums",
-							children: h == null ? "—" : `${Math.round(h)}%`
-						}), /* @__PURE__ */ s("p", {
+							children: v == null ? "—" : `${Math.round(v)}%`
+						}), /* @__PURE__ */ c("p", {
 							className: "text-[11px] text-text-secondary",
-							children: "Success rate"
+							children: e(s, "dashboard.workflowRuns.statSuccessRate", "Success rate")
 						})]
 					})
 				]
-			}), m.length > 0 && /* @__PURE__ */ c("div", {
+			}), _.length > 0 && /* @__PURE__ */ l("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ s("p", {
+				children: [/* @__PURE__ */ c("p", {
 					className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
-					children: "Recent Runs"
-				}), m.slice(0, 4).map((e) => {
-					let t = f[e.status] ?? f.RUNNING, n = t.icon;
-					return /* @__PURE__ */ c("button", {
+					children: e(s, "dashboard.workflowRuns.recentRunsHeading", "Recent Runs")
+				}), _.slice(0, 4).map((e) => {
+					let t = m[e.status] ?? m.RUNNING, n = t.icon;
+					return /* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: () => a(`/workflows/runs/${e.id}`),
+						onClick: () => o(`/workflows/runs/${e.id}`),
 						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__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2 min-w-0",
-							children: [/* @__PURE__ */ s(n, { className: `size-3.5 shrink-0 ${t.color}` }), /* @__PURE__ */ s("span", {
+							children: [/* @__PURE__ */ c(n, { className: `size-3.5 shrink-0 ${t.color}` }), /* @__PURE__ */ c("span", {
 								className: "truncate text-sm text-text-primary",
 								children: e.workflowKey
 							})]
-						}), /* @__PURE__ */ c("div", {
+						}), /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2 shrink-0",
-							children: [/* @__PURE__ */ s(l, {
+							children: [/* @__PURE__ */ c(u, {
 								variant: "outline",
 								className: "text-[10px]",
 								children: e.status.toLowerCase()
-							}), /* @__PURE__ */ s("span", {
+							}), /* @__PURE__ */ c("span", {
 								className: "text-[11px] text-text-secondary",
-								children: p(e.startedAt)
+								children: h(s, e.startedAt)
 							})]
 						})]
 					}, e.id);
 				})]
 			})]
-		}) : /* @__PURE__ */ s(d, {
+		}) : /* @__PURE__ */ c(f, {
 			illustration: "empty-data",
-			title: "No runs yet",
-			description: "Trigger a workflow to see its execution history here.",
+			title: e(s, "dashboard.workflowRuns.emptyTitle", "No runs yet"),
+			description: e(s, "dashboard.workflowRuns.emptyDescription", "Trigger a workflow to see its execution history here."),
 			className: "py-4"
 		})
 	});
 }
 //#endregion
-export { m as WorkflowRunsWidget };
+export { g as WorkflowRunsWidget };
 
 //# sourceMappingURL=WorkflowRunsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowRunsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowRunsWidget.tsx"],"sourcesContent":["import { Activity, ArrowRight, Play, Clock, 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 RUN_STATUS_ICON: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  PENDING: { icon: Clock, color: 'text-status-warning-text' },\n  WAITING: { icon: Clock, color: 'text-status-warning-text' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  CANCELLED: { icon: XCircle, color: 'text-text-tertiary' },\n  TERMINATED: { icon: XCircle, color: 'text-text-tertiary' },\n};\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  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function WorkflowRunsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n  const recentRuns = stats?.recentRuns ?? [];\n  const successRate = stats?.workflowSuccessRate;\n\n  return (\n    <WidgetWrapper\n      title=\"Workflow Runs\"\n      icon={<Activity 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/runs')}\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 runs yet\"\n          description=\"Trigger a workflow to see its execution history here.\"\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-3 gap-2\">\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-text-primary tabular-nums\">\n                {stats.runsRunningCount ?? 0}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">Running</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-status-error-text tabular-nums\">\n                {stats.runsFailedLast24h ?? 0}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">Failed (24h)</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-status-success-text tabular-nums\">\n                {successRate != null ? `${Math.round(successRate)}%` : '—'}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">Success rate</p>\n            </div>\n          </div>\n          {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              {recentRuns.slice(0, 4).map((run) => {\n                const statusInfo = RUN_STATUS_ICON[run.status] ?? RUN_STATUS_ICON.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <button\n                    key={run.id}\n                    type=\"button\"\n                    onClick={() => navigate(`/workflows/runs/${run.id}`)}\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                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 shrink-0 ${statusInfo.color}`} />\n                      <span className=\"truncate text-sm text-text-primary\">{run.workflowKey}</span>\n                    </div>\n                    <div className=\"flex items-center gap-2 shrink-0\">\n                      <Badge variant=\"outline\" className=\"text-[10px]\">\n                        {run.status.toLowerCase()}\n                      </Badge>\n                      <span className=\"text-[11px] text-text-secondary\">\n                        {formatRelative(run.startedAt)}\n                      </span>\n                    </div>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowRunsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowRunsWidget.tsx"],"sourcesContent":["import { Activity, ArrowRight, Play, Clock, 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 type { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nconst RUN_STATUS_ICON: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  PENDING: { icon: Clock, color: 'text-status-warning-text' },\n  WAITING: { icon: Clock, color: 'text-status-warning-text' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  CANCELLED: { icon: XCircle, color: 'text-text-tertiary' },\n  TERMINATED: { icon: XCircle, color: 'text-text-tertiary' },\n};\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.workflowRuns.justNow', 'just now');\n  if (diffMin < 60)\n    return tWithFallback(t, 'dashboard.workflowRuns.minutesAgo', '{count}m ago', {\n      count: diffMin,\n    });\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24)\n    return tWithFallback(t, 'dashboard.workflowRuns.hoursAgo', '{count}h ago', { count: diffHr });\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function WorkflowRunsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const stats = workspaceData?.workflowStats;\n  const recentRuns = stats?.recentRuns ?? [];\n  const successRate = stats?.workflowSuccessRate;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.workflowRuns.title', 'Workflow Runs')}\n      icon={<Activity 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/runs')}\n        >\n          {tWithFallback(t, 'dashboard.workflowRuns.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.workflowRuns.emptyTitle', 'No runs yet')}\n          description={tWithFallback(\n            t,\n            'dashboard.workflowRuns.emptyDescription',\n            'Trigger a workflow to see its execution history here.'\n          )}\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-3 gap-2\">\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-text-primary tabular-nums\">\n                {stats.runsRunningCount ?? 0}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowRuns.statRunning', 'Running')}\n              </p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-status-error-text tabular-nums\">\n                {stats.runsFailedLast24h ?? 0}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowRuns.statFailed24h', 'Failed (24h)')}\n              </p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-status-success-text tabular-nums\">\n                {successRate != null ? `${Math.round(successRate)}%` : '—'}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">\n                {tWithFallback(t, 'dashboard.workflowRuns.statSuccessRate', 'Success rate')}\n              </p>\n            </div>\n          </div>\n          {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.workflowRuns.recentRunsHeading', 'Recent Runs')}\n              </p>\n              {recentRuns.slice(0, 4).map((run) => {\n                const statusInfo = RUN_STATUS_ICON[run.status] ?? RUN_STATUS_ICON.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <button\n                    key={run.id}\n                    type=\"button\"\n                    onClick={() => navigate(`/workflows/runs/${run.id}`)}\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                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 shrink-0 ${statusInfo.color}`} />\n                      <span className=\"truncate text-sm text-text-primary\">{run.workflowKey}</span>\n                    </div>\n                    <div className=\"flex items-center gap-2 shrink-0\">\n                      <Badge variant=\"outline\" className=\"text-[10px]\">\n                        {run.status.toLowerCase()}\n                      </Badge>\n                      <span className=\"text-[11px] text-text-secondary\">\n                        {formatRelative(t, run.startedAt)}\n                      </span>\n                    </div>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,80 +1,86 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, CheckCircle2 as n, GitBranch as r, Pause as i, Play as a, XCircle as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, IllustratedEmptyState as d } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { ArrowRight as n, CheckCircle2 as r, GitBranch as i, Pause as a, Play as o, XCircle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, IllustratedEmptyState as f } from "@burdenoff/fe-libs/ui";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/WorkflowStatsWidget.tsx
-var f = {
+var m = {
 	RUNNING: {
-		icon: a,
+		icon: o,
 		color: "text-accent-blue"
 	},
 	COMPLETED: {
-		icon: n,
+		icon: r,
 		color: "text-status-success-text"
 	},
 	FAILED: {
-		icon: o,
+		icon: s,
 		color: "text-status-error-text"
 	},
 	PAUSED: {
-		icon: i,
+		icon: a,
 		color: "text-status-warning-text"
 	}
 };
-function p({ workspaceData: n, isLoading: i, navigate: a }) {
-	let o = n?.workflowStats;
-	return /* @__PURE__ */ s(e, {
-		title: "Workflows",
-		icon: /* @__PURE__ */ s(r, { className: "size-4" }),
+function h({ workspaceData: r, isLoading: a, navigate: o }) {
+	let { t: s } = p(), h = r?.workflowStats;
+	return /* @__PURE__ */ c(t, {
+		title: e(s, "dashboard.workflowStats.title", "Workflows"),
+		icon: /* @__PURE__ */ c(i, { className: "size-4" }),
 		size: "medium",
-		isLoading: i,
-		unavailable: !n,
-		headerAction: /* @__PURE__ */ c(u, {
+		isLoading: a,
+		unavailable: !r,
+		headerAction: /* @__PURE__ */ l(d, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => a("/workflows"),
-			children: ["View all ", /* @__PURE__ */ s(t, { className: "ml-1 size-3" })]
+			onClick: () => o("/workflows"),
+			children: [
+				e(s, "dashboard.workflowStats.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ c(n, { className: "ml-1 size-3" })
+			]
 		}),
-		children: o ? /* @__PURE__ */ c("div", {
+		children: h ? /* @__PURE__ */ l("div", {
 			className: "space-y-3",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: o.activeWorkflowsCount
-					}), /* @__PURE__ */ s("p", {
+						children: h.activeWorkflowsCount
+					}), /* @__PURE__ */ c("p", {
 						className: "text-xs text-text-secondary",
-						children: "Active"
+						children: e(s, "dashboard.workflowStats.statActive", "Active")
 					})]
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ l("div", {
 					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: o.archivedWorkflowsCount
-					}), /* @__PURE__ */ s("p", {
+						children: h.archivedWorkflowsCount
+					}), /* @__PURE__ */ c("p", {
 						className: "text-xs text-text-secondary",
-						children: "Archived"
+						children: e(s, "dashboard.workflowStats.statArchived", "Archived")
 					})]
 				})]
-			}), o.recentRuns.length > 0 && /* @__PURE__ */ c("div", {
+			}), h.recentRuns.length > 0 && /* @__PURE__ */ l("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ s("p", {
+				children: [/* @__PURE__ */ c("p", {
 					className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
-					children: "Recent Runs"
-				}), o.recentRuns.slice(0, 3).map((e) => {
-					let t = f[e.status] || f.RUNNING, n = t.icon;
-					return /* @__PURE__ */ c("div", {
+					children: e(s, "dashboard.workflowStats.recentRunsHeading", "Recent Runs")
+				}), h.recentRuns.slice(0, 3).map((e) => {
+					let t = m[e.status] || m.RUNNING, n = t.icon;
+					return /* @__PURE__ */ l("div", {
 						className: "flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2 min-w-0",
-							children: [/* @__PURE__ */ s(n, { className: `size-3.5 ${t.color}` }), /* @__PURE__ */ s("span", {
+							children: [/* @__PURE__ */ c(n, { className: `size-3.5 ${t.color}` }), /* @__PURE__ */ c("span", {
 								className: "text-sm text-text-primary truncate",
 								children: e.workflowKey
 							})]
-						}), /* @__PURE__ */ s(l, {
+						}), /* @__PURE__ */ c(u, {
 							variant: "outline",
 							className: "text-[10px]",
 							children: e.status
@@ -82,15 +88,15 @@ function p({ workspaceData: n, isLoading: i, navigate: a }) {
 					}, e.id);
 				})]
 			})]
-		}) : /* @__PURE__ */ s(d, {
+		}) : /* @__PURE__ */ c(f, {
 			illustration: "empty-data",
-			title: "No workflow data available",
-			description: "Once you run automations, their status and counts will appear here.",
+			title: e(s, "dashboard.workflowStats.emptyTitle", "No workflow data available"),
+			description: e(s, "dashboard.workflowStats.emptyDescription", "Once you run automations, their status and counts will appear here."),
 			className: "py-4"
 		})
 	});
 }
 //#endregion
-export { p as WorkflowStatsWidget };
+export { h as WorkflowStatsWidget };
 
 //# sourceMappingURL=WorkflowStatsWidget.js.map