@burdenoff/microfe-workspaces 2026.625.3 → 2026.625.5

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
 import { Activity as t, ArrowRight as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Button as a } from "@burdenoff/fe-libs/ui";
-import { formatRelativeTime as o } from "@burdenoff/fe-libs/shared/utils";
+import { Button as a, IllustratedEmptyState as o } from "@burdenoff/fe-libs/ui";
+import { formatRelativeTime as s } from "@burdenoff/fe-libs/shared/utils";
 //#region src/pages/dashboard/widgets/RecentActivityWidget.tsx
-var s = {
+var c = {
 	"workspace.created": "Created workspace",
 	"workspace.updated": "Updated workspace",
 	"project.created": "Created project",
@@ -18,7 +18,7 @@ var s = {
 	"workflow.completed": "Completed workflow",
 	"event.created": "Created event",
 	"comment.added": "Added comment"
-}, c = {
+}, l = {
 	workspace: "bg-status-info-bg-subtle text-status-info-text",
 	project: "bg-status-success-bg-subtle text-status-success-text",
 	member: "bg-accent-purple-subtle text-accent-purple",
@@ -27,34 +27,30 @@ var s = {
 	workflow: "bg-accent-orange-subtle text-accent-orange",
 	calendar: "bg-accent-pink-subtle text-accent-pink"
 };
-function l({ workspaceData: l, isLoading: u, navigate: d }) {
-	let f = l?.recentActivities ?? [];
+function u({ workspaceData: u, isLoading: d, navigate: f }) {
+	let p = u?.recentActivities ?? [];
 	return /* @__PURE__ */ r(e, {
 		title: "Recent Activity",
 		icon: /* @__PURE__ */ r(t, { className: "size-4" }),
 		size: "large",
-		isLoading: u,
-		unavailable: !l,
+		isLoading: d,
+		unavailable: !u,
 		headerAction: /* @__PURE__ */ i(a, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => d("/workspaces/activity"),
+			onClick: () => f("/workspaces/activity"),
 			children: ["View all ", /* @__PURE__ */ r(n, { className: "ml-1 size-3" })]
 		}),
-		children: f.length === 0 ? /* @__PURE__ */ i("div", {
-			className: "text-center py-6",
-			children: [/* @__PURE__ */ r("p", {
-				className: "text-sm text-text-secondary",
-				children: "No recent activity"
-			}), /* @__PURE__ */ r("p", {
-				className: "text-xs text-text-secondary mt-1",
-				children: "Activity will appear here as you use the platform"
-			})]
+		children: p.length === 0 ? /* @__PURE__ */ r(o, {
+			illustration: "empty-data",
+			title: "No recent activity",
+			description: "Activity will appear here as you use the platform",
+			className: "py-6"
 		}) : /* @__PURE__ */ r("div", {
 			className: "space-y-1",
-			children: f.map((e, t) => {
-				let n = e.resourceType || "workspace", a = c[n] || "bg-bg-sunken text-text-secondary", l = o(new Date(e.timestamp));
+			children: p.map((e, t) => {
+				let n = e.resourceType || "workspace", a = l[n] || "bg-bg-sunken text-text-secondary", o = s(new Date(e.timestamp));
 				return /* @__PURE__ */ i("div", {
 					className: "flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 transition-colors",
 					children: [/* @__PURE__ */ r("div", {
@@ -64,10 +60,10 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ r("p", {
 							className: "text-sm text-text-primary truncate",
-							children: e.description || s[e.action] || e.action
+							children: e.description || c[e.action] || e.action
 						}), /* @__PURE__ */ r("p", {
 							className: "text-xs text-text-secondary",
-							children: l
+							children: o
 						})]
 					})]
 				}, e.id || t);
@@ -76,6 +72,6 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 	});
 }
 //#endregion
-export { l as RecentActivityWidget };
+export { u as RecentActivityWidget };
 
 //# sourceMappingURL=RecentActivityWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecentActivityWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/RecentActivityWidget.tsx"],"sourcesContent":["import { Activity, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\nimport { formatRelativeTime } from '@burdenoff/fe-libs/shared/utils';\n\nconst actionLabels: Record<string, string> = {\n  'workspace.created': 'Created workspace',\n  'workspace.updated': 'Updated workspace',\n  'project.created': 'Created project',\n  'project.updated': 'Updated project',\n  'member.added': 'Added member',\n  'member.removed': 'Removed member',\n  'file.uploaded': 'Uploaded file',\n  'tag.created': 'Created tag',\n  'tag.assigned': 'Assigned tag',\n  'workflow.started': 'Started workflow',\n  'workflow.completed': 'Completed workflow',\n  'event.created': 'Created event',\n  'comment.added': 'Added comment',\n};\n\nconst entityIcons: Record<string, string> = {\n  workspace: 'bg-status-info-bg-subtle text-status-info-text',\n  project: 'bg-status-success-bg-subtle text-status-success-text',\n  member: 'bg-accent-purple-subtle text-accent-purple',\n  file: 'bg-status-warning-bg-subtle text-status-warning-text',\n  tag: 'bg-accent-cyan-subtle text-accent-cyan',\n  workflow: 'bg-accent-orange-subtle text-accent-orange',\n  calendar: 'bg-accent-pink-subtle text-accent-pink',\n};\n\nexport function RecentActivityWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const activities = workspaceData?.recentActivities ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Recent Activity\"\n      icon={<Activity className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workspaces/activity')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {activities.length === 0 ? (\n        <div className=\"text-center py-6\">\n          <p className=\"text-sm text-text-secondary\">No recent activity</p>\n          <p className=\"text-xs text-text-secondary mt-1\">\n            Activity will appear here as you use the platform\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-1\">\n          {activities.map((activity, idx) => {\n            const resourceType = activity.resourceType || 'workspace';\n            const colorClass = entityIcons[resourceType] || 'bg-bg-sunken text-text-secondary';\n            const timeAgo = formatRelativeTime(new Date(activity.timestamp));\n            return (\n              <div\n                key={activity.id || idx}\n                className=\"flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 transition-colors\"\n              >\n                <div\n                  className={`rounded-full size-7 flex items-center justify-center text-xs font-bold shrink-0 ${colorClass}`}\n                >\n                  {resourceType.charAt(0).toUpperCase()}\n                </div>\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"text-sm text-text-primary truncate\">\n                    {activity.description || actionLabels[activity.action] || activity.action}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">{timeAgo}</p>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAuC;CAC3C,qBAAqB;CACrB,qBAAqB;CACrB,mBAAmB;CACnB,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,gBAAgB;CAChB,oBAAoB;CACpB,sBAAsB;CACtB,iBAAiB;CACjB,iBAAiB;CAClB,EAEK,IAAsC;CAC1C,WAAW;CACX,SAAS;CACT,QAAQ;CACR,MAAM;CACN,KAAK;CACL,UAAU;CACV,UAAU;CACX;AAED,SAAgB,EAAqB,EAAE,kBAAe,cAAW,eAAyB;CACxF,IAAM,IAAa,GAAe,oBAAoB,EAAE;AAExD,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,uBAAuB;aAJjD,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAW,WAAW,IACrB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAsB,CAAA,EACjE,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAE5C,CAAA,CACA;OAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,GAAU,MAAQ;IACjC,IAAM,IAAe,EAAS,gBAAgB,aACxC,IAAa,EAAY,MAAiB,oCAC1C,IAAU,EAAmB,IAAI,KAAK,EAAS,UAAU,CAAC;AAChE,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MACE,WAAW,mFAAmF;gBAE7F,EAAa,OAAO,EAAE,CAAC,aAAa;MACjC,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,eAAe,EAAa,EAAS,WAAW,EAAS;OACjE,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAA+B;OAAY,CAAA,CACpD;QACF;OAdC,EAAS,MAAM,EAchB;KAER;GACE,CAAA;EAEM,CAAA"}
+{"version":3,"file":"RecentActivityWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/RecentActivityWidget.tsx"],"sourcesContent":["import { Activity, ArrowRight } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\nimport { formatRelativeTime } from '@burdenoff/fe-libs/shared/utils';\n\nconst actionLabels: Record<string, string> = {\n  'workspace.created': 'Created workspace',\n  'workspace.updated': 'Updated workspace',\n  'project.created': 'Created project',\n  'project.updated': 'Updated project',\n  'member.added': 'Added member',\n  'member.removed': 'Removed member',\n  'file.uploaded': 'Uploaded file',\n  'tag.created': 'Created tag',\n  'tag.assigned': 'Assigned tag',\n  'workflow.started': 'Started workflow',\n  'workflow.completed': 'Completed workflow',\n  'event.created': 'Created event',\n  'comment.added': 'Added comment',\n};\n\nconst entityIcons: Record<string, string> = {\n  workspace: 'bg-status-info-bg-subtle text-status-info-text',\n  project: 'bg-status-success-bg-subtle text-status-success-text',\n  member: 'bg-accent-purple-subtle text-accent-purple',\n  file: 'bg-status-warning-bg-subtle text-status-warning-text',\n  tag: 'bg-accent-cyan-subtle text-accent-cyan',\n  workflow: 'bg-accent-orange-subtle text-accent-orange',\n  calendar: 'bg-accent-pink-subtle text-accent-pink',\n};\n\nexport function RecentActivityWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const activities = workspaceData?.recentActivities ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Recent Activity\"\n      icon={<Activity className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workspaces/activity')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {activities.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No recent activity\"\n          description=\"Activity will appear here as you use the platform\"\n          className=\"py-6\"\n        />\n      ) : (\n        <div className=\"space-y-1\">\n          {activities.map((activity, idx) => {\n            const resourceType = activity.resourceType || 'workspace';\n            const colorClass = entityIcons[resourceType] || 'bg-bg-sunken text-text-secondary';\n            const timeAgo = formatRelativeTime(new Date(activity.timestamp));\n            return (\n              <div\n                key={activity.id || idx}\n                className=\"flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 transition-colors\"\n              >\n                <div\n                  className={`rounded-full size-7 flex items-center justify-center text-xs font-bold shrink-0 ${colorClass}`}\n                >\n                  {resourceType.charAt(0).toUpperCase()}\n                </div>\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"text-sm text-text-primary truncate\">\n                    {activity.description || actionLabels[activity.action] || activity.action}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">{timeAgo}</p>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAuC;CAC3C,qBAAqB;CACrB,qBAAqB;CACrB,mBAAmB;CACnB,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,gBAAgB;CAChB,oBAAoB;CACpB,sBAAsB;CACtB,iBAAiB;CACjB,iBAAiB;CAClB,EAEK,IAAsC;CAC1C,WAAW;CACX,SAAS;CACT,QAAQ;CACR,MAAM;CACN,KAAK;CACL,UAAU;CACV,UAAU;CACX;AAED,SAAgB,EAAqB,EAAE,kBAAe,cAAW,eAAyB;CACxF,IAAM,IAAa,GAAe,oBAAoB,EAAE;AAExD,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,uBAAuB;aAJjD,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,GAAU,MAAQ;IACjC,IAAM,IAAe,EAAS,gBAAgB,aACxC,IAAa,EAAY,MAAiB,oCAC1C,IAAU,EAAmB,IAAI,KAAK,EAAS,UAAU,CAAC;AAChE,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MACE,WAAW,mFAAmF;gBAE7F,EAAa,OAAO,EAAE,CAAC,aAAa;MACjC,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,eAAe,EAAa,EAAS,WAAW,EAAS;OACjE,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAA+B;OAAY,CAAA,CACpD;QACF;OAdC,EAAS,MAAM,EAchB;KAER;GACE,CAAA;EAEM,CAAA"}

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

@@ -1,7 +1,7 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { Activity as t, ArrowRight as n, Terminal 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";
+import { ArrowRight as t, Terminal as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Badge as a, Button as o, IllustratedEmptyState as s } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/SessionsWidget.tsx
 var c = {
 	RUNNING: "bg-status-success-bg text-status-success-text",
@@ -9,8 +9,8 @@ var c = {
 	STARTING: "bg-status-warning-bg text-status-warning-text",
 	STOPPED: "bg-text-tertiary/20 text-text-tertiary",
 	ERROR: "bg-status-error-bg text-status-error-text"
-};
-function l(e) {
+}, l = new Set(["RUNNING", "ACTIVE"]);
+function u(e) {
 	if (!e) return "";
 	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 6e4);
 	if (n < 1) return "just now";
@@ -21,51 +21,49 @@ function l(e) {
 		day: "numeric"
 	});
 }
-function u({ workspaceData: u, isLoading: d, navigate: f }) {
-	let p = u?.activeSessions ?? [];
-	return /* @__PURE__ */ i(e, {
+function d({ workspaceData: d, isLoading: f, navigate: p }) {
+	let m = d?.activeSessions ?? [];
+	return /* @__PURE__ */ r(e, {
 		title: "Active Sessions",
-		icon: /* @__PURE__ */ i(r, { className: "size-4" }),
+		icon: /* @__PURE__ */ r(n, { className: "size-4" }),
 		size: "medium",
-		isLoading: d,
-		unavailable: !u,
-		headerAction: /* @__PURE__ */ a(s, {
+		isLoading: f,
+		unavailable: !d,
+		headerAction: /* @__PURE__ */ i(o, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => f("/vibecontrols/sessions"),
-			children: ["View all ", /* @__PURE__ */ i(n, { className: "ml-1 size-3" })]
+			onClick: () => p("/vibecontrols/sessions"),
+			children: ["View all ", /* @__PURE__ */ r(t, { className: "ml-1 size-3" })]
 		}),
-		children: p.length === 0 ? /* @__PURE__ */ a("div", {
-			className: "text-center py-4",
-			children: [/* @__PURE__ */ i(t, { className: "mx-auto mb-2 size-5 text-text-secondary" }), /* @__PURE__ */ i("p", {
-				className: "text-sm text-text-secondary",
-				children: "No active sessions"
-			})]
-		}) : /* @__PURE__ */ i("ul", {
+		children: m.length === 0 ? /* @__PURE__ */ r(s, {
+			illustration: "empty-sessions",
+			title: "No active sessions",
+			className: "py-6"
+		}) : /* @__PURE__ */ r("ul", {
 			className: "space-y-1.5",
-			children: p.slice(0, 5).map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a("button", {
+			children: m.slice(0, 5).map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ i("button", {
 				type: "button",
-				onClick: () => f(`/vibecontrols/sessions/${e.id}`),
+				onClick: () => p(`/vibecontrols/sessions/${e.id}`),
 				className: "flex w-full items-center justify-between gap-2 rounded-md p-2 text-left transition-colors hover:bg-accent/5",
-				children: [/* @__PURE__ */ a("div", {
+				children: [/* @__PURE__ */ i("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ i("p", {
+					children: [/* @__PURE__ */ r("p", {
 						className: "truncate text-sm font-medium text-text-primary",
 						children: e.name || `Session ${e.id.slice(0, 8)}`
-					}), e.agent?.name ? /* @__PURE__ */ i("p", {
+					}), e.agent?.name ? /* @__PURE__ */ r("p", {
 						className: "truncate text-[11px] text-text-secondary",
 						children: e.agent.name
 					}) : null]
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ i("div", {
 					className: "flex flex-col items-end gap-1",
-					children: [/* @__PURE__ */ i(o, {
+					children: [/* @__PURE__ */ r(a, {
 						variant: "outline",
-						className: `text-[10px] ${c[e.status] ?? ""}`,
+						className: `text-[10px] ${c[e.status] ?? ""} ${l.has(e.status) ? "motion-safe:animate-vc-glow-pulse" : ""}`,
 						children: e.status.toLowerCase()
-					}), e.startedAt ? /* @__PURE__ */ i("span", {
+					}), e.startedAt ? /* @__PURE__ */ r("span", {
 						className: "text-[10px] text-text-secondary",
-						children: l(e.startedAt)
+						children: u(e.startedAt)
 					}) : null]
 				})]
 			}) }, e.id))
@@ -73,6 +71,6 @@ function u({ workspaceData: u, isLoading: d, navigate: f }) {
 	});
 }
 //#endregion
-export { u as SessionsWidget };
+export { d as SessionsWidget };
 
 //# sourceMappingURL=SessionsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/SessionsWidget.tsx"],"sourcesContent":["import { Terminal, ArrowRight, Activity } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst STATUS_BADGE: Record<string, string> = {\n  RUNNING: 'bg-status-success-bg text-status-success-text',\n  ACTIVE: 'bg-status-success-bg text-status-success-text',\n  STARTING: 'bg-status-warning-bg text-status-warning-text',\n  STOPPED: 'bg-text-tertiary/20 text-text-tertiary',\n  ERROR: 'bg-status-error-bg text-status-error-text',\n};\n\nfunction formatRelative(dateString: string | null | undefined): string {\n  if (!dateString) return '';\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`;\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24) return `${diffHr}h`;\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function SessionsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const sessions = workspaceData?.activeSessions ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Active Sessions\"\n      icon={<Terminal 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/sessions')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {sessions.length === 0 ? (\n        <div className=\"text-center py-4\">\n          <Activity className=\"mx-auto mb-2 size-5 text-text-secondary\" />\n          <p className=\"text-sm text-text-secondary\">No active sessions</p>\n        </div>\n      ) : (\n        <ul className=\"space-y-1.5\">\n          {sessions.slice(0, 5).map((s) => (\n            <li key={s.id}>\n              <button\n                type=\"button\"\n                onClick={() => navigate(`/vibecontrols/sessions/${s.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                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">\n                    {s.name || `Session ${s.id.slice(0, 8)}`}\n                  </p>\n                  {s.agent?.name ? (\n                    <p className=\"truncate text-[11px] text-text-secondary\">{s.agent.name}</p>\n                  ) : null}\n                </div>\n                <div className=\"flex flex-col items-end gap-1\">\n                  <Badge\n                    variant=\"outline\"\n                    className={`text-[10px] ${STATUS_BADGE[s.status] ?? ''}`}\n                  >\n                    {s.status.toLowerCase()}\n                  </Badge>\n                  {s.startedAt ? (\n                    <span className=\"text-[10px] text-text-secondary\">\n                      {formatRelative(s.startedAt)}\n                    </span>\n                  ) : null}\n                </div>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuC;CAC3C,SAAS;CACT,QAAQ;CACR,UAAU;CACV,SAAS;CACT,OAAO;CACR;AAED,SAAS,EAAe,GAA+C;AACrE,KAAI,CAAC,EAAY,QAAO;CACxB,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;AAEvC,QADI,IAAS,KAAW,GAAG,EAAO,KAC3B,IAAI,KAAK,EAAW,CAAC,mBAAmB,KAAA,GAAW;EACxD,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,IAAW,GAAe,kBAAkB,EAAE;AAEpD,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,yBAAyB;aAJnD,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAS,WAAW,IACnB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,2CAA4C,CAAA,EAChE,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAsB,CAAA,CAC7D;OAEN,kBAAC,MAAD;GAAI,WAAU;aACX,EAAS,MAAM,GAAG,EAAE,CAAC,KAAK,MACzB,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,0BAA0B,EAAE,KAAK;IACzD,WAAU;cAHZ,CAKE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,QAAQ,WAAW,EAAE,GAAG,MAAM,GAAG,EAAE;MACpC,CAAA,EACH,EAAE,OAAO,OACR,kBAAC,KAAD;MAAG,WAAU;gBAA4C,EAAE,MAAM;MAAS,CAAA,GACxE,KACA;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,WAAW,eAAe,EAAa,EAAE,WAAW;gBAEnD,EAAE,OAAO,aAAa;MACjB,CAAA,EACP,EAAE,YACD,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,EAAE,UAAU;MACvB,CAAA,GACL,KACA;OACC;OACN,EA5BI,EAAE,GA4BN,CACL;GACC,CAAA;EAEO,CAAA"}
+{"version":3,"file":"SessionsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/SessionsWidget.tsx"],"sourcesContent":["import { Terminal, ArrowRight } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst STATUS_BADGE: Record<string, string> = {\n  RUNNING: 'bg-status-success-bg text-status-success-text',\n  ACTIVE: 'bg-status-success-bg text-status-success-text',\n  STARTING: 'bg-status-warning-bg text-status-warning-text',\n  STOPPED: 'bg-text-tertiary/20 text-text-tertiary',\n  ERROR: 'bg-status-error-bg text-status-error-text',\n};\n\n// Live statuses get a subtle opacity pulse (reduced-motion-safe, no movement).\nconst LIVE_STATUSES = new Set(['RUNNING', 'ACTIVE']);\n\nfunction formatRelative(dateString: string | null | undefined): string {\n  if (!dateString) return '';\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`;\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24) return `${diffHr}h`;\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function SessionsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const sessions = workspaceData?.activeSessions ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Active Sessions\"\n      icon={<Terminal 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/sessions')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {sessions.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-sessions\"\n          title=\"No active sessions\"\n          className=\"py-6\"\n        />\n      ) : (\n        <ul className=\"space-y-1.5\">\n          {sessions.slice(0, 5).map((s) => (\n            <li key={s.id}>\n              <button\n                type=\"button\"\n                onClick={() => navigate(`/vibecontrols/sessions/${s.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                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">\n                    {s.name || `Session ${s.id.slice(0, 8)}`}\n                  </p>\n                  {s.agent?.name ? (\n                    <p className=\"truncate text-[11px] text-text-secondary\">{s.agent.name}</p>\n                  ) : null}\n                </div>\n                <div className=\"flex flex-col items-end gap-1\">\n                  <Badge\n                    variant=\"outline\"\n                    className={`text-[10px] ${STATUS_BADGE[s.status] ?? ''} ${\n                      LIVE_STATUSES.has(s.status) ? 'motion-safe:animate-vc-glow-pulse' : ''\n                    }`}\n                  >\n                    {s.status.toLowerCase()}\n                  </Badge>\n                  {s.startedAt ? (\n                    <span className=\"text-[10px] text-text-secondary\">\n                      {formatRelative(s.startedAt)}\n                    </span>\n                  ) : null}\n                </div>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuC;CAC3C,SAAS;CACT,QAAQ;CACR,UAAU;CACV,SAAS;CACT,OAAO;CACR,EAGK,IAAgB,IAAI,IAAI,CAAC,WAAW,SAAS,CAAC;AAEpD,SAAS,EAAe,GAA+C;AACrE,KAAI,CAAC,EAAY,QAAO;CACxB,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;AAEvC,QADI,IAAS,KAAW,GAAG,EAAO,KAC3B,IAAI,KAAK,EAAW,CAAC,mBAAmB,KAAA,GAAW;EACxD,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,IAAW,GAAe,kBAAkB,EAAE;AAEpD,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,yBAAyB;aAJnD,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGV,EAAS,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,WAAU;GACV,CAAA,GAEF,kBAAC,MAAD;GAAI,WAAU;aACX,EAAS,MAAM,GAAG,EAAE,CAAC,KAAK,MACzB,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,0BAA0B,EAAE,KAAK;IACzD,WAAU;cAHZ,CAKE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,QAAQ,WAAW,EAAE,GAAG,MAAM,GAAG,EAAE;MACpC,CAAA,EACH,EAAE,OAAO,OACR,kBAAC,KAAD;MAAG,WAAU;gBAA4C,EAAE,MAAM;MAAS,CAAA,GACxE,KACA;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,WAAW,eAAe,EAAa,EAAE,WAAW,GAAG,GACrD,EAAc,IAAI,EAAE,OAAO,GAAG,sCAAsC;gBAGrE,EAAE,OAAO,aAAa;MACjB,CAAA,EACP,EAAE,YACD,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,EAAE,UAAU;MACvB,CAAA,GACL,KACA;OACC;OACN,EA9BI,EAAE,GA8BN,CACL;GACC,CAAA;EAEO,CAAA"}

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

@@ -1,9 +1,9 @@
 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";
+import { Badge as o, Button as s, IllustratedEmptyState as c } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/UpcomingEventsWidget.tsx
-function c(e) {
+function l(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();
@@ -20,39 +20,37 @@ function c(e) {
 		minute: "2-digit"
 	});
 }
-function l({ workspaceData: l, isLoading: u, navigate: d }) {
-	let f = l?.upcomingEvents ?? [];
+function u({ workspaceData: u, isLoading: d, navigate: f }) {
+	let p = u?.upcomingEvents ?? [];
 	return /* @__PURE__ */ i(e, {
 		title: "Upcoming Events",
 		icon: /* @__PURE__ */ i(n, { className: "size-4" }),
 		size: "medium",
-		isLoading: u,
-		unavailable: !l,
+		isLoading: d,
+		unavailable: !u,
 		headerAction: /* @__PURE__ */ a(s, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => d("/calendar"),
+			onClick: () => f("/calendar"),
 			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
 		}),
-		children: f.length === 0 ? /* @__PURE__ */ a("div", {
-			className: "text-center py-4",
-			children: [/* @__PURE__ */ i("p", {
-				className: "text-sm text-text-secondary",
-				children: "No upcoming events"
-			}), /* @__PURE__ */ i(s, {
+		children: p.length === 0 ? /* @__PURE__ */ i(c, {
+			illustration: "empty-data",
+			title: "No upcoming events",
+			className: "py-4",
+			action: /* @__PURE__ */ i(s, {
 				variant: "outline",
 				size: "sm",
-				className: "mt-2",
-				onClick: () => d("/calendar"),
+				onClick: () => f("/calendar"),
 				children: "Schedule an event"
-			})]
+			})
 		}) : /* @__PURE__ */ i("div", {
 			className: "space-y-2",
-			children: f.map((e) => /* @__PURE__ */ a("button", {
+			children: p.map((e) => /* @__PURE__ */ a("button", {
 				type: "button",
 				className: "w-full flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors text-left",
-				onClick: () => d("/calendar"),
+				onClick: () => f("/calendar"),
 				children: [
 					/* @__PURE__ */ i("div", {
 						className: "rounded-md bg-accent-pink-subtle text-accent-pink p-1.5 shrink-0",
@@ -65,7 +63,7 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 							children: e.title
 						}), /* @__PURE__ */ i("p", {
 							className: "text-xs text-text-secondary",
-							children: c(e.startTime)
+							children: l(e.startTime)
 						})]
 					}),
 					e.allDay && /* @__PURE__ */ i(o, {
@@ -79,6 +77,6 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 	});
 }
 //#endregion
-export { l as UpcomingEventsWidget };
+export { u as UpcomingEventsWidget };
 
 //# sourceMappingURL=UpcomingEventsWidget.js.map

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

@@ -1 +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=\"size-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 size-3\" />\n        </Button>\n      }\n    >\n      {events.length === 0 ? (\n        <div className=\"text-center py-4\">\n          <p className=\"text-sm text-text-secondary\">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            <button\n              key={event.id}\n              type=\"button\"\n              className=\"w-full flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors text-left\"\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=\"size-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-text-secondary\">{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            </button>\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,UAAW,CAAA;EACrC,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,eAAgB,CAAA,CACxC;;YAGV,EAAO,WAAW,IACjB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAsB,CAAA,EACjE,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,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,YAAY;cAJtC;KAME,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAO,WAAU,YAAa,CAAA;MAC1B,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAkD,EAAM;OAAU,CAAA,EAC/E,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAgB,EAAM,UAAU;OAAK,CAAA,CAC7E;;KACL,EAAM,UACL,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAAuB;MAEpD,CAAA;KAEH;MAjBF,EAAM,GAiBJ,CACT;GACE,CAAA;EAEM,CAAA"}
+{"version":3,"file":"UpcomingEventsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/UpcomingEventsWidget.tsx"],"sourcesContent":["import { Calendar, ArrowRight, Clock } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } 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=\"size-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 size-3\" />\n        </Button>\n      }\n    >\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No upcoming events\"\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/calendar')}>\n              Schedule an event\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {events.map((event) => (\n            <button\n              key={event.id}\n              type=\"button\"\n              className=\"w-full flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 cursor-pointer transition-colors text-left\"\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=\"size-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-text-secondary\">{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            </button>\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,UAAW,CAAA;EACrC,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,eAAgB,CAAA,CACxC;;YAGV,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,YAAY;cAAE;IAEjE,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,MACX,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,YAAY;cAJtC;KAME,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAO,WAAU,YAAa,CAAA;MAC1B,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAkD,EAAM;OAAU,CAAA,EAC/E,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAgB,EAAM,UAAU;OAAK,CAAA,CAC7E;;KACL,EAAM,UACL,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAAuB;MAEpD,CAAA;KAEH;MAjBF,EAAM,GAiBJ,CACT;GACE,CAAA;EAEM,CAAA"}