npm - @burdenoff/microfe-workspaces - Versions diffs - 2026.802.1 → 2026.829.1 - Mend

@burdenoff/microfe-workspaces 2026.802.1 → 2026.829.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

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

@@ -1,155 +1,165 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { BookOpen as t, ExternalLink as n, GitBranch as r, LayoutTemplate as i, Lightbulb as a, Newspaper as o, Puzzle as s, Rocket as c, ScrollText as l, Shield as u, Sparkles as d, Users as f, Workflow as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { BookOpen as n, ExternalLink as r, GitBranch as i, LayoutTemplate as a, Lightbulb as o, Newspaper as s, Puzzle as c, Rocket as l, ScrollText as u, Shield as d, Sparkles as f, Users as p, Workflow as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/TipsWidget.tsx
-var g = [
-	{
-		icon: t,
-		title: "Read the docs",
-		description: "Guides, references, and tutorials at docs.vibecontrols.com.",
-		href: "https://docs.vibecontrols.com",
-		external: !0,
-		color: "text-accent-blue"
-	},
-	{
-		icon: f,
-		title: "Join the community",
-		description: "Ask questions, share workflows, and chat with the team.",
-		href: "https://community.vibecontrols.com",
-		external: !0,
-		color: "text-accent-purple"
-	},
-	{
-		icon: s,
-		title: "Browse plugins",
-		description: "50+ plugins for terminals, AI, tunnels, sandboxes, and more.",
-		href: "/vibecontrols/plugins",
-		color: "text-status-success-text"
-	},
-	{
-		icon: o,
-		title: "Latest from the blog",
-		description: "Product updates, deep dives, and engineering posts.",
-		href: "https://vibecontrols.com/blog",
-		external: !0,
-		color: "text-status-warning-text"
-	},
-	{
-		icon: d,
-		title: "Feature previews",
-		description: "Try opt-in features before they ship to everyone.",
-		href: "/feature-previews",
-		color: "text-accent-pink"
-	}
-], _ = [
-	{
-		icon: c,
-		title: "Create your first workspace",
-		description: "Organize your team with a dedicated workspace.",
-		href: "/workspaces/list",
-		color: "text-accent-blue"
-	},
-	{
-		icon: p,
-		title: "Automate with workflows",
-		description: "Build automation workflows to streamline your processes.",
-		href: "/workflows",
-		color: "text-status-success-text"
-	},
-	{
-		icon: u,
-		title: "Set up permissions",
-		description: "Configure role-based access for your workspace members.",
-		href: "/rbac",
-		color: "text-accent-purple"
-	},
-	{
-		icon: t,
-		title: "Explore the API",
-		description: "Check out our developer portal for API documentation.",
-		href: "/devportal",
-		color: "text-status-warning-text"
-	}
-], v = [
-	{
-		icon: r,
-		title: "Build your first workflow",
-		description: "Drag nodes onto the canvas to automate a process end to end.",
-		href: "/workflows/new",
-		color: "text-accent-blue"
-	},
-	{
-		icon: i,
-		title: "Start from a template",
-		description: "Skip the blank canvas with a ready-made workflow template.",
-		href: "/workflows/templates",
-		color: "text-status-success-text"
-	},
-	{
-		icon: l,
-		title: "Debug a failed run",
-		description: "Inspect node-by-node execution logs for any workflow run.",
-		href: "/workflows/runs",
-		color: "text-accent-purple"
-	},
-	{
-		icon: t,
-		title: "Read the docs",
-		description: "Guides and node reference at docs.fluidgrids.com.",
-		href: "https://docs.fluidgrids.com",
-		external: !0,
-		color: "text-status-warning-text"
-	},
-	{
-		icon: f,
-		title: "Join the community",
-		description: "Share workflows and get help from other builders.",
-		href: "https://community.fluidgrids.com",
-		external: !0,
-		color: "text-accent-pink"
-	}
-];
-function y(e) {
-	return e === "vibecontrols" ? g : e === "fluidgrids" ? v : _;
+function v(t) {
+	return [
+		{
+			icon: n,
+			title: e(t, "dashboard.tips.vibecontrols.readDocs.title", "Read the docs"),
+			description: e(t, "dashboard.tips.vibecontrols.readDocs.description", "Guides, references, and tutorials at docs.vibecontrols.com."),
+			href: "https://docs.vibecontrols.com",
+			external: !0,
+			color: "text-accent-blue"
+		},
+		{
+			icon: p,
+			title: e(t, "dashboard.tips.vibecontrols.community.title", "Join the community"),
+			description: e(t, "dashboard.tips.vibecontrols.community.description", "Ask questions, share workflows, and chat with the team."),
+			href: "https://community.vibecontrols.com",
+			external: !0,
+			color: "text-accent-purple"
+		},
+		{
+			icon: c,
+			title: e(t, "dashboard.tips.vibecontrols.plugins.title", "Browse plugins"),
+			description: e(t, "dashboard.tips.vibecontrols.plugins.description", "50+ plugins for terminals, AI, tunnels, sandboxes, and more."),
+			href: "/vibecontrols/plugins",
+			color: "text-status-success-text"
+		},
+		{
+			icon: s,
+			title: e(t, "dashboard.tips.vibecontrols.blog.title", "Latest from the blog"),
+			description: e(t, "dashboard.tips.vibecontrols.blog.description", "Product updates, deep dives, and engineering posts."),
+			href: "https://vibecontrols.com/blog",
+			external: !0,
+			color: "text-status-warning-text"
+		},
+		{
+			icon: f,
+			title: e(t, "dashboard.tips.vibecontrols.featurePreviews.title", "Feature previews"),
+			description: e(t, "dashboard.tips.vibecontrols.featurePreviews.description", "Try opt-in features before they ship to everyone."),
+			href: "/feature-previews",
+			color: "text-accent-pink"
+		}
+	];
 }
-function b({ navigate: t, isLoading: r, productId: i }) {
-	let o = y(i);
-	return /* @__PURE__ */ m(e, {
-		title: "Tips & Resources",
-		icon: /* @__PURE__ */ m(a, { className: "size-4" }),
+function y(t) {
+	return [
+		{
+			icon: l,
+			title: e(t, "dashboard.tips.workspaces.createWorkspace.title", "Create your first workspace"),
+			description: e(t, "dashboard.tips.workspaces.createWorkspace.description", "Organize your team with a dedicated workspace."),
+			href: "/workspaces/list",
+			color: "text-accent-blue"
+		},
+		{
+			icon: m,
+			title: e(t, "dashboard.tips.workspaces.automateWorkflows.title", "Automate with workflows"),
+			description: e(t, "dashboard.tips.workspaces.automateWorkflows.description", "Build automation workflows to streamline your processes."),
+			href: "/workflows",
+			color: "text-status-success-text"
+		},
+		{
+			icon: d,
+			title: e(t, "dashboard.tips.workspaces.permissions.title", "Set up permissions"),
+			description: e(t, "dashboard.tips.workspaces.permissions.description", "Configure role-based access for your workspace members."),
+			href: "/rbac",
+			color: "text-accent-purple"
+		},
+		{
+			icon: n,
+			title: e(t, "dashboard.tips.workspaces.exploreApi.title", "Explore the API"),
+			description: e(t, "dashboard.tips.workspaces.exploreApi.description", "Check out our developer portal for API documentation."),
+			href: "/devportal",
+			color: "text-status-warning-text"
+		}
+	];
+}
+function b(t) {
+	return [
+		{
+			icon: i,
+			title: e(t, "dashboard.tips.fluidgrids.buildWorkflow.title", "Build your first workflow"),
+			description: e(t, "dashboard.tips.fluidgrids.buildWorkflow.description", "Drag nodes onto the canvas to automate a process end to end."),
+			href: "/workflows/new",
+			color: "text-accent-blue"
+		},
+		{
+			icon: a,
+			title: e(t, "dashboard.tips.fluidgrids.template.title", "Start from a template"),
+			description: e(t, "dashboard.tips.fluidgrids.template.description", "Skip the blank canvas with a ready-made workflow template."),
+			href: "/workflows/templates",
+			color: "text-status-success-text"
+		},
+		{
+			icon: u,
+			title: e(t, "dashboard.tips.fluidgrids.debugRun.title", "Debug a failed run"),
+			description: e(t, "dashboard.tips.fluidgrids.debugRun.description", "Inspect node-by-node execution logs for any workflow run."),
+			href: "/workflows/runs",
+			color: "text-accent-purple"
+		},
+		{
+			icon: n,
+			title: e(t, "dashboard.tips.fluidgrids.readDocs.title", "Read the docs"),
+			description: e(t, "dashboard.tips.fluidgrids.readDocs.description", "Guides and node reference at docs.fluidgrids.com."),
+			href: "https://docs.fluidgrids.com",
+			external: !0,
+			color: "text-status-warning-text"
+		},
+		{
+			icon: p,
+			title: e(t, "dashboard.tips.fluidgrids.community.title", "Join the community"),
+			description: e(t, "dashboard.tips.fluidgrids.community.description", "Share workflows and get help from other builders."),
+			href: "https://community.fluidgrids.com",
+			external: !0,
+			color: "text-accent-pink"
+		}
+	];
+}
+function x(e, t) {
+	return t === "vibecontrols" ? v(e) : t === "fluidgrids" ? b(e) : y(e);
+}
+function S({ navigate: n, isLoading: i, productId: a }) {
+	let { t: s } = _(), c = x(s, a);
+	return /* @__PURE__ */ h(t, {
+		title: e(s, "dashboard.tips.title", "Tips & Resources"),
+		icon: /* @__PURE__ */ h(o, { className: "size-4" }),
 		size: "small",
-		isLoading: r,
-		children: /* @__PURE__ */ m("div", {
+		isLoading: i,
+		children: /* @__PURE__ */ h("div", {
 			className: "space-y-2",
-			children: o.map((e) => e.external ? /* @__PURE__ */ h("a", {
+			children: c.map((e) => e.external ? /* @__PURE__ */ g("a", {
 				href: e.href,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				className: "w-full flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 transition-colors text-left",
 				children: [
-					/* @__PURE__ */ m(e.icon, { className: `size-4 mt-0.5 shrink-0 ${e.color}` }),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ h(e.icon, { className: `size-4 mt-0.5 shrink-0 ${e.color}` }),
+					/* @__PURE__ */ g("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-xs font-medium text-text-primary leading-tight",
 							children: e.title
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-[11px] text-text-secondary leading-tight mt-0.5",
 							children: e.description
 						})]
 					}),
-					/* @__PURE__ */ m(n, { className: "size-3 text-text-secondary shrink-0 mt-0.5" })
+					/* @__PURE__ */ h(r, { className: "size-3 text-text-secondary shrink-0 mt-0.5" })
 				]
-			}, e.title) : /* @__PURE__ */ h("button", {
+			}, e.title) : /* @__PURE__ */ g("button", {
 				type: "button",
 				className: "w-full flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left",
-				onClick: () => t(e.href),
-				children: [/* @__PURE__ */ m(e.icon, { className: `size-4 mt-0.5 shrink-0 ${e.color}` }), /* @__PURE__ */ h("div", {
+				onClick: () => n(e.href),
+				children: [/* @__PURE__ */ h(e.icon, { className: `size-4 mt-0.5 shrink-0 ${e.color}` }), /* @__PURE__ */ g("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ m("p", {
+					children: [/* @__PURE__ */ h("p", {
 						className: "text-xs font-medium text-text-primary leading-tight",
 						children: e.title
-					}), /* @__PURE__ */ m("p", {
+					}), /* @__PURE__ */ h("p", {
 						className: "text-[11px] text-text-secondary leading-tight mt-0.5",
 						children: e.description
 					})]
@@ -159,6 +169,6 @@ function b({ navigate: t, isLoading: r, productId: i }) {
 	});
 }
 //#endregion
-export { b as TipsWidget };
+export { S as TipsWidget };
 //# sourceMappingURL=TipsWidget.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TipsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/TipsWidget.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport {\n Lightbulb,\n ExternalLink,\n BookOpen,\n Rocket,\n Shield,\n Workflow,\n Users,\n Puzzle,\n Newspaper,\n Sparkles,\n GitBranch,\n LayoutTemplate,\n ScrollText,\n} from 'lucide-react';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\ninterface Tip {\n icon: LucideIcon;\n title: string;\n description: string;\n href: string;\n external?: boolean;\n color: string;\n}\n\nconst VIBECONTROLS_TIPS: Tip[] = [\n {\n icon: BookOpen,\n title: 'Read the docs',\n description: 'Guides, references, and tutorials at docs.vibecontrols.com.',\n href: 'https://docs.vibecontrols.com',\n external: true,\n color: 'text-accent-blue',\n },\n {\n icon: Users,\n title: 'Join the community',\n description: 'Ask questions, share workflows, and chat with the team.',\n href: 'https://community.vibecontrols.com',\n external: true,\n color: 'text-accent-purple',\n },\n {\n icon: Puzzle,\n title: 'Browse plugins',\n description: '50+ plugins for terminals, AI, tunnels, sandboxes, and more.',\n href: '/vibecontrols/plugins',\n color: 'text-status-success-text',\n },\n {\n icon: Newspaper,\n title: 'Latest from the blog',\n description: 'Product updates, deep dives, and engineering posts.',\n href: 'https://vibecontrols.com/blog',\n external: true,\n color: 'text-status-warning-text',\n },\n {\n icon: Sparkles,\n title: 'Feature previews',\n description: 'Try opt-in features before they ship to everyone.',\n href: '/feature-previews',\n color: 'text-accent-pink',\n },\n];\n\nconst WORKSPACES_TIPS: Tip[] = [\n {\n icon: Rocket,\n title: 'Create your first workspace',\n description: 'Organize your team with a dedicated workspace.',\n href: '/workspaces/list',\n color: 'text-accent-blue',\n },\n {\n icon: Workflow,\n title: 'Automate with workflows',\n description: 'Build automation workflows to streamline your processes.',\n href: '/workflows',\n color: 'text-status-success-text',\n },\n {\n icon: Shield,\n title: 'Set up permissions',\n description: 'Configure role-based access for your workspace members.',\n href: '/rbac',\n color: 'text-accent-purple',\n },\n {\n icon: BookOpen,\n title: 'Explore the API',\n description: 'Check out our developer portal for API documentation.',\n href: '/devportal',\n color: 'text-status-warning-text',\n },\n];\n\nconst FLUIDGRIDS_TIPS: Tip[] = [\n {\n icon: GitBranch,\n title: 'Build your first workflow',\n description: 'Drag nodes onto the canvas to automate a process end to end.',\n href: '/workflows/new',\n color: 'text-accent-blue',\n },\n {\n icon: LayoutTemplate,\n title: 'Start from a template',\n description: 'Skip the blank canvas with a ready-made workflow template.',\n href: '/workflows/templates',\n color: 'text-status-success-text',\n },\n {\n icon: ScrollText,\n title: 'Debug a failed run',\n description: 'Inspect node-by-node execution logs for any workflow run.',\n href: '/workflows/runs',\n color: 'text-accent-purple',\n },\n {\n icon: BookOpen,\n title: 'Read the docs',\n description: 'Guides and node reference at docs.fluidgrids.com.',\n href: 'https://docs.fluidgrids.com',\n external: true,\n color: 'text-status-warning-text',\n },\n {\n icon: Users,\n title: 'Join the community',\n description: 'Share workflows and get help from other builders.',\n href: 'https://community.fluidgrids.com',\n external: true,\n color: 'text-accent-pink',\n },\n];\n\nfunction pickTips(productId?: string): Tip[] {\n if (productId === 'vibecontrols') return VIBECONTROLS_TIPS;\n if (productId === 'fluidgrids') return FLUIDGRIDS_TIPS;\n return WORKSPACES_TIPS;\n}\n\nexport function TipsWidget({ navigate, isLoading, productId }: WidgetProps) {\n const tips = pickTips(productId);\n\n return (\n <WidgetWrapper\n title=\"Tips & Resources\"\n icon={<Lightbulb className=\"size-4\" />}\n size=\"small\"\n isLoading={isLoading}\n >\n <div className=\"space-y-2\">\n {tips.map((tip) =>\n tip.external ? (\n <a\n key={tip.title}\n href={tip.href}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"w-full flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 transition-colors text-left\"\n >\n <tip.icon className={`size-4 mt-0.5 shrink-0 ${tip.color}`} />\n <div className=\"min-w-0\">\n <p className=\"text-xs font-medium text-text-primary leading-tight\">{tip.title}</p>\n <p className=\"text-[11px] text-text-secondary leading-tight mt-0.5\">\n {tip.description}\n </p>\n </div>\n <ExternalLink className=\"size-3 text-text-secondary shrink-0 mt-0.5\" />\n </a>\n ) : (\n <button\n key={tip.title}\n type=\"button\"\n className=\"w-full flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n onClick={() => navigate(tip.href)}\n >\n <tip.icon className={`size-4 mt-0.5 shrink-0 ${tip.color}`} />\n <div className=\"min-w-0\">\n <p className=\"text-xs font-medium text-text-primary leading-tight\">{tip.title}</p>\n <p className=\"text-[11px] text-text-secondary leading-tight mt-0.5\">\n {tip.description}\n </p>\n </div>\n </button>\n )\n )}\n </div>\n </WidgetWrapper>\n );\n}\n"],"mappings":";;;;AA4BA,IAAM,IAA2B;CAC/B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,UAAU;EACV,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,UAAU;EACV,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,UAAU;EACV,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACF,EAEK,IAAyB;CAC7B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACF,EAEK,IAAyB;CAC7B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,UAAU;EACV,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACb,MAAM;EACN,UAAU;EACV,OAAO;EACR;CACF;AAED,SAAS,EAAS,GAA2B;AAG3C,QAFI,MAAc,iBAAuB,IACrC,MAAc,eAAqB,IAChC;;AAGT,SAAgB,EAAW,EAAE,aAAU,cAAW,gBAA0B;CAC1E,IAAM,IAAO,EAAS,EAAU;AAEhC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,KAAK,MACT,EAAI,WACF,kBAAC,KAAD;IAEE,MAAM,EAAI;IACV,QAAO;IACP,KAAI;IACJ,WAAU;cALZ;KAOE,kBAAC,EAAI,MAAL,EAAU,WAAW,0BAA0B,EAAI,SAAW,CAAA;KAC9D,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAuD,EAAI;OAAU,CAAA,EAClF,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAI;OACH,CAAA,CACA;;KACN,kBAAC,GAAD,EAAc,WAAU,8CAA+C,CAAA;KACrE;MAdG,EAAI,MAcP,GAEJ,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,EAAI,KAAK;cAJnC,CAME,kBAAC,EAAI,MAAL,EAAU,WAAW,0BAA0B,EAAI,SAAW,CAAA,EAC9D,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAuD,EAAI;MAAU,CAAA,EAClF,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAI;MACH,CAAA,CACA;OACC;MAZF,EAAI,MAYF,CAEZ;GACG,CAAA;EACQ,CAAA"}
1	+ {"version":3,"file":"TipsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/TipsWidget.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport {\n Lightbulb,\n ExternalLink,\n BookOpen,\n Rocket,\n Shield,\n Workflow,\n Users,\n Puzzle,\n Newspaper,\n Sparkles,\n GitBranch,\n LayoutTemplate,\n ScrollText,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\nimport { tWithFallback } from '../../../utils/i18n';\n\ntype Translator = Parameters<typeof tWithFallback>[0];\n\ninterface Tip {\n icon: LucideIcon;\n title: string;\n description: string;\n href: string;\n external?: boolean;\n color: string;\n}\n\nfunction getVibecontrolsTips(t: Translator): Tip[] {\n return [\n {\n icon: BookOpen,\n title: tWithFallback(t, 'dashboard.tips.vibecontrols.readDocs.title', 'Read the docs'),\n description: tWithFallback(\n t,\n 'dashboard.tips.vibecontrols.readDocs.description',\n 'Guides, references, and tutorials at docs.vibecontrols.com.'\n ),\n href: 'https://docs.vibecontrols.com',\n external: true,\n color: 'text-accent-blue',\n },\n {\n icon: Users,\n title: tWithFallback(t, 'dashboard.tips.vibecontrols.community.title', 'Join the community'),\n description: tWithFallback(\n t,\n 'dashboard.tips.vibecontrols.community.description',\n 'Ask questions, share workflows, and chat with the team.'\n ),\n href: 'https://community.vibecontrols.com',\n external: true,\n color: 'text-accent-purple',\n },\n {\n icon: Puzzle,\n title: tWithFallback(t, 'dashboard.tips.vibecontrols.plugins.title', 'Browse plugins'),\n description: tWithFallback(\n t,\n 'dashboard.tips.vibecontrols.plugins.description',\n '50+ plugins for terminals, AI, tunnels, sandboxes, and more.'\n ),\n href: '/vibecontrols/plugins',\n color: 'text-status-success-text',\n },\n {\n icon: Newspaper,\n title: tWithFallback(t, 'dashboard.tips.vibecontrols.blog.title', 'Latest from the blog'),\n description: tWithFallback(\n t,\n 'dashboard.tips.vibecontrols.blog.description',\n 'Product updates, deep dives, and engineering posts.'\n ),\n href: 'https://vibecontrols.com/blog',\n external: true,\n color: 'text-status-warning-text',\n },\n {\n icon: Sparkles,\n title: tWithFallback(\n t,\n 'dashboard.tips.vibecontrols.featurePreviews.title',\n 'Feature previews'\n ),\n description: tWithFallback(\n t,\n 'dashboard.tips.vibecontrols.featurePreviews.description',\n 'Try opt-in features before they ship to everyone.'\n ),\n href: '/feature-previews',\n color: 'text-accent-pink',\n },\n ];\n}\n\nfunction getWorkspacesTips(t: Translator): Tip[] {\n return [\n {\n icon: Rocket,\n title: tWithFallback(\n t,\n 'dashboard.tips.workspaces.createWorkspace.title',\n 'Create your first workspace'\n ),\n description: tWithFallback(\n t,\n 'dashboard.tips.workspaces.createWorkspace.description',\n 'Organize your team with a dedicated workspace.'\n ),\n href: '/workspaces/list',\n color: 'text-accent-blue',\n },\n {\n icon: Workflow,\n title: tWithFallback(\n t,\n 'dashboard.tips.workspaces.automateWorkflows.title',\n 'Automate with workflows'\n ),\n description: tWithFallback(\n t,\n 'dashboard.tips.workspaces.automateWorkflows.description',\n 'Build automation workflows to streamline your processes.'\n ),\n href: '/workflows',\n color: 'text-status-success-text',\n },\n {\n icon: Shield,\n title: tWithFallback(t, 'dashboard.tips.workspaces.permissions.title', 'Set up permissions'),\n description: tWithFallback(\n t,\n 'dashboard.tips.workspaces.permissions.description',\n 'Configure role-based access for your workspace members.'\n ),\n href: '/rbac',\n color: 'text-accent-purple',\n },\n {\n icon: BookOpen,\n title: tWithFallback(t, 'dashboard.tips.workspaces.exploreApi.title', 'Explore the API'),\n description: tWithFallback(\n t,\n 'dashboard.tips.workspaces.exploreApi.description',\n 'Check out our developer portal for API documentation.'\n ),\n href: '/devportal',\n color: 'text-status-warning-text',\n },\n ];\n}\n\nfunction getFluidgridsTips(t: Translator): Tip[] {\n return [\n {\n icon: GitBranch,\n title: tWithFallback(\n t,\n 'dashboard.tips.fluidgrids.buildWorkflow.title',\n 'Build your first workflow'\n ),\n description: tWithFallback(\n t,\n 'dashboard.tips.fluidgrids.buildWorkflow.description',\n 'Drag nodes onto the canvas to automate a process end to end.'\n ),\n href: '/workflows/new',\n color: 'text-accent-blue',\n },\n {\n icon: LayoutTemplate,\n title: tWithFallback(t, 'dashboard.tips.fluidgrids.template.title', 'Start from a template'),\n description: tWithFallback(\n t,\n 'dashboard.tips.fluidgrids.template.description',\n 'Skip the blank canvas with a ready-made workflow template.'\n ),\n href: '/workflows/templates',\n color: 'text-status-success-text',\n },\n {\n icon: ScrollText,\n title: tWithFallback(t, 'dashboard.tips.fluidgrids.debugRun.title', 'Debug a failed run'),\n description: tWithFallback(\n t,\n 'dashboard.tips.fluidgrids.debugRun.description',\n 'Inspect node-by-node execution logs for any workflow run.'\n ),\n href: '/workflows/runs',\n color: 'text-accent-purple',\n },\n {\n icon: BookOpen,\n title: tWithFallback(t, 'dashboard.tips.fluidgrids.readDocs.title', 'Read the docs'),\n description: tWithFallback(\n t,\n 'dashboard.tips.fluidgrids.readDocs.description',\n 'Guides and node reference at docs.fluidgrids.com.'\n ),\n href: 'https://docs.fluidgrids.com',\n external: true,\n color: 'text-status-warning-text',\n },\n {\n icon: Users,\n title: tWithFallback(t, 'dashboard.tips.fluidgrids.community.title', 'Join the community'),\n description: tWithFallback(\n t,\n 'dashboard.tips.fluidgrids.community.description',\n 'Share workflows and get help from other builders.'\n ),\n href: 'https://community.fluidgrids.com',\n external: true,\n color: 'text-accent-pink',\n },\n ];\n}\n\nfunction pickTips(t: Translator, productId?: string): Tip[] {\n if (productId === 'vibecontrols') return getVibecontrolsTips(t);\n if (productId === 'fluidgrids') return getFluidgridsTips(t);\n return getWorkspacesTips(t);\n}\n\nexport function TipsWidget({ navigate, isLoading, productId }: WidgetProps) {\n const { t } = useI18n();\n const tips = pickTips(t, productId);\n\n return (\n <WidgetWrapper\n title={tWithFallback(t, 'dashboard.tips.title', 'Tips & Resources')}\n icon={<Lightbulb className=\"size-4\" />}\n size=\"small\"\n isLoading={isLoading}\n >\n <div className=\"space-y-2\">\n {tips.map((tip) =>\n tip.external ? (\n <a\n key={tip.title}\n href={tip.href}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"w-full flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 transition-colors text-left\"\n >\n <tip.icon className={`size-4 mt-0.5 shrink-0 ${tip.color}`} />\n <div className=\"min-w-0\">\n <p className=\"text-xs font-medium text-text-primary leading-tight\">{tip.title}</p>\n <p className=\"text-[11px] text-text-secondary leading-tight mt-0.5\">\n {tip.description}\n </p>\n </div>\n <ExternalLink className=\"size-3 text-text-secondary shrink-0 mt-0.5\" />\n </a>\n ) : (\n <button\n key={tip.title}\n type=\"button\"\n className=\"w-full flex items-start gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n onClick={() => navigate(tip.href)}\n >\n <tip.icon className={`size-4 mt-0.5 shrink-0 ${tip.color}`} />\n <div className=\"min-w-0\">\n <p className=\"text-xs font-medium text-text-primary leading-tight\">{tip.title}</p>\n <p className=\"text-[11px] text-text-secondary leading-tight mt-0.5\">\n {tip.description}\n </p>\n </div>\n </button>\n )\n )}\n </div>\n </WidgetWrapper>\n );\n}\n"],"mappings":";;;;;;AAgCA,SAAS,EAAoB,GAAsB;AACjD,QAAO;EACL;GACE,MAAM;GACN,OAAO,EAAc,GAAG,8CAA8C,gBAAgB;GACtF,aAAa,EACX,GACA,oDACA,8DACD;GACD,MAAM;GACN,UAAU;GACV,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,+CAA+C,qBAAqB;GAC5F,aAAa,EACX,GACA,qDACA,0DACD;GACD,MAAM;GACN,UAAU;GACV,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,6CAA6C,iBAAiB;GACtF,aAAa,EACX,GACA,mDACA,+DACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,0CAA0C,uBAAuB;GACzF,aAAa,EACX,GACA,gDACA,sDACD;GACD,MAAM;GACN,UAAU;GACV,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EACL,GACA,qDACA,mBACD;GACD,aAAa,EACX,GACA,2DACA,oDACD;GACD,MAAM;GACN,OAAO;GACR;EACF;;AAGH,SAAS,EAAkB,GAAsB;AAC/C,QAAO;EACL;GACE,MAAM;GACN,OAAO,EACL,GACA,mDACA,8BACD;GACD,aAAa,EACX,GACA,yDACA,iDACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EACL,GACA,qDACA,0BACD;GACD,aAAa,EACX,GACA,2DACA,2DACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,+CAA+C,qBAAqB;GAC5F,aAAa,EACX,GACA,qDACA,0DACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,8CAA8C,kBAAkB;GACxF,aAAa,EACX,GACA,oDACA,wDACD;GACD,MAAM;GACN,OAAO;GACR;EACF;;AAGH,SAAS,EAAkB,GAAsB;AAC/C,QAAO;EACL;GACE,MAAM;GACN,OAAO,EACL,GACA,iDACA,4BACD;GACD,aAAa,EACX,GACA,uDACA,+DACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,4CAA4C,wBAAwB;GAC5F,aAAa,EACX,GACA,kDACA,6DACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,4CAA4C,qBAAqB;GACzF,aAAa,EACX,GACA,kDACA,4DACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,4CAA4C,gBAAgB;GACpF,aAAa,EACX,GACA,kDACA,oDACD;GACD,MAAM;GACN,UAAU;GACV,OAAO;GACR;EACD;GACE,MAAM;GACN,OAAO,EAAc,GAAG,6CAA6C,qBAAqB;GAC1F,aAAa,EACX,GACA,mDACA,oDACD;GACD,MAAM;GACN,UAAU;GACV,OAAO;GACR;EACF;;AAGH,SAAS,EAAS,GAAe,GAA2B;AAG1D,QAFI,MAAc,iBAAuB,EAAoB,EAAE,GAC3D,MAAc,eAAqB,EAAkB,EAAE,GACpD,EAAkB,EAAE;;AAG7B,SAAgB,EAAW,EAAE,aAAU,cAAW,gBAA0B;CAC1E,IAAM,EAAE,SAAM,GAAS,EACjB,IAAO,EAAS,GAAG,EAAU;AAEnC,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,wBAAwB,mBAAmB;EACnE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,KAAK,MACT,EAAI,WACF,kBAAC,KAAD;IAEE,MAAM,EAAI;IACV,QAAO;IACP,KAAI;IACJ,WAAU;cALZ;KAOE,kBAAC,EAAI,MAAL,EAAU,WAAW,0BAA0B,EAAI,SAAW,CAAA;KAC9D,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAuD,EAAI;OAAU,CAAA,EAClF,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAI;OACH,CAAA,CACA;;KACN,kBAAC,GAAD,EAAc,WAAU,8CAA+C,CAAA;KACrE;MAdG,EAAI,MAcP,GAEJ,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,EAAI,KAAK;cAJnC,CAME,kBAAC,EAAI,MAAL,EAAU,WAAW,0BAA0B,EAAI,SAAW,CAAA,EAC9D,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAuD,EAAI;MAAU,CAAA,EAClF,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAI;MACH,CAAA,CACA;OACC;MAZF,EAAI,MAYF,CAEZ;GACG,CAAA;EACQ,CAAA"}

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

@@ -1,82 +1,88 @@
-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, 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, Calendar as r, Clock 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/UpcomingEventsWidget.tsx
-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();
-	return r ? `Today at ${t.toLocaleTimeString([], {
+function d(t, n) {
+	let r = new Date(n), i = /* @__PURE__ */ new Date(), a = r.toDateString() === i.toDateString(), o = new Date(i);
+	o.setDate(o.getDate() + 1);
+	let s = r.toDateString() === o.toDateString();
+	return a ? e(t, "dashboard.upcomingEvents.today", "Today at {time}", { time: r.toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
-	})}` : a ? `Tomorrow at ${t.toLocaleTimeString([], {
+	}) }) : s ? e(t, "dashboard.upcomingEvents.tomorrow", "Tomorrow at {time}", { time: r.toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
-	})}` : t.toLocaleDateString([], {
+	}) }) : r.toLocaleDateString([], {
 		month: "short",
 		day: "numeric",
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 }
-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" }),
+function f({ workspaceData: f, isLoading: p, navigate: m }) {
+	let { t: h } = u(), g = f?.upcomingEvents ?? [];
+	return /* @__PURE__ */ a(t, {
+		title: e(h, "dashboard.upcomingEvents.title", "Upcoming Events"),
+		icon: /* @__PURE__ */ a(r, { className: "size-4" }),
 		size: "medium",
-		isLoading: d,
-		unavailable: !u,
-		headerAction: /* @__PURE__ */ a(s, {
+		isLoading: p,
+		unavailable: !f,
+		headerAction: /* @__PURE__ */ o(c, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => f("/calendar"),
-			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
+			onClick: () => m("/calendar"),
+			children: [
+				e(h, "dashboard.upcomingEvents.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ a(n, { className: "ml-1 size-3" })
+			]
 		}),
-		children: p.length === 0 ? /* @__PURE__ */ i(c, {
+		children: g.length === 0 ? /* @__PURE__ */ a(l, {
 			illustration: "empty-data",
-			title: "No upcoming events",
+			title: e(h, "dashboard.upcomingEvents.emptyTitle", "No upcoming events"),
 			className: "py-4",
-			action: /* @__PURE__ */ i(s, {
+			action: /* @__PURE__ */ a(c, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => f("/calendar"),
-				children: "Schedule an event"
+				onClick: () => m("/calendar"),
+				children: e(h, "dashboard.upcomingEvents.emptyAction", "Schedule an event")
 			})
-		}) : /* @__PURE__ */ i("div", {
+		}) : /* @__PURE__ */ a("div", {
 			className: "space-y-2",
-			children: p.map((e) => /* @__PURE__ */ a("button", {
+			children: g.map((t) => /* @__PURE__ */ o("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: () => f("/calendar"),
+				onClick: () => m("/calendar"),
 				children: [
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "rounded-md bg-accent-pink-subtle text-accent-pink p-1.5 shrink-0",
-						children: /* @__PURE__ */ i(r, { className: "size-3.5" })
+						children: /* @__PURE__ */ a(i, { className: "size-3.5" })
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ i("p", {
+						children: [/* @__PURE__ */ a("p", {
 							className: "text-sm font-medium text-text-primary truncate",
-							children: e.title
-						}), /* @__PURE__ */ i("p", {
+							children: t.title
+						}), /* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: l(e.startTime)
+							children: d(h, t.startTime)
 						})]
 					}),
-					e.allDay && /* @__PURE__ */ i(o, {
+					t.allDay && /* @__PURE__ */ a(s, {
 						variant: "secondary",
 						className: "text-[10px] shrink-0",
-						children: "All day"
+						children: e(h, "dashboard.upcomingEvents.allDay", "All day")
 					})
 				]
-			}, e.id))
+			}, t.id))
 		})
 	});
 }
 //#endregion
-export { u as UpcomingEventsWidget };
+export { f as UpcomingEventsWidget };
 //# sourceMappingURL=UpcomingEventsWidget.js.map

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

	@@ -1 +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, 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"}
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, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nfunction formatEventDate(t: I18nContextValue['t'], 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 tWithFallback(t, 'dashboard.upcomingEvents.today', 'Today at {time}', {\n time: d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n });\n if (isTomorrow)\n return tWithFallback(t, 'dashboard.upcomingEvents.tomorrow', 'Tomorrow at {time}', {\n time: d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n });\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 { t } = useI18n();\n const events = workspaceData?.upcomingEvents ?? [];\n\n return (\n <WidgetWrapper\n title={tWithFallback(t, 'dashboard.upcomingEvents.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 {tWithFallback(t, 'dashboard.upcomingEvents.viewAll', 'View all')}{' '}\n <ArrowRight className=\"ml-1 size-3\" />\n </Button>\n }\n >\n {events.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={tWithFallback(t, 'dashboard.upcomingEvents.emptyTitle', 'No upcoming events')}\n className=\"py-4\"\n action={\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/calendar')}>\n {tWithFallback(t, 'dashboard.upcomingEvents.emptyAction', '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(t, event.startTime)}</p>\n </div>\n {event.allDay && (\n <Badge variant=\"secondary\" className=\"text-[10px] shrink-0\">\n {tWithFallback(t, 'dashboard.upcomingEvents.allDay', 'All day')}\n </Badge>\n )}\n </button>\n ))}\n </div>\n )}\n </WidgetWrapper>\n );\n}\n"],"mappings":";;;;;;;AAQA,SAAS,EAAgB,GAA0B,GAAyB;CAC1E,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;AAU/D,QARI,IACK,EAAc,GAAG,kCAAkC,mBAAmB,EAC3E,MAAM,EAAE,mBAAmB,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,CAAC,EACvE,CAAC,GACA,IACK,EAAc,GAAG,qCAAqC,sBAAsB,EACjF,MAAM,EAAE,mBAAmB,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,CAAC,EACvE,CAAC,GACG,EAAE,mBAAmB,EAAE,EAAE;EAC9B,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACT,CAAC;;AAGJ,SAAgB,EAAqB,EAAE,kBAAe,cAAW,eAAyB;CACxF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAS,GAAe,kBAAkB,EAAE;AAElD,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,kCAAkC,kBAAkB;EAC5E,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;IACG,EAAc,GAAG,oCAAoC,WAAW;IAAE;IACnE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA;IAC/B;;YAGV,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,uCAAuC,qBAAqB;GACpF,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,YAAY;cACrE,EAAc,GAAG,wCAAwC,oBAAoB;IACvE,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,GAAG,EAAM,UAAU;OAAK,CAAA,CAChF;;KACL,EAAM,UACL,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAClC,EAAc,GAAG,mCAAmC,UAAU;MACzD,CAAA;KAEH;MAjBF,EAAM,GAiBJ,CACT;GACE,CAAA;EAEM,CAAA"}

package/dist/pages/dashboard/widgets/VibesWidget.js CHANGED Viewed

@@ -1,63 +1,73 @@
-import { WidgetWrapper as e } from "../WidgetWrapper.js";
-import { ArrowRight as t, Plus as n, Sparkles as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Button as o, IllustratedEmptyState as s } from "@burdenoff/fe-libs/ui";
+import { tWithFallback as e } from "../../../utils/i18n.js";
+import { WidgetWrapper as t } from "../WidgetWrapper.js";
+import { ArrowRight as n, Plus as r, Sparkles as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s, IllustratedEmptyState as c } from "@burdenoff/fe-libs/ui";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/VibesWidget.tsx
-function c(e) {
-	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 6e4);
-	if (n < 1) return "just now";
-	if (n < 60) return `${n}m ago`;
-	let r = Math.floor(n / 60);
-	if (r < 24) return `${r}h ago`;
-	let i = Math.floor(r / 24);
-	return i < 7 ? `${i}d ago` : new Date(e).toLocaleDateString(void 0, {
+function u(t, n) {
+	let r = Date.now() - new Date(n).getTime(), i = Math.floor(r / 6e4);
+	if (i < 1) return e(t, "dashboard.vibes.justNow", "just now");
+	if (i < 60) return e(t, "dashboard.vibes.minutesAgo", "{count}m ago", { count: i });
+	let a = Math.floor(i / 60);
+	if (a < 24) return e(t, "dashboard.vibes.hoursAgo", "{count}h ago", { count: a });
+	let o = Math.floor(a / 24);
+	return o < 7 ? e(t, "dashboard.vibes.daysAgo", "{count}d ago", { count: o }) : new Date(n).toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
 	});
 }
-function l({ workspaceData: l, isLoading: u, navigate: d }) {
-	let f = l?.recentVibes ?? [];
-	return /* @__PURE__ */ i(e, {
-		title: "Recent Vibes",
-		icon: /* @__PURE__ */ i(r, { className: "size-4" }),
+function d({ workspaceData: d, isLoading: f, navigate: p }) {
+	let { t: m } = l(), h = d?.recentVibes ?? [];
+	return /* @__PURE__ */ a(t, {
+		title: e(m, "dashboard.vibes.title", "Recent Vibes"),
+		icon: /* @__PURE__ */ a(i, { className: "size-4" }),
 		size: "medium",
-		isLoading: u,
-		unavailable: !l,
-		headerAction: /* @__PURE__ */ a(o, {
+		isLoading: f,
+		unavailable: !d,
+		headerAction: /* @__PURE__ */ o(s, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => d("/vibecontrols/vibes"),
-			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
+			onClick: () => p("/vibecontrols/vibes"),
+			children: [
+				e(m, "dashboard.vibes.viewAll", "View all"),
+				" ",
+				/* @__PURE__ */ a(n, { className: "ml-1 size-3" })
+			]
 		}),
-		children: f.length === 0 ? /* @__PURE__ */ i(s, {
+		children: h.length === 0 ? /* @__PURE__ */ a(c, {
 			illustration: "empty-vibes",
-			title: "No vibes yet",
+			title: e(m, "dashboard.vibes.emptyTitle", "No vibes yet"),
 			className: "py-4",
-			action: /* @__PURE__ */ a(o, {
+			action: /* @__PURE__ */ o(s, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => d("/vibecontrols/vibes/new"),
-				children: [/* @__PURE__ */ i(n, { className: "mr-1.5 size-3.5" }), " Create your first vibe"]
+				onClick: () => p("/vibecontrols/vibes/new"),
+				children: [
+					/* @__PURE__ */ a(r, { className: "mr-1.5 size-3.5" }),
+					" ",
+					e(m, "dashboard.vibes.emptyAction", "Create your first vibe")
+				]
 			})
-		}) : /* @__PURE__ */ i("ul", {
+		}) : /* @__PURE__ */ a("ul", {
 			className: "space-y-1.5",
-			children: f.slice(0, 5).map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a("button", {
+			children: h.slice(0, 5).map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o("button", {
 				type: "button",
-				onClick: () => d(`/vibecontrols/vibes/${e.id}`),
+				onClick: () => p(`/vibecontrols/vibes/${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__ */ i("span", {
+				children: [/* @__PURE__ */ a("span", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: e.name
-				}), /* @__PURE__ */ i("span", {
+				}), /* @__PURE__ */ a("span", {
 					className: "shrink-0 text-[11px] text-text-secondary",
-					children: c(e.updatedAt)
+					children: u(m, e.updatedAt)
 				})]
 			}) }, e.id))
 		})
 	});
 }
 //#endregion
-export { l as VibesWidget };
+export { d as VibesWidget };
 //# sourceMappingURL=VibesWidget.js.map