npm - @burdenoff/microfe-assethandler - Versions diffs - 2026.625.1 → 2026.625.2 - Mend

@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

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 (113) hide show

package/dist/assethandler/pages/WorkflowsWorkflowListPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WorkflowsWorkflowListPage.js","names":[],"sources":["../../../src/assethandler/pages/WorkflowsWorkflowListPage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n Card,\n CardContent,\n ~~CardHeader~~,\n ~~CardTitle~~,\n ~~Input~~,\n ~~GradientText~~,\n} from '@burdenoff/fe-libs/ui';\nimport { ~~Zap,~~ Plus, ~~Search,~~ Play, Pause } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function WorkflowsWorkflowListPage() {\n const { workflows } = useAssetHandlerStore();\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-bold\">\n <GradientText>Workflows</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">{workflows.length} automation workflows</p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" />\n Create Workflow\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <~~Card~~>\n <~~CardContent className=\"pt-4\">\n <~~p className=\"text-sm text-text-secondary\">Active</p>\n <p className=\"text-2xl font-bold text-status-success-text\">\n {workflows.filter((w) => w.status === 'active').length}\n </p>\n ~~</CardContent>\n~~ </~~Card~~>\n <Card>\n <CardContent className=\"pt-4\">\n <p className=\"text-sm text-text-secondary\">Total Runs</p>\n <p className=\"text-2xl font-bold tabular-nums\">\n {workflows.reduce((s, w) => s + w.totalRuns, 0)}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <p className=\"text-sm text-text-secondary\">Avg Success Rate</p>\n <p className=\"text-2xl font-bold tabular-nums\">\n {(\n workflows.reduce((s, w) => s + w.successRate, 0) / Math.max(workflows.length, 1)\n ).toFixed(1)}\n %\n </p>\n </CardContent>\n </Card>\n </div>\n\n <Card>\n <CardContent className=\"p-0\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b bg-bg-sunken/50\">\n <th className=\"text-left p-3 font-medium\">Name</th>\n <th className=\"text-left p-3 font-medium\">Category</th>\n <th className=\"text-left p-3 font-medium\">Trigger</th>\n <th className=\"text-left p-3 font-medium\">Status</th>\n <th className=\"text-left p-3 font-medium\">Runs</th>\n <th className=\"text-left p-3 font-medium\">Success Rate</th>\n <th className=\"text-left p-3 font-medium\">Last Run</th>\n <th className=\"p-3\"></th>\n </tr>\n </thead>\n <tbody>\n {workflows.map((wf) => (\n <tr key={wf.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n <td className=\"p-3\">\n <p className=\"font-medium\">{wf.name}</p>\n <p className=\"text-xs text-text-secondary\">{wf.description}</p>\n </td>\n <td className=\"p-3\">\n <Badge variant=\"outline\">{wf.category}</Badge>\n </td>\n <td className=\"p-3 text-xs\">{wf.triggerType}</td>\n <td className=\"p-3\">\n <Badge\n variant={\n wf.status === 'active'\n ? 'default'\n : wf.status === 'paused'\n ? 'secondary'\n : 'outline'\n }\n >\n {wf.status}\n </Badge>\n </td>\n <td className=\"p-3\">{wf.totalRuns}</td>\n <td className=\"p-3\">\n <span\n className={\n wf.successRate >= 95\n ? 'text-status-success-text font-medium'\n : 'text-status-warning-text'\n }\n >\n {wf.successRate}%\n </span>\n </td>\n <td className=\"p-3 text-xs\">\n {wf.lastRun ? new Date(wf.lastRun).toLocaleString() : 'Never'}\n </td>\n <td className=\"p-3\">\n <Button variant=\"ghost\" size=\"sm\">\n {wf.status === 'active' ? (\n <Pause className=\"h-3 w-3\" />\n ) : (\n <Play className=\"h-3 w-3\" />\n )}\n </Button>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </CardContent>\n </Card>\n </div>\n );\n}\n"],"mappings":"~~;;;;;AAaA~~,SAAgB,IAA4B;CAC1C,IAAM,EAAE,iBAAc,GAAsB;AAE5C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,aAAwB,CAAA;KACnC,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA4C,EAAU,QAAO,wBAAyB;OAClF,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,kBAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,~~UACE~~,~~kBAAC,GAAD;MAAa,WAAU;gBAAvB,~~CACE,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAA8B~~;~~OAAU~~,CAAA,EACrD,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBACV~~,EAAU,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC;~~OAC9C~~,CAAA,~~CACQ;SACT~~,CAAA;~~KACP~~,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAc,CAAA,EACzD,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAU,QAAQ,GAAG,MAAM,IAAI,EAAE,WAAW,EAAE;OAC7C,CAAA,CACQ;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAoB,CAAA,EAC/D,kBAAC,KAAD;OAAG,WAAU;iBAAb,EAEI,EAAU,QAAQ,GAAG,MAAM,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,IAAI,EAAU,QAAQ,EAAE,EAChF,QAAQ,EAAE,EAAC,IAEX;SACQ;SACT,CAAA;KACH;;~~GAEN~~,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAS,CAAA;QACnD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAa,CAAA;QACvD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAY,CAAA;QACtD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAW,CAAA;QACrD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAS,CAAA;QACnD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAiB,CAAA;QAC3D,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAa,CAAA;QACvD,kBAAC,MAAD,EAAI,WAAU,OAAW,CAAA;QACtB;UACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAU,KAAK,MACd,kBAAC,MAAD;OAAgB,WAAU;iBAA1B;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAd,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAe,EAAG;UAAS,CAAA,EACxC,kBAAC,KAAD;UAAG,WAAU;oBAA+B,EAAG;UAAgB,CAAA,CAC5D;;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,GAAD;UAAO,SAAQ;oBAAW,EAAG;UAAiB,CAAA;SAC3C,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAe,EAAG;SAAiB,CAAA;QACjD,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,GAAD;UACE,SACE,EAAG,WAAW,WACV,YACA,EAAG,WAAW,WACZ,cACA;oBAGP,EAAG;UACE,CAAA;SACL,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAO,EAAG;SAAe,CAAA;QACvC,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,QAAD;UACE,WACE,EAAG,eAAe,KACd,yCACA;oBAJR,CAOG,EAAG,aAAY,IACX;;SACJ,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,gBAAgB,GAAG;SACnD,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,GAAD;UAAQ,SAAQ;UAAQ,MAAK;oBAC1B,EAAG,WAAW,WACb,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,GAE7B,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;UAEvB,CAAA;SACN,CAAA;QACF;SA9CI,EAAG,GA8CP,CACL,EACI,CAAA,CACF;;KACJ,CAAA;IACM,CAAA,EACT,CAAA;~~GACH~~"}
1	+ {"version":3,"file":"WorkflowsWorkflowListPage.js","names":[],"sources":["../../../src/assethandler/pages/WorkflowsWorkflowListPage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n Card,\n CardContent,\n GradientText,\n EmphasisPanel,\n PagePurpose,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Play, Pause } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function WorkflowsWorkflowListPage() {\n const navigate = useNavigate();\n const { workflows } = useAssetHandlerStore();\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-bold\">\n <GradientText>Workflows</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">{workflows.length} automation workflows</p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" />\n Create Workflow\n </Button>\n </div>\n\n <PagePurpose>\n Automate the repetitive parts of asset management — auto-assign incidents, trigger\n maintenance, notify owners — so the system does the busywork. See which automations are\n live, how reliably they run, and pause or resume them as needs change.\n </PagePurpose>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <EmphasisPanel>\n <p className=\"text-sm text-text-secondary\">Active</p>\n <p className=\"text-2xl font-bold tabular-nums text-status-success-text\">\n {workflows.filter((w) => w.status === 'active').length}\n </p>\n </EmphasisPanel>\n <Card>\n <CardContent className=\"pt-4\">\n <p className=\"text-sm text-text-secondary\">Total Runs</p>\n <p className=\"text-2xl font-bold tabular-nums\">\n {workflows.reduce((s, w) => s + w.totalRuns, 0)}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <p className=\"text-sm text-text-secondary\">Avg Success Rate</p>\n <p className=\"text-2xl font-bold tabular-nums\">\n {(\n workflows.reduce((s, w) => s + w.successRate, 0) / Math.max(workflows.length, 1)\n ).toFixed(1)}\n %\n </p>\n </CardContent>\n </Card>\n </div>\n\n {workflows.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-generic\"\n title=\"No workflows yet\"\n description=\"Create an automation workflow to handle repetitive asset tasks for you.\"\n action={\n <Button size=\"sm\" onClick={() => navigate('/workflows/workflow-builder')}>\n <Plus className=\"mr-2 h-4 w-4\" />\n Create Workflow\n </Button>\n }\n />\n ) : (\n <Card>\n <CardContent className=\"p-0\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b bg-bg-sunken/50\">\n <th className=\"text-left p-3 font-medium\">Name</th>\n <th className=\"text-left p-3 font-medium\">Category</th>\n <th className=\"text-left p-3 font-medium\">Trigger</th>\n <th className=\"text-left p-3 font-medium\">Status</th>\n <th className=\"text-left p-3 font-medium\">Runs</th>\n <th className=\"text-left p-3 font-medium\">Success Rate</th>\n <th className=\"text-left p-3 font-medium\">Last Run</th>\n <th className=\"p-3\"></th>\n </tr>\n </thead>\n <tbody>\n {workflows.map((wf) => (\n <tr key={wf.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n <td className=\"p-3\">\n <p className=\"font-medium\">{wf.name}</p>\n <p className=\"text-xs text-text-secondary\">{wf.description}</p>\n </td>\n <td className=\"p-3\">\n <Badge variant=\"outline\">{wf.category}</Badge>\n </td>\n <td className=\"p-3 text-xs\">{wf.triggerType}</td>\n <td className=\"p-3\">\n <Badge\n variant={\n wf.status === 'active'\n ? 'default'\n : wf.status === 'paused'\n ? 'secondary'\n : 'outline'\n }\n >\n {wf.status}\n </Badge>\n </td>\n <td className=\"p-3\">{wf.totalRuns}</td>\n <td className=\"p-3\">\n <span\n className={\n wf.successRate >= 95\n ? 'text-status-success-text font-medium'\n : 'text-status-warning-text'\n }\n >\n {wf.successRate}%\n </span>\n </td>\n <td className=\"p-3 text-xs\">\n {wf.lastRun ? new Date(wf.lastRun).toLocaleString() : 'Never'}\n </td>\n <td className=\"p-3\">\n <Button variant=\"ghost\" size=\"sm\">\n {wf.status === 'active' ? (\n <Pause className=\"h-3 w-3\" />\n ) : (\n <Play className=\"h-3 w-3\" />\n )}\n </Button>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </CardContent>\n </Card>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/WorkflowsWorkflowTemplatesPage.js CHANGED Viewed

@@ -1,141 +1,147 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { useState as t } from "react";
 import { Download as n, LayoutTemplate as r, Plus as i, Search as a, Star as o, Users as s } from "lucide-react";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardFooter as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, Input as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C } from "@burdenoff/fe-libs/ui";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardFooter as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, IllustratedEmptyState as v, Input as y, PagePurpose as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T } from "@burdenoff/fe-libs/ui";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/assethandler/pages/WorkflowsWorkflowTemplatesPage.tsx
-function E() {
-	let { workflowTemplates: E } = e(), [D, O] = t(""), [k, A] = t("all"), j = [...new Set(E.map((e) => e.category))], M = E.filter((e) => !(k !== "all" && e.category !== k || D && !e.name.toLowerCase().includes(D.toLowerCase()) && !e.description.toLowerCase().includes(D.toLowerCase()))), N = (e) => Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ w(o, { className: `h-4 w-4 ${n < Math.floor(e) ? "fill-yellow-400 text-status-warning-text" : "text-text-secondary/30"}` }, n));
-	return /* @__PURE__ */ T("div", {
+function O() {
+	let { workflowTemplates: O } = e(), [k, A] = t(""), [j, M] = t("all"), N = [...new Set(O.map((e) => e.category))], P = O.filter((e) => !(j !== "all" && e.category !== j || k && !e.name.toLowerCase().includes(k.toLowerCase()) && !e.description.toLowerCase().includes(k.toLowerCase()))), F = (e) => Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ E(o, { className: `h-4 w-4 ${n < Math.floor(e) ? "fill-status-warning-bg text-status-warning-text" : "text-text-secondary/30"}` }, n));
+	return /* @__PURE__ */ D("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
+				children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ w(_, { children: "Workflow Templates" })
-				}), /* @__PURE__ */ w("p", {
+					children: /* @__PURE__ */ E(_, { children: "Workflow Templates" })
+				}), /* @__PURE__ */ E("p", {
 					className: "text-sm text-text-secondary",
 					children: "Browse and use pre-built workflow templates to get started quickly."
-				})] }), /* @__PURE__ */ T(l, {
+				})] }), /* @__PURE__ */ D(l, {
 					size: "sm",
-					children: [/* @__PURE__ */ w(i, { className: "mr-2 h-4 w-4" }), "Create Template"]
+					children: [/* @__PURE__ */ E(i, { className: "mr-2 h-4 w-4" }), "Create Template"]
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E(b, { children: "Skip the blank canvas. Start from a proven, pre-built workflow template — rated and used by others — and adapt it to your needs in minutes. Browse by category, see what is popular, and use a template to stand up an automation fast." }),
+			/* @__PURE__ */ D("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ T(g, {
-						treatment: "metric",
+					/* @__PURE__ */ D(g, {
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ T(m, {
+						children: [/* @__PURE__ */ D(m, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ w(h, {
+							children: [/* @__PURE__ */ E(h, {
 								className: "text-sm font-medium",
 								children: "Total Templates"
-							}), /* @__PURE__ */ w(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ E(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: E.length
+							children: O.length
 						}) })]
 					}),
-					/* @__PURE__ */ T(g, {
+					/* @__PURE__ */ D(g, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ T(m, {
+						children: [/* @__PURE__ */ D(m, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ w(h, {
+							children: [/* @__PURE__ */ E(h, {
 								className: "text-sm font-medium",
 								children: "Most Popular"
-							}), /* @__PURE__ */ w(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ T(d, { children: [/* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ E(s, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: E.reduce((e, t) => e + t.usageCount, 0)
-						}), /* @__PURE__ */ w("p", {
+							children: O.reduce((e, t) => e + t.usageCount, 0)
+						}), /* @__PURE__ */ E("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total uses across all templates"
 						})] })]
 					}),
-					/* @__PURE__ */ T(g, {
+					/* @__PURE__ */ D(g, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ T(m, {
+						children: [/* @__PURE__ */ D(m, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ w(h, {
+							children: [/* @__PURE__ */ E(h, {
 								className: "text-sm font-medium",
 								children: "Average Rating"
-							}), /* @__PURE__ */ w(o, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ E(o, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: (E.reduce((e, t) => e + t.rating, 0) / E.length).toFixed(1)
+							children: (O.reduce((e, t) => e + t.rating, 0) / O.length).toFixed(1)
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ w(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w(v, {
+					children: [/* @__PURE__ */ E(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E(y, {
 						placeholder: "Search templates...",
-						value: D,
-						onChange: (e) => O(e.target.value),
+						value: k,
+						onChange: (e) => A(e.target.value),
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ T(y, {
-					value: k,
-					onValueChange: A,
-					children: [/* @__PURE__ */ w(S, {
+				}), /* @__PURE__ */ D(x, {
+					value: j,
+					onValueChange: M,
+					children: [/* @__PURE__ */ E(w, {
 						className: "w-[180px]",
-						children: /* @__PURE__ */ w(C, { placeholder: "Category" })
-					}), /* @__PURE__ */ T(b, { children: [/* @__PURE__ */ w(x, {
+						children: /* @__PURE__ */ E(T, { placeholder: "Category" })
+					}), /* @__PURE__ */ D(S, { children: [/* @__PURE__ */ E(C, {
 						value: "all",
 						children: "All Categories"
-					}), j.map((e) => /* @__PURE__ */ w(x, {
+					}), N.map((e) => /* @__PURE__ */ E(C, {
 						value: e,
 						children: e
 					}, e))] })]
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			P.length === 0 ? /* @__PURE__ */ E(v, {
+				illustration: k || j !== "all" ? "empty-search" : "empty-generic",
+				title: "No templates found",
+				description: k || j !== "all" ? "No templates match your search or category — try clearing the filters." : "Create a workflow template to share reusable automations with your team."
+			}) : /* @__PURE__ */ E("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: [M.map((e) => /* @__PURE__ */ T(u, {
+				children: P.map((e) => /* @__PURE__ */ D(u, {
 					className: "flex flex-col",
 					children: [
-						/* @__PURE__ */ T(m, { children: [
-							/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D(m, { children: [
+							/* @__PURE__ */ D("div", {
 								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ w(c, {
+								children: [/* @__PURE__ */ E(c, {
 									variant: "outline",
 									children: e.category
-								}), /* @__PURE__ */ w("span", {
+								}), /* @__PURE__ */ E("span", {
 									className: "text-xs text-text-secondary",
 									children: e.id
 								})]
 							}),
-							/* @__PURE__ */ w(h, {
+							/* @__PURE__ */ E(h, {
 								className: "text-lg mt-2",
 								children: e.name
 							}),
-							/* @__PURE__ */ w(f, { children: e.description })
+							/* @__PURE__ */ E(f, { children: e.description })
 						] }),
-						/* @__PURE__ */ T(d, {
+						/* @__PURE__ */ D(d, {
 							className: "flex-1 space-y-3",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-1",
-									children: [N(e.rating), /* @__PURE__ */ w("span", {
+									children: [F(e.rating), /* @__PURE__ */ E("span", {
 										className: "ml-2 text-sm text-text-secondary",
 										children: e.rating
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ w(s, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", { children: [e.usageCount, " uses"] })]
+									children: [/* @__PURE__ */ E(s, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", { children: [e.usageCount, " uses"] })]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex flex-wrap gap-1",
-									children: e.tags.map((e) => /* @__PURE__ */ w(c, {
+									children: e.tags.map((e) => /* @__PURE__ */ E(c, {
 										variant: "secondary",
 										className: "text-xs",
 										children: e
@@ -143,28 +149,25 @@ function E() {
 								})
 							]
 						}),
-						/* @__PURE__ */ T(p, {
+						/* @__PURE__ */ D(p, {
 							className: "gap-2",
-							children: [/* @__PURE__ */ w(l, {
+							children: [/* @__PURE__ */ E(l, {
 								className: "flex-1",
 								size: "sm",
 								children: "Use Template"
-							}), /* @__PURE__ */ w(l, {
+							}), /* @__PURE__ */ E(l, {
 								variant: "outline",
 								size: "sm",
-								children: /* @__PURE__ */ w(n, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ E(n, { className: "h-4 w-4" })
 							})]
 						})
 					]
-				}, e.id)), M.length === 0 && /* @__PURE__ */ w("div", {
-					className: "col-span-full text-center py-12 text-text-secondary",
-					children: "No templates found matching your criteria."
-				})]
+				}, e.id))
 			})
 		]
 	});
 }
 //#endregion
-export { E as WorkflowsWorkflowTemplatesPage };
+export { O as WorkflowsWorkflowTemplatesPage };
 //# sourceMappingURL=WorkflowsWorkflowTemplatesPage.js.map

package/dist/assethandler/pages/WorkflowsWorkflowTemplatesPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WorkflowsWorkflowTemplatesPage.js","names":[],"sources":["../../../src/assethandler/pages/WorkflowsWorkflowTemplatesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n Input,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n GradientText,\n GlassCard,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star, Users, Download, Plus, LayoutTemplate } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function WorkflowsWorkflowTemplatesPage() {\n const { workflowTemplates } = useAssetHandlerStore();\n const [search, setSearch] = useState('');\n const [categoryFilter, setCategoryFilter] = useState('all');\n\n const categories = [...new Set(workflowTemplates.map((t) => t.category))];\n\n const filtered = workflowTemplates.filter((t) => {\n if (categoryFilter !== 'all' && t.category !== categoryFilter) return false;\n if (\n search &&\n !t.name.toLowerCase().includes(search.toLowerCase()) &&\n !t.description.toLowerCase().includes(search.toLowerCase())\n )\n return false;\n return true;\n });\n\n const renderStars = (rating: number) => {\n return Array.from({ length: 5 }, (_, i) => (\n <Star\n key={i}\n className={`h-4 w-4 ${i < Math.floor(rating) ? 'fill-yellow-400 text-status-warning-text' : 'text-text-secondary/30'}`}\n />\n ));\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>Workflow Templates</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Browse and use pre-built workflow templates to get started quickly.\n </p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" />\n Create Template\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Total Templates</CardTitle>\n <LayoutTemplate className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{workflowTemplates.length}</div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Most Popular</CardTitle>\n <Users className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">\n {workflowTemplates.reduce((a, t) => a + t.usageCount, 0)}\n </div>\n <p className=\"text-xs text-text-secondary\">Total uses across all templates</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Average Rating</CardTitle>\n <Star className=\"h-4 w-4 text-status-warning-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">\n {(\n workflowTemplates.reduce((a, t) => a + t.rating, 0) / workflowTemplates.length\n ).toFixed(1)}\n </div>\n </CardContent>\n </GlassCard>\n </div>\n\n <div className=\"flex items-center gap-3\">\n <div className=\"relative flex-1 max-w-sm\">\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n <Input\n placeholder=\"Search templates...\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n className=\"pl-9\"\n />\n </div>\n <Select value={categoryFilter} onValueChange={setCategoryFilter}>\n <SelectTrigger className=\"w-[180px]\">\n <SelectValue placeholder=\"Category\" />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"all\">All Categories</SelectItem>\n {categories.map((c) => (\n <SelectItem key={c} value={c}>\n {c}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n {filtered.map((template) => (\n <Card key={template.id} className=\"flex flex-col\">\n <CardHeader>\n <div className=\"flex items-start justify-between\">\n <Badge variant=\"outline\">{template.category}</Badge>\n <span className=\"text-xs text-text-secondary\">{template.id}</span>\n </div>\n <CardTitle className=\"text-lg mt-2\">{template.name}</CardTitle>\n <CardDescription>{template.description}</CardDescription>\n </CardHeader>\n <CardContent className=\"flex-1 space-y-3\">\n <div className=\"flex items-center gap-1\">\n {renderStars(template.rating)}\n <span className=\"ml-2 text-sm text-text-secondary\">{template.rating}</span>\n </div>\n <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <Users className=\"h-4 w-4\" />\n <span>{template.usageCount} uses</span>\n </div>\n <div className=\"flex flex-wrap gap-1\">\n {template.tags.map((tag) => (\n <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n </CardContent>\n <CardFooter className=\"gap-2\">\n <Button className=\"flex-1\" size=\"sm\">\n Use Template\n </Button>\n <Button variant=\"outline\" size=\"sm\">\n <Download className=\"h-4 w-4\" />\n </Button>\n </CardFooter>\n </Card>\n ))}\n {filtered.length === 0 && (\n <div className=\"col-span-full text-center py-12 text-text-secondary\">\n No templates found matching your criteria.\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"WorkflowsWorkflowTemplatesPage.js","names":[],"sources":["../../../src/assethandler/pages/WorkflowsWorkflowTemplatesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n Input,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n GradientText,\n GlassCard,\n PagePurpose,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star, Users, Download, Plus, LayoutTemplate } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function WorkflowsWorkflowTemplatesPage() {\n const { workflowTemplates } = useAssetHandlerStore();\n const [search, setSearch] = useState('');\n const [categoryFilter, setCategoryFilter] = useState('all');\n\n const categories = [...new Set(workflowTemplates.map((t) => t.category))];\n\n const filtered = workflowTemplates.filter((t) => {\n if (categoryFilter !== 'all' && t.category !== categoryFilter) return false;\n if (\n search &&\n !t.name.toLowerCase().includes(search.toLowerCase()) &&\n !t.description.toLowerCase().includes(search.toLowerCase())\n )\n return false;\n return true;\n });\n\n const renderStars = (rating: number) => {\n return Array.from({ length: 5 }, (_, i) => (\n <Star\n key={i}\n className={`h-4 w-4 ${i < Math.floor(rating) ? 'fill-status-warning-bg text-status-warning-text' : 'text-text-secondary/30'}`}\n />\n ));\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>Workflow Templates</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Browse and use pre-built workflow templates to get started quickly.\n </p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" />\n Create Template\n </Button>\n </div>\n\n <PagePurpose>\n Skip the blank canvas. Start from a proven, pre-built workflow template — rated and used by\n others — and adapt it to your needs in minutes. Browse by category, see what is popular, and\n use a template to stand up an automation fast.\n </PagePurpose>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Total Templates</CardTitle>\n <LayoutTemplate className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{workflowTemplates.length}</div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Most Popular</CardTitle>\n <Users className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">\n {workflowTemplates.reduce((a, t) => a + t.usageCount, 0)}\n </div>\n <p className=\"text-xs text-text-secondary\">Total uses across all templates</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Average Rating</CardTitle>\n <Star className=\"h-4 w-4 text-status-warning-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">\n {(\n workflowTemplates.reduce((a, t) => a + t.rating, 0) / workflowTemplates.length\n ).toFixed(1)}\n </div>\n </CardContent>\n </GlassCard>\n </div>\n\n <div className=\"flex items-center gap-3\">\n <div className=\"relative flex-1 max-w-sm\">\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n <Input\n placeholder=\"Search templates...\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n className=\"pl-9\"\n />\n </div>\n <Select value={categoryFilter} onValueChange={setCategoryFilter}>\n <SelectTrigger className=\"w-[180px]\">\n <SelectValue placeholder=\"Category\" />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"all\">All Categories</SelectItem>\n {categories.map((c) => (\n <SelectItem key={c} value={c}>\n {c}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n {filtered.length === 0 ? (\n <IllustratedEmptyState\n illustration={search \|\| categoryFilter !== 'all' ? 'empty-search' : 'empty-generic'}\n title=\"No templates found\"\n description={\n search \|\| categoryFilter !== 'all'\n ? 'No templates match your search or category — try clearing the filters.'\n : 'Create a workflow template to share reusable automations with your team.'\n }\n />\n ) : (\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n {filtered.map((template) => (\n <Card key={template.id} className=\"flex flex-col\">\n <CardHeader>\n <div className=\"flex items-start justify-between\">\n <Badge variant=\"outline\">{template.category}</Badge>\n <span className=\"text-xs text-text-secondary\">{template.id}</span>\n </div>\n <CardTitle className=\"text-lg mt-2\">{template.name}</CardTitle>\n <CardDescription>{template.description}</CardDescription>\n </CardHeader>\n <CardContent className=\"flex-1 space-y-3\">\n <div className=\"flex items-center gap-1\">\n {renderStars(template.rating)}\n <span className=\"ml-2 text-sm text-text-secondary\">{template.rating}</span>\n </div>\n <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <Users className=\"h-4 w-4\" />\n <span>{template.usageCount} uses</span>\n </div>\n <div className=\"flex flex-wrap gap-1\">\n {template.tags.map((tag) => (\n <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n </CardContent>\n <CardFooter className=\"gap-2\">\n <Button className=\"flex-1\" size=\"sm\">\n Use Template\n </Button>\n <Button variant=\"outline\" size=\"sm\">\n <Download className=\"h-4 w-4\" />\n </Button>\n </CardFooter>\n </Card>\n ))}\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-assethandler",
-  "version": "2026.625.1",
+  "version": "2026.625.2",
   "description": "Burdenoff AssetHandler Microfrontend",
   "type": "module",
   "files": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.625.3",
+    "@burdenoff/fe-libs": "2026.625.5",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
     "lucide-react": "^0.468.0",