@burdenoff/microfe-workspaces 2026.801.1 → 2026.825.1

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

@@ -1 +1 @@
-{"version":3,"file":"MembersWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/MembersWidget.tsx"],"sourcesContent":["import { Users, UserPlus, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function MembersWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps) {\n  // Member count comes from globalData.workspaces (each workspace has memberCount)\n  const workspaces = globalData?.workspaces?.items ?? workspaceData?.workspaces.items ?? [];\n  const totalMembers = workspaces.reduce(\n    (sum, ws) => sum + ((ws as { memberCount?: number }).memberCount ?? 0),\n    0\n  );\n  const totalWorkspaces = globalData?.workspaces?.total ?? workspaceData?.workspaces.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Members\"\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData && !globalData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workspaces/members')}\n        >\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      <div className=\"space-y-3\">\n        <div className=\"text-center\">\n          <p className=\"text-3xl font-bold text-text-primary tabular-nums\">{totalMembers}</p>\n          <p className=\"text-xs text-text-secondary\">\n            {totalMembers === 1 ? 'Member' : 'Members'} across {totalWorkspaces}{' '}\n            {totalWorkspaces === 1 ? 'workspace' : 'workspaces'}\n          </p>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"w-full text-xs\"\n          onClick={() => navigate('/workspaces/members?invite=true')}\n        >\n          <UserPlus className=\"size-3 mr-1.5\" />\n          Invite a member\n        </Button>\n        {workspaces.length > 0 && (\n          <div className=\"flex -space-x-2 justify-center\">\n            {workspaces.slice(0, 5).map((ws) => (\n              <div\n                key={ws.id}\n                className=\"size-8 rounded-full bg-action-primary-bg/10 text-primary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\"\n                title={ws.name}\n              >\n                {ws.name.charAt(0).toUpperCase()}\n              </div>\n            ))}\n            {totalWorkspaces > 5 && (\n              <div className=\"size-8 rounded-full bg-bg-sunken text-text-secondary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\">\n                +{totalWorkspaces - 5}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAc,EAAE,kBAAe,eAAY,cAAW,eAAyB;CAE7F,IAAM,IAAa,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS,EAAE,EACnF,IAAe,EAAW,QAC7B,GAAK,MAAO,KAAQ,EAAgC,eAAe,IACpE,EACD,EACK,IAAkB,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS;AAE5F,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC,KAAiB,CAAC;EAChC,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,sBAAsB;aAE9C,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAqD;MAAiB,CAAA,EACnF,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,MAAiB,IAAI,WAAW;OAAU;OAAS;OAAiB;OACpE,MAAoB,IAAI,cAAc;OACrC;QACA;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,EAAS,kCAAkC;eAJ5D,CAME,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,EAAA,kBAE/B;;IACR,EAAW,SAAS,KACnB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,OAAD;MAEE,WAAU;MACV,OAAO,EAAG;gBAET,EAAG,KAAK,OAAO,EAAE,CAAC,aAAa;MAC5B,EALC,EAAG,GAKJ,CACN,EACD,IAAkB,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoJ,KAChJ,IAAkB,EAChB;QAEJ;;IAEJ;;EACQ,CAAA"}
+{"version":3,"file":"MembersWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/MembersWidget.tsx"],"sourcesContent":["import { Users, UserPlus, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nexport function MembersWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n\n  // Member count comes from globalData.workspaces (each workspace has memberCount)\n  const workspaces = globalData?.workspaces?.items ?? workspaceData?.workspaces.items ?? [];\n  const totalMembers = workspaces.reduce(\n    (sum, ws) => sum + ((ws as { memberCount?: number }).memberCount ?? 0),\n    0\n  );\n  const totalWorkspaces = globalData?.workspaces?.total ?? workspaceData?.workspaces.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.members.title', 'Members')}\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData && !globalData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workspaces/members')}\n        >\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      <div className=\"space-y-3\">\n        <div className=\"text-center\">\n          <p className=\"text-3xl font-bold text-text-primary tabular-nums\">{totalMembers}</p>\n          <p className=\"text-xs text-text-secondary\">\n            {tWithFallback(\n              t,\n              'dashboard.members.summary',\n              '{memberLabel} across {count} {workspaceLabel}',\n              {\n                memberLabel:\n                  totalMembers === 1\n                    ? tWithFallback(t, 'dashboard.members.memberSingular', 'Member')\n                    : tWithFallback(t, 'dashboard.members.memberPlural', 'Members'),\n                count: totalWorkspaces,\n                workspaceLabel:\n                  totalWorkspaces === 1\n                    ? tWithFallback(t, 'dashboard.members.workspaceSingular', 'workspace')\n                    : tWithFallback(t, 'dashboard.members.workspacePlural', 'workspaces'),\n              }\n            )}\n          </p>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"w-full text-xs\"\n          onClick={() => navigate('/workspaces/members?invite=true')}\n        >\n          <UserPlus className=\"size-3 mr-1.5\" />\n          {tWithFallback(t, 'dashboard.members.invite', 'Invite a member')}\n        </Button>\n        {workspaces.length > 0 && (\n          <div className=\"flex -space-x-2 justify-center\">\n            {workspaces.slice(0, 5).map((ws) => (\n              <div\n                key={ws.id}\n                className=\"size-8 rounded-full bg-action-primary-bg/10 text-primary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\"\n                title={ws.name}\n              >\n                {ws.name.charAt(0).toUpperCase()}\n              </div>\n            ))}\n            {totalWorkspaces > 5 && (\n              <div className=\"size-8 rounded-full bg-bg-sunken text-text-secondary flex items-center justify-center text-xs font-bold border-2 border-bg-surface\">\n                +{totalWorkspaces - 5}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,EAAc,EAAE,kBAAe,eAAY,cAAW,eAAyB;CAC7F,IAAM,EAAE,SAAM,GAAS,EAGjB,IAAa,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS,EAAE,EACnF,IAAe,EAAW,QAC7B,GAAK,MAAO,KAAQ,EAAgC,eAAe,IACpE,EACD,EACK,IAAkB,GAAY,YAAY,SAAS,GAAe,WAAW,SAAS;AAE5F,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,2BAA2B,UAAU;EAC7D,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC,KAAiB,CAAC;EAChC,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,sBAAsB;aAE9C,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAqD;MAAiB,CAAA,EACnF,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,GACA,6BACA,iDACA;OACE,aACE,MAAiB,IACb,EAAc,GAAG,oCAAoC,SAAS,GAC9D,EAAc,GAAG,kCAAkC,UAAU;OACnE,OAAO;OACP,gBACE,MAAoB,IAChB,EAAc,GAAG,uCAAuC,YAAY,GACpE,EAAc,GAAG,qCAAqC,aAAa;OAC1E,CACF;MACC,CAAA,CACA;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,EAAS,kCAAkC;eAJ5D,CAME,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,EACrC,EAAc,GAAG,4BAA4B,kBAAkB,CACzD;;IACR,EAAW,SAAS,KACnB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAC3B,kBAAC,OAAD;MAEE,WAAU;MACV,OAAO,EAAG;gBAET,EAAG,KAAK,OAAO,EAAE,CAAC,aAAa;MAC5B,EALC,EAAG,GAKJ,CACN,EACD,IAAkB,KACjB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoJ,KAChJ,IAAkB,EAChB;QAEJ;;IAEJ;;EACQ,CAAA"}

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

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

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

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

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

@@ -1,169 +1,179 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { Bot as t, Calendar as n, Cog as r, FileText as i, FolderKanban as a, GitBranch as o, LayoutTemplate as s, PlayCircle as c, Plus as l, Sparkles as u, Tags as d, Terminal as f, Upload as p, UserPlus as m, Zap as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { Bot as n, Calendar as r, Cog as i, FileText as a, FolderKanban as o, GitBranch as s, LayoutTemplate as c, PlayCircle as l, Plus as u, Sparkles as d, Tags as f, Terminal as p, Upload as m, UserPlus as h, Zap as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y } from "@burdenoff/fe-libs/ui";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/QuickActionsWidget.tsx
-var y = [
-	{
-		id: "create-workspace",
-		label: "New Workspace",
-		icon: l,
-		path: "/workspaces/list",
-		color: "text-accent-blue"
-	},
-	{
-		id: "create-project",
-		label: "New Project",
-		icon: a,
-		path: "/workspaces/projects",
-		color: "text-status-success-text"
-	},
-	{
-		id: "invite-member",
-		label: "Invite Member",
-		icon: m,
-		path: "/workspaces/members",
-		color: "text-accent-purple"
-	},
-	{
-		id: "upload-file",
-		label: "Upload File",
-		icon: p,
-		path: "/files",
-		color: "text-status-warning-text"
-	},
-	{
-		id: "new-event",
-		label: "New Event",
-		icon: n,
-		path: "/calendar",
-		color: "text-accent-pink"
-	},
-	{
-		id: "manage-tags",
-		label: "Manage Tags",
-		icon: d,
-		path: "/tags",
-		color: "text-accent-cyan"
-	},
-	{
-		id: "view-workflows",
-		label: "Workflows",
-		icon: i,
-		path: "/workflows",
-		color: "text-accent-orange"
-	},
-	{
-		id: "settings",
-		label: "Settings",
-		icon: r,
-		path: "/settings",
-		color: "text-text-secondary"
-	}
-], b = [
-	{
-		id: "new-vibe",
-		label: "New Vibe",
-		icon: u,
-		path: "/vibecontrols/vibes/new",
-		color: "text-accent-blue"
-	},
-	{
-		id: "view-sessions",
-		label: "Sessions",
-		icon: f,
-		path: "/vibecontrols/sessions",
-		color: "text-status-success-text"
-	},
-	{
-		id: "connect-agent",
-		label: "Connect Agent",
-		icon: t,
-		path: "/vibecontrols/agents/new",
-		color: "text-accent-purple"
-	},
-	{
-		id: "invite-member",
-		label: "Invite Member",
-		icon: m,
-		path: "/workspaces/members",
-		color: "text-accent-pink"
-	},
-	{
-		id: "upload-file",
-		label: "Upload File",
-		icon: p,
-		path: "/files",
-		color: "text-status-warning-text"
-	},
-	{
-		id: "settings",
-		label: "Settings",
-		icon: r,
-		path: "/settings",
-		color: "text-accent-cyan"
-	}
-], x = [
-	{
-		id: "new-workflow",
-		label: "New Workflow",
-		icon: o,
-		path: "/workflows/new",
-		color: "text-accent-blue"
-	},
-	{
-		id: "view-runs",
-		label: "View Runs",
-		icon: c,
-		path: "/workflows/runs",
-		color: "text-status-success-text"
-	},
-	{
-		id: "browse-templates",
-		label: "Templates",
-		icon: s,
-		path: "/workflows/templates",
-		color: "text-accent-purple"
-	},
-	{
-		id: "invite-member",
-		label: "Invite Member",
-		icon: m,
-		path: "/workspaces/members",
-		color: "text-accent-pink"
-	},
-	{
-		id: "upload-file",
-		label: "Upload File",
-		icon: p,
-		path: "/files",
-		color: "text-status-warning-text"
-	},
-	{
-		id: "settings",
-		label: "Settings",
-		icon: r,
-		path: "/settings",
-		color: "text-accent-cyan"
-	}
-];
-function S(e) {
-	return e === "vibecontrols" ? b : e === "fluidgrids" ? x : y;
+function x(t) {
+	return [
+		{
+			id: "create-workspace",
+			label: e(t, "dashboard.quickActions.newWorkspace", "New Workspace"),
+			icon: u,
+			path: "/workspaces/list",
+			color: "text-accent-blue"
+		},
+		{
+			id: "create-project",
+			label: e(t, "dashboard.quickActions.newProject", "New Project"),
+			icon: o,
+			path: "/workspaces/projects",
+			color: "text-status-success-text"
+		},
+		{
+			id: "invite-member",
+			label: e(t, "dashboard.quickActions.inviteMember", "Invite Member"),
+			icon: h,
+			path: "/workspaces/members",
+			color: "text-accent-purple"
+		},
+		{
+			id: "upload-file",
+			label: e(t, "dashboard.quickActions.uploadFile", "Upload File"),
+			icon: m,
+			path: "/files",
+			color: "text-status-warning-text"
+		},
+		{
+			id: "new-event",
+			label: e(t, "dashboard.quickActions.newEvent", "New Event"),
+			icon: r,
+			path: "/calendar",
+			color: "text-accent-pink"
+		},
+		{
+			id: "manage-tags",
+			label: e(t, "dashboard.quickActions.manageTags", "Manage Tags"),
+			icon: f,
+			path: "/tags",
+			color: "text-accent-cyan"
+		},
+		{
+			id: "view-workflows",
+			label: e(t, "dashboard.quickActions.workflows", "Workflows"),
+			icon: a,
+			path: "/workflows",
+			color: "text-accent-orange"
+		},
+		{
+			id: "settings",
+			label: e(t, "dashboard.quickActions.settings", "Settings"),
+			icon: i,
+			path: "/settings",
+			color: "text-text-secondary"
+		}
+	];
 }
-function C({ navigate: t, isLoading: n, productId: r }) {
-	let i = S(r);
-	return /* @__PURE__ */ g(e, {
-		title: "Quick Actions",
-		icon: /* @__PURE__ */ g(h, { className: "size-4" }),
+function S(t) {
+	return [
+		{
+			id: "new-vibe",
+			label: e(t, "dashboard.quickActions.newVibe", "New Vibe"),
+			icon: d,
+			path: "/vibecontrols/vibes/new",
+			color: "text-accent-blue"
+		},
+		{
+			id: "view-sessions",
+			label: e(t, "dashboard.quickActions.sessions", "Sessions"),
+			icon: p,
+			path: "/vibecontrols/sessions",
+			color: "text-status-success-text"
+		},
+		{
+			id: "connect-agent",
+			label: e(t, "dashboard.quickActions.connectAgent", "Connect Agent"),
+			icon: n,
+			path: "/vibecontrols/agents/new",
+			color: "text-accent-purple"
+		},
+		{
+			id: "invite-member",
+			label: e(t, "dashboard.quickActions.inviteMember", "Invite Member"),
+			icon: h,
+			path: "/workspaces/members",
+			color: "text-accent-pink"
+		},
+		{
+			id: "upload-file",
+			label: e(t, "dashboard.quickActions.uploadFile", "Upload File"),
+			icon: m,
+			path: "/files",
+			color: "text-status-warning-text"
+		},
+		{
+			id: "settings",
+			label: e(t, "dashboard.quickActions.settings", "Settings"),
+			icon: i,
+			path: "/settings",
+			color: "text-accent-cyan"
+		}
+	];
+}
+function C(t) {
+	return [
+		{
+			id: "new-workflow",
+			label: e(t, "dashboard.quickActions.newWorkflow", "New Workflow"),
+			icon: s,
+			path: "/workflows/new",
+			color: "text-accent-blue"
+		},
+		{
+			id: "view-runs",
+			label: e(t, "dashboard.quickActions.viewRuns", "View Runs"),
+			icon: l,
+			path: "/workflows/runs",
+			color: "text-status-success-text"
+		},
+		{
+			id: "browse-templates",
+			label: e(t, "dashboard.quickActions.templates", "Templates"),
+			icon: c,
+			path: "/workflows/templates",
+			color: "text-accent-purple"
+		},
+		{
+			id: "invite-member",
+			label: e(t, "dashboard.quickActions.inviteMember", "Invite Member"),
+			icon: h,
+			path: "/workspaces/members",
+			color: "text-accent-pink"
+		},
+		{
+			id: "upload-file",
+			label: e(t, "dashboard.quickActions.uploadFile", "Upload File"),
+			icon: m,
+			path: "/files",
+			color: "text-status-warning-text"
+		},
+		{
+			id: "settings",
+			label: e(t, "dashboard.quickActions.settings", "Settings"),
+			icon: i,
+			path: "/settings",
+			color: "text-accent-cyan"
+		}
+	];
+}
+function w(e, t) {
+	return t === "vibecontrols" ? S(e) : t === "fluidgrids" ? C(e) : x(e);
+}
+function T({ navigate: n, isLoading: r, productId: i }) {
+	let { t: a } = b(), o = w(a, i);
+	return /* @__PURE__ */ _(t, {
+		title: e(a, "dashboard.quickActions.title", "Quick Actions"),
+		icon: /* @__PURE__ */ _(g, { className: "size-4" }),
 		size: "medium",
-		isLoading: n,
-		children: /* @__PURE__ */ g("div", {
+		isLoading: r,
+		children: /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2",
-			children: i.map((e) => /* @__PURE__ */ _(v, {
+			children: o.map((e) => /* @__PURE__ */ v(y, {
 				variant: "outline",
 				className: "flex flex-col items-center gap-1.5 h-auto py-3 px-2 text-xs hover:bg-accent/5 transition-colors",
-				onClick: () => t(e.path),
-				children: [/* @__PURE__ */ g(e.icon, { className: `size-5 ${e.color}` }), /* @__PURE__ */ g("span", {
+				onClick: () => n(e.path),
+				children: [/* @__PURE__ */ _(e.icon, { className: `size-5 ${e.color}` }), /* @__PURE__ */ _("span", {
 					className: "text-text-secondary font-medium",
 					children: e.label
 				})]
@@ -172,6 +182,6 @@ function C({ navigate: t, isLoading: n, productId: r }) {
 	});
 }
 //#endregion
-export { C as QuickActionsWidget };
+export { T as QuickActionsWidget };
 
 //# sourceMappingURL=QuickActionsWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuickActionsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/QuickActionsWidget.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport {\n  Zap,\n  Plus,\n  Upload,\n  UserPlus,\n  FolderKanban,\n  Calendar,\n  FileText,\n  Tags,\n  Bot,\n  Terminal,\n  Sparkles,\n  Cog,\n  GitBranch,\n  PlayCircle,\n  LayoutTemplate,\n} from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\ninterface QuickAction {\n  id: string;\n  label: string;\n  icon: LucideIcon;\n  path: string;\n  color: string;\n}\n\nconst WORKSPACES_QUICK_ACTIONS: QuickAction[] = [\n  {\n    id: 'create-workspace',\n    label: 'New Workspace',\n    icon: Plus,\n    path: '/workspaces/list',\n    color: 'text-accent-blue',\n  },\n  {\n    id: 'create-project',\n    label: 'New Project',\n    icon: FolderKanban,\n    path: '/workspaces/projects',\n    color: 'text-status-success-text',\n  },\n  {\n    id: 'invite-member',\n    label: 'Invite Member',\n    icon: UserPlus,\n    path: '/workspaces/members',\n    color: 'text-accent-purple',\n  },\n  {\n    id: 'upload-file',\n    label: 'Upload File',\n    icon: Upload,\n    path: '/files',\n    color: 'text-status-warning-text',\n  },\n  {\n    id: 'new-event',\n    label: 'New Event',\n    icon: Calendar,\n    path: '/calendar',\n    color: 'text-accent-pink',\n  },\n  {\n    id: 'manage-tags',\n    label: 'Manage Tags',\n    icon: Tags,\n    path: '/tags',\n    color: 'text-accent-cyan',\n  },\n  {\n    id: 'view-workflows',\n    label: 'Workflows',\n    icon: FileText,\n    path: '/workflows',\n    color: 'text-accent-orange',\n  },\n  {\n    id: 'settings',\n    label: 'Settings',\n    icon: Cog,\n    path: '/settings',\n    color: 'text-text-secondary',\n  },\n];\n\nconst VIBECONTROLS_QUICK_ACTIONS: QuickAction[] = [\n  {\n    id: 'new-vibe',\n    label: 'New Vibe',\n    icon: Sparkles,\n    path: '/vibecontrols/vibes/new',\n    color: 'text-accent-blue',\n  },\n  {\n    id: 'view-sessions',\n    label: 'Sessions',\n    icon: Terminal,\n    path: '/vibecontrols/sessions',\n    color: 'text-status-success-text',\n  },\n  {\n    id: 'connect-agent',\n    label: 'Connect Agent',\n    icon: Bot,\n    path: '/vibecontrols/agents/new',\n    color: 'text-accent-purple',\n  },\n  {\n    id: 'invite-member',\n    label: 'Invite Member',\n    icon: UserPlus,\n    path: '/workspaces/members',\n    color: 'text-accent-pink',\n  },\n  {\n    id: 'upload-file',\n    label: 'Upload File',\n    icon: Upload,\n    path: '/files',\n    color: 'text-status-warning-text',\n  },\n  {\n    id: 'settings',\n    label: 'Settings',\n    icon: Cog,\n    path: '/settings',\n    color: 'text-accent-cyan',\n  },\n];\n\nconst FLUIDGRIDS_QUICK_ACTIONS: QuickAction[] = [\n  {\n    id: 'new-workflow',\n    label: 'New Workflow',\n    icon: GitBranch,\n    path: '/workflows/new',\n    color: 'text-accent-blue',\n  },\n  {\n    id: 'view-runs',\n    label: 'View Runs',\n    icon: PlayCircle,\n    path: '/workflows/runs',\n    color: 'text-status-success-text',\n  },\n  {\n    id: 'browse-templates',\n    label: 'Templates',\n    icon: LayoutTemplate,\n    path: '/workflows/templates',\n    color: 'text-accent-purple',\n  },\n  {\n    id: 'invite-member',\n    label: 'Invite Member',\n    icon: UserPlus,\n    path: '/workspaces/members',\n    color: 'text-accent-pink',\n  },\n  {\n    id: 'upload-file',\n    label: 'Upload File',\n    icon: Upload,\n    path: '/files',\n    color: 'text-status-warning-text',\n  },\n  {\n    id: 'settings',\n    label: 'Settings',\n    icon: Cog,\n    path: '/settings',\n    color: 'text-accent-cyan',\n  },\n];\n\nfunction pickActions(productId?: string): QuickAction[] {\n  if (productId === 'vibecontrols') return VIBECONTROLS_QUICK_ACTIONS;\n  if (productId === 'fluidgrids') return FLUIDGRIDS_QUICK_ACTIONS;\n  return WORKSPACES_QUICK_ACTIONS;\n}\n\nexport function QuickActionsWidget({ navigate, isLoading, productId }: WidgetProps) {\n  const actions = pickActions(productId);\n  return (\n    <WidgetWrapper\n      title=\"Quick Actions\"\n      icon={<Zap className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n    >\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2\">\n        {actions.map((action) => (\n          <Button\n            key={action.id}\n            variant=\"outline\"\n            className=\"flex flex-col items-center gap-1.5 h-auto py-3 px-2 text-xs hover:bg-accent/5 transition-colors\"\n            onClick={() => navigate(action.path)}\n          >\n            <action.icon className={`size-5 ${action.color}`} />\n            <span className=\"text-text-secondary font-medium\">{action.label}</span>\n          </Button>\n        ))}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AA8BA,IAAM,IAA0C;CAC9C;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACF,EAEK,IAA4C;CAChD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACF,EAEK,IAA0C;CAC9C;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACF;AAED,SAAS,EAAY,GAAmC;AAGtD,QAFI,MAAc,iBAAuB,IACrC,MAAc,eAAqB,IAChC;;AAGT,SAAgB,EAAmB,EAAE,aAAU,cAAW,gBAA0B;CAClF,IAAM,IAAU,EAAY,EAAU;AACtC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAK,WAAU,UAAW,CAAA;EAChC,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD;IAEE,SAAQ;IACR,WAAU;IACV,eAAe,EAAS,EAAO,KAAK;cAJtC,CAME,kBAAC,EAAO,MAAR,EAAa,WAAW,UAAU,EAAO,SAAW,CAAA,EACpD,kBAAC,QAAD;KAAM,WAAU;eAAmC,EAAO;KAAa,CAAA,CAChE;MAPF,EAAO,GAOL,CACT;GACE,CAAA;EACQ,CAAA"}
+{"version":3,"file":"QuickActionsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/QuickActionsWidget.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport {\n  Zap,\n  Plus,\n  Upload,\n  UserPlus,\n  FolderKanban,\n  Calendar,\n  FileText,\n  Tags,\n  Bot,\n  Terminal,\n  Sparkles,\n  Cog,\n  GitBranch,\n  PlayCircle,\n  LayoutTemplate,\n} from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\ntype Translate = I18nContextValue['t'];\n\ninterface QuickAction {\n  id: string;\n  label: string;\n  icon: LucideIcon;\n  path: string;\n  color: string;\n}\n\nfunction workspacesQuickActions(t: Translate): QuickAction[] {\n  return [\n    {\n      id: 'create-workspace',\n      label: tWithFallback(t, 'dashboard.quickActions.newWorkspace', 'New Workspace'),\n      icon: Plus,\n      path: '/workspaces/list',\n      color: 'text-accent-blue',\n    },\n    {\n      id: 'create-project',\n      label: tWithFallback(t, 'dashboard.quickActions.newProject', 'New Project'),\n      icon: FolderKanban,\n      path: '/workspaces/projects',\n      color: 'text-status-success-text',\n    },\n    {\n      id: 'invite-member',\n      label: tWithFallback(t, 'dashboard.quickActions.inviteMember', 'Invite Member'),\n      icon: UserPlus,\n      path: '/workspaces/members',\n      color: 'text-accent-purple',\n    },\n    {\n      id: 'upload-file',\n      label: tWithFallback(t, 'dashboard.quickActions.uploadFile', 'Upload File'),\n      icon: Upload,\n      path: '/files',\n      color: 'text-status-warning-text',\n    },\n    {\n      id: 'new-event',\n      label: tWithFallback(t, 'dashboard.quickActions.newEvent', 'New Event'),\n      icon: Calendar,\n      path: '/calendar',\n      color: 'text-accent-pink',\n    },\n    {\n      id: 'manage-tags',\n      label: tWithFallback(t, 'dashboard.quickActions.manageTags', 'Manage Tags'),\n      icon: Tags,\n      path: '/tags',\n      color: 'text-accent-cyan',\n    },\n    {\n      id: 'view-workflows',\n      label: tWithFallback(t, 'dashboard.quickActions.workflows', 'Workflows'),\n      icon: FileText,\n      path: '/workflows',\n      color: 'text-accent-orange',\n    },\n    {\n      id: 'settings',\n      label: tWithFallback(t, 'dashboard.quickActions.settings', 'Settings'),\n      icon: Cog,\n      path: '/settings',\n      color: 'text-text-secondary',\n    },\n  ];\n}\n\nfunction vibecontrolsQuickActions(t: Translate): QuickAction[] {\n  return [\n    {\n      id: 'new-vibe',\n      label: tWithFallback(t, 'dashboard.quickActions.newVibe', 'New Vibe'),\n      icon: Sparkles,\n      path: '/vibecontrols/vibes/new',\n      color: 'text-accent-blue',\n    },\n    {\n      id: 'view-sessions',\n      label: tWithFallback(t, 'dashboard.quickActions.sessions', 'Sessions'),\n      icon: Terminal,\n      path: '/vibecontrols/sessions',\n      color: 'text-status-success-text',\n    },\n    {\n      id: 'connect-agent',\n      label: tWithFallback(t, 'dashboard.quickActions.connectAgent', 'Connect Agent'),\n      icon: Bot,\n      path: '/vibecontrols/agents/new',\n      color: 'text-accent-purple',\n    },\n    {\n      id: 'invite-member',\n      label: tWithFallback(t, 'dashboard.quickActions.inviteMember', 'Invite Member'),\n      icon: UserPlus,\n      path: '/workspaces/members',\n      color: 'text-accent-pink',\n    },\n    {\n      id: 'upload-file',\n      label: tWithFallback(t, 'dashboard.quickActions.uploadFile', 'Upload File'),\n      icon: Upload,\n      path: '/files',\n      color: 'text-status-warning-text',\n    },\n    {\n      id: 'settings',\n      label: tWithFallback(t, 'dashboard.quickActions.settings', 'Settings'),\n      icon: Cog,\n      path: '/settings',\n      color: 'text-accent-cyan',\n    },\n  ];\n}\n\nfunction fluidgridsQuickActions(t: Translate): QuickAction[] {\n  return [\n    {\n      id: 'new-workflow',\n      label: tWithFallback(t, 'dashboard.quickActions.newWorkflow', 'New Workflow'),\n      icon: GitBranch,\n      path: '/workflows/new',\n      color: 'text-accent-blue',\n    },\n    {\n      id: 'view-runs',\n      label: tWithFallback(t, 'dashboard.quickActions.viewRuns', 'View Runs'),\n      icon: PlayCircle,\n      path: '/workflows/runs',\n      color: 'text-status-success-text',\n    },\n    {\n      id: 'browse-templates',\n      label: tWithFallback(t, 'dashboard.quickActions.templates', 'Templates'),\n      icon: LayoutTemplate,\n      path: '/workflows/templates',\n      color: 'text-accent-purple',\n    },\n    {\n      id: 'invite-member',\n      label: tWithFallback(t, 'dashboard.quickActions.inviteMember', 'Invite Member'),\n      icon: UserPlus,\n      path: '/workspaces/members',\n      color: 'text-accent-pink',\n    },\n    {\n      id: 'upload-file',\n      label: tWithFallback(t, 'dashboard.quickActions.uploadFile', 'Upload File'),\n      icon: Upload,\n      path: '/files',\n      color: 'text-status-warning-text',\n    },\n    {\n      id: 'settings',\n      label: tWithFallback(t, 'dashboard.quickActions.settings', 'Settings'),\n      icon: Cog,\n      path: '/settings',\n      color: 'text-accent-cyan',\n    },\n  ];\n}\n\nfunction pickActions(t: Translate, productId?: string): QuickAction[] {\n  if (productId === 'vibecontrols') return vibecontrolsQuickActions(t);\n  if (productId === 'fluidgrids') return fluidgridsQuickActions(t);\n  return workspacesQuickActions(t);\n}\n\nexport function QuickActionsWidget({ navigate, isLoading, productId }: WidgetProps) {\n  const { t } = useI18n();\n  const actions = pickActions(t, productId);\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.quickActions.title', 'Quick Actions')}\n      icon={<Zap className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n    >\n      <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2\">\n        {actions.map((action) => (\n          <Button\n            key={action.id}\n            variant=\"outline\"\n            className=\"flex flex-col items-center gap-1.5 h-auto py-3 px-2 text-xs hover:bg-accent/5 transition-colors\"\n            onClick={() => navigate(action.path)}\n          >\n            <action.icon className={`size-5 ${action.color}`} />\n            <span className=\"text-text-secondary font-medium\">{action.label}</span>\n          </Button>\n        ))}\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAmCA,SAAS,EAAuB,GAA6B;AAC3D,QAAO;EACL;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,uCAAuC,gBAAgB;GAC/E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,qCAAqC,cAAc;GAC3E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,uCAAuC,gBAAgB;GAC/E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,qCAAqC,cAAc;GAC3E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,mCAAmC,YAAY;GACvE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,qCAAqC,cAAc;GAC3E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,oCAAoC,YAAY;GACxE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,mCAAmC,WAAW;GACtE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACF;;AAGH,SAAS,EAAyB,GAA6B;AAC7D,QAAO;EACL;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,kCAAkC,WAAW;GACrE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,mCAAmC,WAAW;GACtE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,uCAAuC,gBAAgB;GAC/E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,uCAAuC,gBAAgB;GAC/E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,qCAAqC,cAAc;GAC3E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,mCAAmC,WAAW;GACtE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACF;;AAGH,SAAS,EAAuB,GAA6B;AAC3D,QAAO;EACL;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,sCAAsC,eAAe;GAC7E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,mCAAmC,YAAY;GACvE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,oCAAoC,YAAY;GACxE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,uCAAuC,gBAAgB;GAC/E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,qCAAqC,cAAc;GAC3E,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD;GACE,IAAI;GACJ,OAAO,EAAc,GAAG,mCAAmC,WAAW;GACtE,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACF;;AAGH,SAAS,EAAY,GAAc,GAAmC;AAGpE,QAFI,MAAc,iBAAuB,EAAyB,EAAE,GAChE,MAAc,eAAqB,EAAuB,EAAE,GACzD,EAAuB,EAAE;;AAGlC,SAAgB,EAAmB,EAAE,aAAU,cAAW,gBAA0B;CAClF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAU,EAAY,GAAG,EAAU;AACzC,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,gCAAgC,gBAAgB;EACxE,MAAM,kBAAC,GAAD,EAAK,WAAU,UAAW,CAAA;EAChC,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD;IAEE,SAAQ;IACR,WAAU;IACV,eAAe,EAAS,EAAO,KAAK;cAJtC,CAME,kBAAC,EAAO,MAAR,EAAa,WAAW,UAAU,EAAO,SAAW,CAAA,EACpD,kBAAC,QAAD;KAAM,WAAU;eAAmC,EAAO;KAAa,CAAA,CAChE;MAPF,EAAO,GAOL,CACT;GACE,CAAA;EACQ,CAAA"}