@burdenoff/microfe-workspaces 2026.510.50

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

@@ -0,0 +1,69 @@
+import { WidgetWrapper as e } from "../WidgetWrapper.js";
+import { HardDrive as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/pages/dashboard/widgets/StorageWidget.tsx
+function i(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return `${parseFloat((e / t ** +r).toFixed(1))} ${n[r]}`;
+}
+function a({ workspaceData: a, isLoading: o }) {
+	let s = a?.storageUsage, c = s?.usedBytes ?? 0, l = s?.totalBytes ?? 0, u = l > 0 ? Math.min(c / l * 100, 100) : 0, d = u > 80 ? "bg-status-error-bg" : u > 60 ? "bg-status-warning-bg" : "bg-status-success-bg";
+	return /* @__PURE__ */ n(e, {
+		title: "Storage",
+		icon: /* @__PURE__ */ n(t, { className: "h-4 w-4" }),
+		size: "small",
+		isLoading: o,
+		children: s ? /* @__PURE__ */ r("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ r("div", {
+				className: "space-y-1.5",
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: "flex justify-between text-xs",
+						children: [/* @__PURE__ */ n("span", {
+							className: "text-muted-foreground",
+							children: "Used"
+						}), /* @__PURE__ */ r("span", {
+							className: "font-medium text-text-primary",
+							children: [i(c), l > 0 ? ` / ${i(l)}` : ""]
+						})]
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "h-2 w-full bg-muted rounded-full overflow-hidden",
+						children: /* @__PURE__ */ n("div", {
+							className: `h-full rounded-full ${d} transition-all duration-500`,
+							style: { width: `${u}%` }
+						})
+					}),
+					/* @__PURE__ */ n("p", {
+						className: "text-[11px] text-muted-foreground text-right",
+						children: l > 0 ? `${u.toFixed(1)}% used` : "Limit unavailable"
+					})
+				]
+			}), s?.fileCount != null && /* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between text-xs",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-muted-foreground",
+					children: "Total files"
+				}), /* @__PURE__ */ n("span", {
+					className: "font-medium text-text-primary",
+					children: s.fileCount.toLocaleString()
+				})]
+			})]
+		}) : /* @__PURE__ */ n("p", {
+			className: "text-xs text-muted-foreground",
+			children: "Storage metrics are unavailable."
+		})
+	});
+}
+//#endregion
+export { a as StorageWidget };
+
+//# sourceMappingURL=StorageWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StorageWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/StorageWidget.tsx"],"sourcesContent":["import { HardDrive } from 'lucide-react';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return '0 B';\n  const k = 1024;\n  const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\nexport function StorageWidget({ workspaceData, isLoading }: WidgetProps) {\n  const storage = workspaceData?.storageUsage;\n\n  const usedBytes = storage?.usedBytes ?? 0;\n  const totalBytes = storage?.totalBytes ?? 0;\n  const percentage = totalBytes > 0 ? Math.min((usedBytes / totalBytes) * 100, 100) : 0;\n  const barColor =\n    percentage > 80\n      ? 'bg-status-error-bg'\n      : percentage > 60\n        ? 'bg-status-warning-bg'\n        : 'bg-status-success-bg';\n\n  return (\n    <WidgetWrapper\n      title=\"Storage\"\n      icon={<HardDrive className=\"h-4 w-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n    >\n      {storage ? (\n        <div className=\"space-y-3\">\n          <div className=\"space-y-1.5\">\n            <div className=\"flex justify-between text-xs\">\n              <span className=\"text-muted-foreground\">Used</span>\n              <span className=\"font-medium text-text-primary\">\n                {formatBytes(usedBytes)}\n                {totalBytes > 0 ? ` / ${formatBytes(totalBytes)}` : ''}\n              </span>\n            </div>\n            <div className=\"h-2 w-full bg-muted rounded-full overflow-hidden\">\n              <div\n                className={`h-full rounded-full ${barColor} transition-all duration-500`}\n                style={{ width: `${percentage}%` }}\n              />\n            </div>\n            <p className=\"text-[11px] text-muted-foreground text-right\">\n              {totalBytes > 0 ? `${percentage.toFixed(1)}% used` : 'Limit unavailable'}\n            </p>\n          </div>\n          {storage?.fileCount != null && (\n            <div className=\"flex items-center justify-between text-xs\">\n              <span className=\"text-muted-foreground\">Total files</span>\n              <span className=\"font-medium text-text-primary\">\n                {storage.fileCount.toLocaleString()}\n              </span>\n            </div>\n          )}\n        </div>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">Storage metrics are unavailable.</p>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;AAIA,SAAS,EAAY,GAAuB;AAC1C,KAAI,MAAU,EAAG,QAAO;CACxB,IAAM,IAAI,MACJ,IAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;EAAK,EACrC,IAAI,KAAK,MAAM,KAAK,IAAI,EAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,QAAO,GAAG,YAAY,IAAiB,MAAG,GAAI,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAM;;AAGrE,SAAgB,EAAc,EAAE,kBAAe,gBAA0B;CACvE,IAAM,IAAU,GAAe,cAEzB,IAAY,GAAS,aAAa,GAClC,IAAa,GAAS,cAAc,GACpC,IAAa,IAAa,IAAI,KAAK,IAAK,IAAY,IAAc,KAAK,IAAI,GAAG,GAC9E,IACJ,IAAa,KACT,uBACA,IAAa,KACX,yBACA;AAER,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EACvC,MAAK;EACM;YAEV,IACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwB;OAAW,CAAA,EACnD,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAY,EAAU,EACtB,IAAa,IAAI,MAAM,EAAY,EAAW,KAAK,GAC/C;SACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAW,uBAAuB,EAAS;OAC3C,OAAO,EAAE,OAAO,GAAG,EAAW,IAAI;OAClC,CAAA;MACE,CAAA;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,IAAa,IAAI,GAAG,EAAW,QAAQ,EAAE,CAAC,UAAU;MACnD,CAAA;KACA;OACL,GAAS,aAAa,QACrB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAwB;KAAkB,CAAA,EAC1D,kBAAC,QAAD;KAAM,WAAU;eACb,EAAQ,UAAU,gBAAgB;KAC9B,CAAA,CACH;MAEJ;OAEN,kBAAC,KAAD;GAAG,WAAU;aAAgC;GAAoC,CAAA;EAErE,CAAA"}

package/dist/pages/dashboard/widgets/SystemHealthWidget.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps } from '../types';
+
+export declare function SystemHealthWidget({ workspaceData, isLoading }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SystemHealthWidget.d.ts.map

package/dist/pages/dashboard/widgets/SystemHealthWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemHealthWidget.d.ts","sourceRoot":"","sources":["../../../../src/pages/dashboard/widgets/SystemHealthWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW5C,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,WAAW,2CA8B3E"}

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

@@ -0,0 +1,59 @@
+import { WidgetWrapper as e } from "../WidgetWrapper.js";
+import { Circle as t, HeartPulse as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/pages/dashboard/widgets/SystemHealthWidget.tsx
+var a = [
+	{
+		name: "Workspaces",
+		key: "workspaces"
+	},
+	{
+		name: "Auth",
+		key: "auth"
+	},
+	{
+		name: "Files",
+		key: "files"
+	},
+	{
+		name: "Calendar",
+		key: "calendar"
+	},
+	{
+		name: "Workflows",
+		key: "workflows"
+	},
+	{
+		name: "Tags",
+		key: "tags"
+	}
+];
+function o({ workspaceData: o, isLoading: s }) {
+	let c = !!o;
+	return /* @__PURE__ */ r(e, {
+		title: "System Status",
+		icon: /* @__PURE__ */ r(n, { className: "h-4 w-4" }),
+		size: "small",
+		isLoading: s,
+		children: /* @__PURE__ */ r("div", {
+			className: "space-y-1.5",
+			children: a.map((e) => /* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between py-0.5",
+				children: [/* @__PURE__ */ r("span", {
+					className: "text-xs text-text-secondary",
+					children: e.name
+				}), /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ r(t, { className: `h-2 w-2 fill-current ${c ? "text-status-success-text" : "text-text-tertiary"}` }), /* @__PURE__ */ r("span", {
+						className: `text-[11px] ${c ? "text-status-success-text" : "text-muted-foreground"}`,
+						children: c ? "Healthy" : "Unknown"
+					})]
+				})]
+			}, e.key))
+		})
+	});
+}
+//#endregion
+export { o as SystemHealthWidget };
+
+//# sourceMappingURL=SystemHealthWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemHealthWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/SystemHealthWidget.tsx"],"sourcesContent":["import { HeartPulse, Circle } from 'lucide-react';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst SERVICES = [\n  { name: 'Workspaces', key: 'workspaces' },\n  { name: 'Auth', key: 'auth' },\n  { name: 'Files', key: 'files' },\n  { name: 'Calendar', key: 'calendar' },\n  { name: 'Workflows', key: 'workflows' },\n  { name: 'Tags', key: 'tags' },\n];\n\nexport function SystemHealthWidget({ workspaceData, isLoading }: WidgetProps) {\n  // Infer health from whether data is available\n  const wsAvailable = !!workspaceData;\n\n  return (\n    <WidgetWrapper\n      title=\"System Status\"\n      icon={<HeartPulse className=\"h-4 w-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-1.5\">\n        {SERVICES.map((svc) => (\n          <div key={svc.key} className=\"flex items-center justify-between py-0.5\">\n            <span className=\"text-xs text-text-secondary\">{svc.name}</span>\n            <div className=\"flex items-center gap-1\">\n              <Circle\n                className={`h-2 w-2 fill-current ${wsAvailable ? 'text-status-success-text' : 'text-text-tertiary'}`}\n              />\n              <span\n                className={`text-[11px] ${wsAvailable ? 'text-status-success-text' : 'text-muted-foreground'}`}\n              >\n                {wsAvailable ? 'Healthy' : 'Unknown'}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAW;CACf;EAAE,MAAM;EAAc,KAAK;EAAc;CACzC;EAAE,MAAM;EAAQ,KAAK;EAAQ;CAC7B;EAAE,MAAM;EAAS,KAAK;EAAS;CAC/B;EAAE,MAAM;EAAY,KAAK;EAAY;CACrC;EAAE,MAAM;EAAa,KAAK;EAAa;CACvC;EAAE,MAAM;EAAQ,KAAK;EAAQ;CAC9B;AAED,SAAgB,EAAmB,EAAE,kBAAe,gBAA0B;CAE5E,IAAM,IAAc,CAAC,CAAC;AAEtB,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACxC,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAS,KAAK,MACb,kBAAC,OAAD;IAAmB,WAAU;cAA7B,CACE,kBAAC,QAAD;KAAM,WAAU;eAA+B,EAAI;KAAY,CAAA,EAC/D,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EACE,WAAW,wBAAwB,IAAc,6BAA6B,wBAC9E,CAAA,EACF,kBAAC,QAAD;MACE,WAAW,eAAe,IAAc,6BAA6B;gBAEpE,IAAc,YAAY;MACtB,CAAA,CACH;OACF;MAZI,EAAI,IAYR,CACN;GACE,CAAA;EACQ,CAAA"}

package/dist/pages/dashboard/widgets/TagCloudWidget.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps } from '../types';
+
+export declare function TagCloudWidget({ workspaceData, isLoading, navigate }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TagCloudWidget.d.ts.map

package/dist/pages/dashboard/widgets/TagCloudWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagCloudWidget.d.ts","sourceRoot":"","sources":["../../../../src/pages/dashboard/widgets/TagCloudWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,wBAAgB,cAAc,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,2CA0CjF"}

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

@@ -0,0 +1,61 @@
+import { WidgetWrapper as e } from "../WidgetWrapper.js";
+import { ArrowRight as t, Tags as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Badge as a, Button as o } from "@burdenoff/fe-libs/ui";
+//#region src/pages/dashboard/widgets/TagCloudWidget.tsx
+var s = [
+	"bg-status-info-bg-subtle text-status-info-text border-border-default",
+	"bg-status-success-bg-subtle text-status-success-text border-border-default",
+	"bg-accent-purple-subtle text-accent-purple border-border-default",
+	"bg-status-warning-bg-subtle text-status-warning-text border-border-default",
+	"bg-accent-pink-subtle text-accent-pink border-border-default",
+	"bg-accent-cyan-subtle text-accent-cyan border-border-default",
+	"bg-accent-orange-subtle text-accent-orange border-border-default",
+	"bg-accent-rose-subtle text-accent-rose border-border-default"
+];
+function c({ workspaceData: c, isLoading: l, navigate: u }) {
+	let d = c?.tags.items ?? [], f = c?.tags.total ?? 0;
+	return /* @__PURE__ */ r(e, {
+		title: "Tags",
+		icon: /* @__PURE__ */ r(n, { className: "h-4 w-4" }),
+		size: "small",
+		isLoading: l,
+		unavailable: !c,
+		headerAction: /* @__PURE__ */ r(o, {
+			variant: "ghost",
+			size: "sm",
+			className: "text-xs",
+			onClick: () => u("/tags"),
+			children: /* @__PURE__ */ r(t, { className: "h-3 w-3" })
+		}),
+		children: d.length === 0 ? /* @__PURE__ */ r("div", {
+			className: "text-center py-3",
+			children: /* @__PURE__ */ r("p", {
+				className: "text-xs text-muted-foreground",
+				children: "No tags created yet"
+			})
+		}) : /* @__PURE__ */ i("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ r("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: d.slice(0, 12).map((e, t) => /* @__PURE__ */ r(a, {
+					variant: "outline",
+					className: `text-[11px] cursor-pointer hover:opacity-80 transition-opacity ${s[t % s.length]}`,
+					onClick: () => u("/tags"),
+					children: e.label
+				}, e.id))
+			}), f > 12 && /* @__PURE__ */ i("p", {
+				className: "text-[11px] text-muted-foreground text-center",
+				children: [
+					"+",
+					f - 12,
+					" more tags"
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { c as TagCloudWidget };
+
+//# sourceMappingURL=TagCloudWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagCloudWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/TagCloudWidget.tsx"],"sourcesContent":["import { Tags, ArrowRight } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst tagColors = [\n  'bg-status-info-bg-subtle text-status-info-text border-border-default',\n  'bg-status-success-bg-subtle text-status-success-text border-border-default',\n  'bg-accent-purple-subtle text-accent-purple border-border-default',\n  'bg-status-warning-bg-subtle text-status-warning-text border-border-default',\n  'bg-accent-pink-subtle text-accent-pink border-border-default',\n  'bg-accent-cyan-subtle text-accent-cyan border-border-default',\n  'bg-accent-orange-subtle text-accent-orange border-border-default',\n  'bg-accent-rose-subtle text-accent-rose border-border-default',\n];\n\nexport function TagCloudWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const tags = workspaceData?.tags.items ?? [];\n  const total = workspaceData?.tags.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Tags\"\n      icon={<Tags className=\"h-4 w-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/tags')}>\n          <ArrowRight className=\"h-3 w-3\" />\n        </Button>\n      }\n    >\n      {tags.length === 0 ? (\n        <div className=\"text-center py-3\">\n          <p className=\"text-xs text-muted-foreground\">No tags created yet</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          <div className=\"flex flex-wrap gap-1.5\">\n            {tags.slice(0, 12).map((tag, idx) => (\n              <Badge\n                key={tag.id}\n                variant=\"outline\"\n                className={`text-[11px] cursor-pointer hover:opacity-80 transition-opacity ${tagColors[idx % tagColors.length]}`}\n                onClick={() => navigate('/tags')}\n              >\n                {tag.label}\n              </Badge>\n            ))}\n          </div>\n          {total > 12 && (\n            <p className=\"text-[11px] text-muted-foreground text-center\">+{total - 12} more tags</p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,IAAO,GAAe,KAAK,SAAS,EAAE,EACtC,IAAQ,GAAe,KAAK,SAAS;AAE3C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,QAAQ;aACpF,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;GAC3B,CAAA;YAGV,EAAK,WAAW,IACf,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAuB,CAAA;GAChE,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,MAAM,GAAG,GAAG,CAAC,KAAK,GAAK,MAC3B,kBAAC,GAAD;KAEE,SAAQ;KACR,WAAW,kEAAkE,EAAU,IAAM,EAAU;KACvG,eAAe,EAAS,QAAQ;eAE/B,EAAI;KACC,EAND,EAAI,GAMH,CACR;IACE,CAAA,EACL,IAAQ,MACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA6D;KAAE,IAAQ;KAAG;KAAc;MAEtF;;EAEM,CAAA"}

package/dist/pages/dashboard/widgets/TipsWidget.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps } from '../types';
+
+export declare function TipsWidget({ navigate, isLoading }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TipsWidget.d.ts.map

package/dist/pages/dashboard/widgets/TipsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipsWidget.d.ts","sourceRoot":"","sources":["../../../../src/pages/dashboard/widgets/TipsWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiC5C,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,2CA4B9D"}

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

@@ -0,0 +1,67 @@
+import { WidgetWrapper as e } from "../WidgetWrapper.js";
+import { BookOpen as t, ExternalLink as n, Lightbulb as r, Rocket as i, Shield as a, Workflow as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/pages/dashboard/widgets/TipsWidget.tsx
+var l = [
+	{
+		icon: i,
+		title: "Create your first workspace",
+		description: "Organize your team with a dedicated workspace.",
+		path: "/workspaces/list",
+		color: "text-accent-blue"
+	},
+	{
+		icon: o,
+		title: "Automate with workflows",
+		description: "Build automation workflows to streamline your processes.",
+		path: "/workflows",
+		color: "text-status-success-text"
+	},
+	{
+		icon: a,
+		title: "Set up permissions",
+		description: "Configure role-based access for your workspace members.",
+		path: "/rbac",
+		color: "text-accent-purple"
+	},
+	{
+		icon: t,
+		title: "Explore the API",
+		description: "Check out our developer portal for API documentation.",
+		path: "/devportal",
+		color: "text-status-warning-text"
+	}
+];
+function u({ navigate: t, isLoading: i }) {
+	return /* @__PURE__ */ s(e, {
+		title: "Tips & Resources",
+		icon: /* @__PURE__ */ s(r, { className: "h-4 w-4" }),
+		size: "small",
+		isLoading: i,
+		children: /* @__PURE__ */ s("div", {
+			className: "space-y-2",
+			children: l.map((e) => /* @__PURE__ */ c("div", {
+				className: "flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors",
+				onClick: () => t(e.path),
+				children: [
+					/* @__PURE__ */ s(e.icon, { className: `h-4 w-4 mt-0.5 shrink-0 ${e.color}` }),
+					/* @__PURE__ */ c("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-xs font-medium text-text-primary leading-tight",
+							children: e.title
+						}), /* @__PURE__ */ s("p", {
+							className: "text-[11px] text-muted-foreground leading-tight mt-0.5",
+							children: e.description
+						})]
+					}),
+					/* @__PURE__ */ s(n, { className: "h-3 w-3 text-muted-foreground shrink-0 mt-0.5" })
+				]
+			}, e.title))
+		})
+	});
+}
+//#endregion
+export { u as TipsWidget };
+
+//# sourceMappingURL=TipsWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TipsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/TipsWidget.tsx"],"sourcesContent":["import { Lightbulb, ExternalLink, BookOpen, Rocket, Shield, Workflow } from 'lucide-react';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst TIPS = [\n  {\n    icon: Rocket,\n    title: 'Create your first workspace',\n    description: 'Organize your team with a dedicated workspace.',\n    path: '/workspaces/list',\n    color: 'text-accent-blue',\n  },\n  {\n    icon: Workflow,\n    title: 'Automate with workflows',\n    description: 'Build automation workflows to streamline your processes.',\n    path: '/workflows',\n    color: 'text-status-success-text',\n  },\n  {\n    icon: Shield,\n    title: 'Set up permissions',\n    description: 'Configure role-based access for your workspace members.',\n    path: '/rbac',\n    color: 'text-accent-purple',\n  },\n  {\n    icon: BookOpen,\n    title: 'Explore the API',\n    description: 'Check out our developer portal for API documentation.',\n    path: '/devportal',\n    color: 'text-status-warning-text',\n  },\n];\n\nexport function TipsWidget({ navigate, isLoading }: WidgetProps) {\n  return (\n    <WidgetWrapper\n      title=\"Tips & Resources\"\n      icon={<Lightbulb className=\"h-4 w-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-2\">\n        {TIPS.map((tip) => (\n          <div\n            key={tip.title}\n            className=\"flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors\"\n            onClick={() => navigate(tip.path)}\n          >\n            <tip.icon className={`h-4 w-4 mt-0.5 shrink-0 ${tip.color}`} />\n            <div className=\"min-w-0\">\n              <p className=\"text-xs font-medium text-text-primary leading-tight\">{tip.title}</p>\n              <p className=\"text-[11px] text-muted-foreground leading-tight mt-0.5\">\n                {tip.description}\n              </p>\n            </div>\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground shrink-0 mt-0.5\" />\n          </div>\n        ))}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAO;CACX;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACF;AAED,SAAgB,EAAW,EAAE,aAAU,gBAA0B;AAC/D,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EACvC,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,KAAK,MACT,kBAAC,OAAD;IAEE,WAAU;IACV,eAAe,EAAS,EAAI,KAAK;cAHnC;KAKE,kBAAC,EAAI,MAAL,EAAU,WAAW,2BAA2B,EAAI,SAAW,CAAA;KAC/D,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAuD,EAAI;OAAU,CAAA,EAClF,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAI;OACH,CAAA,CACA;;KACN,kBAAC,GAAD,EAAc,WAAU,iDAAkD,CAAA;KACtE;MAZC,EAAI,MAYL,CACN;GACE,CAAA;EACQ,CAAA"}

package/dist/pages/dashboard/widgets/UpcomingEventsWidget.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps } from '../types';
+
+export declare function UpcomingEventsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpcomingEventsWidget.d.ts.map

package/dist/pages/dashboard/widgets/UpcomingEventsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingEventsWidget.d.ts","sourceRoot":"","sources":["../../../../src/pages/dashboard/widgets/UpcomingEventsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAsB5C,wBAAgB,oBAAoB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAsDvF"}

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

@@ -0,0 +1,83 @@
+import { WidgetWrapper as e } from "../WidgetWrapper.js";
+import { ArrowRight as t, Calendar as n, Clock as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Badge as o, Button as s } from "@burdenoff/fe-libs/ui";
+//#region src/pages/dashboard/widgets/UpcomingEventsWidget.tsx
+function c(e) {
+	let t = new Date(e), n = /* @__PURE__ */ new Date(), r = t.toDateString() === n.toDateString(), i = new Date(n);
+	i.setDate(i.getDate() + 1);
+	let a = t.toDateString() === i.toDateString();
+	return r ? `Today at ${t.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	})}` : a ? `Tomorrow at ${t.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	})}` : t.toLocaleDateString([], {
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function l({ workspaceData: l, isLoading: u, navigate: d }) {
+	let f = l?.upcomingEvents ?? [];
+	return /* @__PURE__ */ i(e, {
+		title: "Upcoming Events",
+		icon: /* @__PURE__ */ i(n, { className: "h-4 w-4" }),
+		size: "medium",
+		isLoading: u,
+		unavailable: !l,
+		headerAction: /* @__PURE__ */ a(s, {
+			variant: "ghost",
+			size: "sm",
+			className: "text-xs",
+			onClick: () => d("/calendar"),
+			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 h-3 w-3" })]
+		}),
+		children: f.length === 0 ? /* @__PURE__ */ a("div", {
+			className: "text-center py-4",
+			children: [/* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: "No upcoming events"
+			}), /* @__PURE__ */ i(s, {
+				variant: "outline",
+				size: "sm",
+				className: "mt-2",
+				onClick: () => d("/calendar"),
+				children: "Schedule an event"
+			})]
+		}) : /* @__PURE__ */ i("div", {
+			className: "space-y-2",
+			children: f.map((e) => /* @__PURE__ */ a("div", {
+				className: "flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors",
+				onClick: () => d("/calendar"),
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "rounded-md bg-accent-pink-subtle text-accent-pink p-1.5 shrink-0",
+						children: /* @__PURE__ */ i(r, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ i("p", {
+							className: "text-sm font-medium text-text-primary truncate",
+							children: e.title
+						}), /* @__PURE__ */ i("p", {
+							className: "text-xs text-muted-foreground",
+							children: c(e.startTime)
+						})]
+					}),
+					e.allDay && /* @__PURE__ */ i(o, {
+						variant: "secondary",
+						className: "text-[10px] shrink-0",
+						children: "All day"
+					})
+				]
+			}, e.id))
+		})
+	});
+}
+//#endregion
+export { l as UpcomingEventsWidget };
+
+//# sourceMappingURL=UpcomingEventsWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingEventsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/UpcomingEventsWidget.tsx"],"sourcesContent":["import { Calendar, ArrowRight, Clock } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction formatEventDate(dateStr: string): string {\n  const d = new Date(dateStr);\n  const now = new Date();\n  const isToday = d.toDateString() === now.toDateString();\n  const tomorrow = new Date(now);\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  const isTomorrow = d.toDateString() === tomorrow.toDateString();\n\n  if (isToday)\n    return `Today at ${d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;\n  if (isTomorrow)\n    return `Tomorrow at ${d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;\n  return d.toLocaleDateString([], {\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function UpcomingEventsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const events = workspaceData?.upcomingEvents ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Upcoming Events\"\n      icon={<Calendar className=\"h-4 w-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/calendar')}>\n          View all <ArrowRight className=\"ml-1 h-3 w-3\" />\n        </Button>\n      }\n    >\n      {events.length === 0 ? (\n        <div className=\"text-center py-4\">\n          <p className=\"text-sm text-muted-foreground\">No upcoming events</p>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"mt-2\"\n            onClick={() => navigate('/calendar')}\n          >\n            Schedule an event\n          </Button>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {events.map((event) => (\n            <div\n              key={event.id}\n              className=\"flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors\"\n              onClick={() => navigate('/calendar')}\n            >\n              <div className=\"rounded-md bg-accent-pink-subtle text-accent-pink p-1.5 shrink-0\">\n                <Clock className=\"h-3.5 w-3.5\" />\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                <p className=\"text-xs text-muted-foreground\">{formatEventDate(event.startTime)}</p>\n              </div>\n              {event.allDay && (\n                <Badge variant=\"secondary\" className=\"text-[10px] shrink-0\">\n                  All day\n                </Badge>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAgB,GAAyB;CAChD,IAAM,IAAI,IAAI,KAAK,EAAQ,EACrB,oBAAM,IAAI,MAAM,EAChB,IAAU,EAAE,cAAc,KAAK,EAAI,cAAc,EACjD,IAAW,IAAI,KAAK,EAAI;AAC9B,GAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;CACxC,IAAM,IAAa,EAAE,cAAc,KAAK,EAAS,cAAc;AAM/D,QAJI,IACK,YAAY,EAAE,mBAAmB,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,CAAC,KACjF,IACK,eAAe,EAAE,mBAAmB,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,CAAC,KACjF,EAAE,mBAAmB,EAAE,EAAE;EAC9B,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACT,CAAC;;AAGJ,SAAgB,EAAqB,EAAE,kBAAe,cAAW,eAAyB;CACxF,IAAM,IAAS,GAAe,kBAAkB,EAAE;AAElD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACtC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,YAAY;aAA1F,CAA4F,aACjF,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,CACzC;;YAGV,EAAO,WAAW,IACjB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAsB,CAAA,EACnE,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe,EAAS,YAAY;cACrC;IAEQ,CAAA,CACL;OAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,MACX,kBAAC,OAAD;IAEE,WAAU;IACV,eAAe,EAAS,YAAY;cAHtC;KAKE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;MAC7B,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAkD,EAAM;OAAU,CAAA,EAC/E,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAgB,EAAM,UAAU;OAAK,CAAA,CAC/E;;KACL,EAAM,UACL,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAAuB;MAEpD,CAAA;KAEN;MAhBC,EAAM,GAgBP,CACN;GACE,CAAA;EAEM,CAAA"}

package/dist/pages/dashboard/widgets/WelcomeWidget.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps } from '../types';
+
+export declare function WelcomeWidget({ workspaceData, globalData, isLoading }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WelcomeWidget.d.ts.map

package/dist/pages/dashboard/widgets/WelcomeWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeWidget.d.ts","sourceRoot":"","sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAsB5C,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,WAAW,2CAgDlF"}

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

@@ -0,0 +1,71 @@
+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";
+//#region src/pages/dashboard/widgets/WelcomeWidget.tsx
+function c({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-3 rounded-lg bg-bg-canvas p-3 border border-border-default",
+		children: [/* @__PURE__ */ o("div", {
+			className: "rounded-md bg-primary/10 p-2 text-primary",
+			children: e
+		}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+			className: "text-2xl font-bold text-text-primary",
+			children: n
+		}), /* @__PURE__ */ o("p", {
+			className: "text-xs text-muted-foreground",
+			children: t
+		})] })]
+	});
+}
+function l({ workspaceData: l, globalData: u, isLoading: d }) {
+	let f = u?.currentUser, p = f?.firstName || f?.name?.split(" ")[0] || "there", m = (/* @__PURE__ */ new Date()).getHours(), h = m < 12 ? "Good morning" : m < 18 ? "Good afternoon" : "Good evening", g = l?.workspaces.total ?? 0, _ = l?.projects.total ?? 0, v = l?.groups.totalCount ?? 0, y = l?.recentActivities.length ?? 0;
+	return /* @__PURE__ */ o(e, {
+		title: "Dashboard",
+		icon: /* @__PURE__ */ o(i, { className: "h-4 w-4" }),
+		size: "large",
+		isLoading: d,
+		children: /* @__PURE__ */ s("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("h2", {
+				className: "text-xl font-bold text-text-primary",
+				children: [
+					h,
+					", ",
+					p,
+					"!"
+				]
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground mt-1",
+				children: "Here's what's happening across your workspaces today."
+			})] }), /* @__PURE__ */ s("div", {
+				className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
+				children: [
+					/* @__PURE__ */ o(c, {
+						icon: /* @__PURE__ */ o(n, { className: "h-4 w-4" }),
+						label: "Workspaces",
+						value: g
+					}),
+					/* @__PURE__ */ o(c, {
+						icon: /* @__PURE__ */ o(r, { className: "h-4 w-4" }),
+						label: "Projects",
+						value: _
+					}),
+					/* @__PURE__ */ o(c, {
+						icon: /* @__PURE__ */ o(a, { className: "h-4 w-4" }),
+						label: "Groups",
+						value: v
+					}),
+					/* @__PURE__ */ o(c, {
+						icon: /* @__PURE__ */ o(t, { className: "h-4 w-4" }),
+						label: "Recent Activity",
+						value: y
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { l as WelcomeWidget };
+
+//# sourceMappingURL=WelcomeWidget.js.map

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

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

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps } from '../types';
+
+export declare function WorkflowStatsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowStatsWidget.d.ts.map

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStatsWidget.d.ts","sourceRoot":"","sources":["../../../../src/pages/dashboard/widgets/WorkflowStatsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAS5C,wBAAgB,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkEtF"}

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

@@ -0,0 +1,97 @@
+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 } from "@burdenoff/fe-libs/ui";
+//#region src/pages/dashboard/widgets/WorkflowStatsWidget.tsx
+var d = {
+	RUNNING: {
+		icon: a,
+		color: "text-accent-blue"
+	},
+	COMPLETED: {
+		icon: n,
+		color: "text-status-success-text"
+	},
+	FAILED: {
+		icon: o,
+		color: "text-status-error-text"
+	},
+	PAUSED: {
+		icon: i,
+		color: "text-status-warning-text"
+	}
+};
+function f({ workspaceData: n, isLoading: i, navigate: a }) {
+	let o = n?.workflowStats;
+	return /* @__PURE__ */ s(e, {
+		title: "Workflows",
+		icon: /* @__PURE__ */ s(r, { className: "h-4 w-4" }),
+		size: "medium",
+		isLoading: i,
+		unavailable: !n,
+		headerAction: /* @__PURE__ */ c(u, {
+			variant: "ghost",
+			size: "sm",
+			className: "text-xs",
+			onClick: () => a("/workflows"),
+			children: ["View all ", /* @__PURE__ */ s(t, { className: "ml-1 h-3 w-3" })]
+		}),
+		children: o ? /* @__PURE__ */ c("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ c("div", {
+					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
+					children: [/* @__PURE__ */ s("p", {
+						className: "text-2xl font-bold text-text-primary",
+						children: o.activeWorkflowsCount
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Active"
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
+					children: [/* @__PURE__ */ s("p", {
+						className: "text-2xl font-bold text-text-primary",
+						children: o.archivedWorkflowsCount
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Archived"
+					})]
+				})]
+			}), o.recentRuns.length > 0 && /* @__PURE__ */ c("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ s("p", {
+					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
+					children: "Recent Runs"
+				}), o.recentRuns.slice(0, 3).map((e) => {
+					let t = d[e.status] || d.RUNNING, n = t.icon;
+					return /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-2 min-w-0",
+							children: [/* @__PURE__ */ s(n, { className: `h-3.5 w-3.5 ${t.color}` }), /* @__PURE__ */ s("span", {
+								className: "text-sm text-text-primary truncate",
+								children: e.workflowKey
+							})]
+						}), /* @__PURE__ */ s(l, {
+							variant: "outline",
+							className: "text-[10px]",
+							children: e.status
+						})]
+					}, e.id);
+				})]
+			})]
+		}) : /* @__PURE__ */ s("div", {
+			className: "text-center py-4",
+			children: /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: "No workflow data available"
+			})
+		})
+	});
+}
+//#endregion
+export { f as WorkflowStatsWidget };
+
+//# sourceMappingURL=WorkflowStatsWidget.js.map