@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/WorkflowsWorkflowExecutionsPage.js

@@ -0,0 +1,188 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { useState as t } from "react";
+import { CheckCircle2 as n, Clock as r, Download as i, Filter as a, Play as o, RefreshCw as s, XCircle as c } from "lucide-react";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Table as x, TableBody as S, TableCell as C, TableHead as w, TableHeader as T, TableRow as E } from "@burdenoff/fe-libs/ui";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/assethandler/pages/WorkflowsWorkflowExecutionsPage.tsx
+function k() {
+	let { workflowExecutions: k } = e(), [A, j] = t("all"), [M, N] = t(""), P = k.filter((e) => !(A !== "all" && e.status !== A || M && !e.workflowName.toLowerCase().includes(M.toLowerCase()))), F = k.length, I = k.filter((e) => e.status === "completed").length, L = k.filter((e) => e.status === "failed").length, R = k.filter((e) => e.status === "running").length, z = F > 0 ? Math.round(I / F * 100) : 0, B = {
+		running: {
+			variant: "default",
+			icon: o
+		},
+		completed: {
+			variant: "secondary",
+			icon: n
+		},
+		failed: {
+			variant: "destructive",
+			icon: c
+		},
+		cancelled: {
+			variant: "outline",
+			icon: c
+		}
+	};
+	return /* @__PURE__ */ O("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
+					className: "text-2xl font-semibold",
+					children: "Workflow Executions"
+				}), /* @__PURE__ */ D("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Monitor and review workflow execution history and performance."
+				})] }), /* @__PURE__ */ O("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ O(u, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ D(i, { className: "mr-2 h-4 w-4" }), "Export"]
+					}), /* @__PURE__ */ O(u, {
+						size: "sm",
+						children: [/* @__PURE__ */ D(s, { className: "mr-2 h-4 w-4" }), "Refresh"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ O(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ D(m, {
+							className: "text-sm font-medium",
+							children: "Total Executions"
+						}), /* @__PURE__ */ D(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("div", {
+						className: "text-2xl font-bold",
+						children: F
+					}), /* @__PURE__ */ D("p", {
+						className: "text-xs text-muted-foreground",
+						children: "All time"
+					})] })] }),
+					/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ O(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ D(m, {
+							className: "text-sm font-medium",
+							children: "Success Rate"
+						}), /* @__PURE__ */ D(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ O("div", {
+						className: "text-2xl font-bold",
+						children: [z, "%"]
+					}), /* @__PURE__ */ O("p", {
+						className: "text-xs text-muted-foreground",
+						children: [I, " completed successfully"]
+					})] })] }),
+					/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ O(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ D(m, {
+							className: "text-sm font-medium",
+							children: "Failed"
+						}), /* @__PURE__ */ D(c, { className: "h-4 w-4 text-destructive" })]
+					}), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("div", {
+						className: "text-2xl font-bold",
+						children: L
+					}), /* @__PURE__ */ D("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Requires attention"
+					})] })] }),
+					/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ O(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ D(m, {
+							className: "text-sm font-medium",
+							children: "Currently Running"
+						}), /* @__PURE__ */ D(r, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("div", {
+						className: "text-2xl font-bold",
+						children: R
+					}), /* @__PURE__ */ D("p", {
+						className: "text-xs text-muted-foreground",
+						children: "In progress now"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ D(m, { children: "Execution History" }), /* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ D(h, {
+						placeholder: "Search workflows...",
+						value: M,
+						onChange: (e) => N(e.target.value),
+						className: "w-[200px]"
+					}), /* @__PURE__ */ O(g, {
+						value: A,
+						onValueChange: j,
+						children: [/* @__PURE__ */ O(y, {
+							className: "w-[150px]",
+							children: [/* @__PURE__ */ D(a, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ D(b, { placeholder: "Status" })]
+						}), /* @__PURE__ */ O(_, { children: [
+							/* @__PURE__ */ D(v, {
+								value: "all",
+								children: "All Statuses"
+							}),
+							/* @__PURE__ */ D(v, {
+								value: "running",
+								children: "Running"
+							}),
+							/* @__PURE__ */ D(v, {
+								value: "completed",
+								children: "Completed"
+							}),
+							/* @__PURE__ */ D(v, {
+								value: "failed",
+								children: "Failed"
+							}),
+							/* @__PURE__ */ D(v, {
+								value: "cancelled",
+								children: "Cancelled"
+							})
+						] })]
+					})]
+				})]
+			}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ O(x, { children: [/* @__PURE__ */ D(T, { children: /* @__PURE__ */ O(E, { children: [
+				/* @__PURE__ */ D(w, { children: "Execution ID" }),
+				/* @__PURE__ */ D(w, { children: "Workflow" }),
+				/* @__PURE__ */ D(w, { children: "Status" }),
+				/* @__PURE__ */ D(w, { children: "Triggered By" }),
+				/* @__PURE__ */ D(w, { children: "Started At" }),
+				/* @__PURE__ */ D(w, { children: "Duration" }),
+				/* @__PURE__ */ D(w, { children: "Error" })
+			] }) }), /* @__PURE__ */ O(S, { children: [P.map((e) => {
+				let t = B[e.status] || B.cancelled, n = t.icon;
+				return /* @__PURE__ */ O(E, { children: [
+					/* @__PURE__ */ D(C, {
+						className: "font-mono text-sm",
+						children: e.id
+					}),
+					/* @__PURE__ */ D(C, {
+						className: "font-medium",
+						children: e.workflowName
+					}),
+					/* @__PURE__ */ D(C, { children: /* @__PURE__ */ O(l, {
+						variant: t.variant,
+						className: "gap-1",
+						children: [/* @__PURE__ */ D(n, { className: "h-3 w-3" }), e.status]
+					}) }),
+					/* @__PURE__ */ D(C, { children: e.triggeredBy }),
+					/* @__PURE__ */ D(C, { children: new Date(e.startedAt).toLocaleString() }),
+					/* @__PURE__ */ D(C, { children: e.duration == null ? "—" : `${e.duration}s` }),
+					/* @__PURE__ */ D(C, {
+						className: "max-w-[200px] truncate text-destructive",
+						children: e.error || "—"
+					})
+				] }, e.id);
+			}), P.length === 0 && /* @__PURE__ */ D(E, { children: /* @__PURE__ */ D(C, {
+				colSpan: 7,
+				className: "text-center text-muted-foreground py-8",
+				children: "No executions found."
+			}) })] })] }) })] })
+		]
+	});
+}
+//#endregion
+export { k as WorkflowsWorkflowExecutionsPage };
+
+//# sourceMappingURL=WorkflowsWorkflowExecutionsPage.js.map

package/dist/assethandler/pages/WorkflowsWorkflowExecutionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsWorkflowExecutionsPage.js","names":[],"sources":["../../../src/assethandler/pages/WorkflowsWorkflowExecutionsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { Play, CheckCircle2, XCircle, Clock, RefreshCw, Download, Filter } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function WorkflowsWorkflowExecutionsPage() {\n  const { workflowExecutions } = useAssetHandlerStore();\n  const [statusFilter, setStatusFilter] = useState('all');\n  const [search, setSearch] = useState('');\n\n  const filtered = workflowExecutions.filter((ex) => {\n    if (statusFilter !== 'all' && ex.status !== statusFilter) return false;\n    if (search && !ex.workflowName.toLowerCase().includes(search.toLowerCase())) return false;\n    return true;\n  });\n\n  const total = workflowExecutions.length;\n  const completed = workflowExecutions.filter((e) => e.status === 'completed').length;\n  const failed = workflowExecutions.filter((e) => e.status === 'failed').length;\n  const running = workflowExecutions.filter((e) => e.status === 'running').length;\n  const successRate = total > 0 ? Math.round((completed / total) * 100) : 0;\n\n  const statusConfig: Record<\n    string,\n    { variant: 'default' | 'secondary' | 'destructive' | 'outline'; icon: typeof Play }\n  > = {\n    running: { variant: 'default', icon: Play },\n    completed: { variant: 'secondary', icon: CheckCircle2 },\n    failed: { variant: 'destructive', icon: XCircle },\n    cancelled: { variant: 'outline', icon: XCircle },\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\">Workflow Executions</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Monitor and review workflow execution history and performance.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"mr-2 h-4 w-4\" />\n            Export\n          </Button>\n          <Button size=\"sm\">\n            <RefreshCw className=\"mr-2 h-4 w-4\" />\n            Refresh\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Executions</CardTitle>\n            <Play className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{total}</div>\n            <p className=\"text-xs text-muted-foreground\">All time</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Success Rate</CardTitle>\n            <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{successRate}%</div>\n            <p className=\"text-xs text-muted-foreground\">{completed} completed successfully</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Failed</CardTitle>\n            <XCircle className=\"h-4 w-4 text-destructive\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{failed}</div>\n            <p className=\"text-xs text-muted-foreground\">Requires attention</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Currently Running</CardTitle>\n            <Clock className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{running}</div>\n            <p className=\"text-xs text-muted-foreground\">In progress now</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <div className=\"flex items-center justify-between\">\n            <CardTitle>Execution History</CardTitle>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                placeholder=\"Search workflows...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"w-[200px]\"\n              />\n              <Select value={statusFilter} onValueChange={setStatusFilter}>\n                <SelectTrigger className=\"w-[150px]\">\n                  <Filter className=\"mr-2 h-4 w-4\" />\n                  <SelectValue placeholder=\"Status\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">All Statuses</SelectItem>\n                  <SelectItem value=\"running\">Running</SelectItem>\n                  <SelectItem value=\"completed\">Completed</SelectItem>\n                  <SelectItem value=\"failed\">Failed</SelectItem>\n                  <SelectItem value=\"cancelled\">Cancelled</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Execution ID</TableHead>\n                <TableHead>Workflow</TableHead>\n                <TableHead>Status</TableHead>\n                <TableHead>Triggered By</TableHead>\n                <TableHead>Started At</TableHead>\n                <TableHead>Duration</TableHead>\n                <TableHead>Error</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {filtered.map((ex) => {\n                const cfg = statusConfig[ex.status] || statusConfig.cancelled;\n                const StatusIcon = cfg.icon;\n                return (\n                  <TableRow key={ex.id}>\n                    <TableCell className=\"font-mono text-sm\">{ex.id}</TableCell>\n                    <TableCell className=\"font-medium\">{ex.workflowName}</TableCell>\n                    <TableCell>\n                      <Badge variant={cfg.variant} className=\"gap-1\">\n                        <StatusIcon className=\"h-3 w-3\" />\n                        {ex.status}\n                      </Badge>\n                    </TableCell>\n                    <TableCell>{ex.triggeredBy}</TableCell>\n                    <TableCell>{new Date(ex.startedAt).toLocaleString()}</TableCell>\n                    <TableCell>{ex.duration != null ? `${ex.duration}s` : '—'}</TableCell>\n                    <TableCell className=\"max-w-[200px] truncate text-destructive\">\n                      {ex.error || '—'}\n                    </TableCell>\n                  </TableRow>\n                );\n              })}\n              {filtered.length === 0 && (\n                <TableRow>\n                  <TableCell colSpan={7} className=\"text-center text-muted-foreground py-8\">\n                    No executions found.\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/WorkflowsWorkflowListPage.d.ts

@@ -0,0 +1,2 @@
+export declare function WorkflowsWorkflowListPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowsWorkflowListPage.d.ts.map

package/dist/assethandler/pages/WorkflowsWorkflowListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsWorkflowListPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/WorkflowsWorkflowListPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,yBAAyB,4CAmHxC"}

package/dist/assethandler/pages/WorkflowsWorkflowListPage.js

@@ -0,0 +1,163 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { Pause as t, Play as n, Plus as r } from "lucide-react";
+import { Badge as i, Button as a, Card as o, CardContent as s } from "@burdenoff/fe-libs/ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/assethandler/pages/WorkflowsWorkflowListPage.tsx
+function u() {
+	let { workflows: u } = e();
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-bold",
+					children: "Workflows"
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: [u.length, " automation workflows"]
+				})] }), /* @__PURE__ */ l(a, {
+					size: "sm",
+					children: [/* @__PURE__ */ c(r, { className: "mr-2 h-4 w-4" }), "Create Workflow"]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ c(o, { children: /* @__PURE__ */ l(s, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Active"
+						}), /* @__PURE__ */ c("p", {
+							className: "text-2xl font-bold text-green-600",
+							children: u.filter((e) => e.status === "active").length
+						})]
+					}) }),
+					/* @__PURE__ */ c(o, { children: /* @__PURE__ */ l(s, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Total Runs"
+						}), /* @__PURE__ */ c("p", {
+							className: "text-2xl font-bold",
+							children: u.reduce((e, t) => e + t.totalRuns, 0)
+						})]
+					}) }),
+					/* @__PURE__ */ c(o, { children: /* @__PURE__ */ l(s, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Avg Success Rate"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-2xl font-bold",
+							children: [(u.reduce((e, t) => e + t.successRate, 0) / Math.max(u.length, 1)).toFixed(1), "%"]
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(s, {
+				className: "p-0",
+				children: /* @__PURE__ */ c("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ l("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", {
+							className: "border-b bg-muted/50",
+							children: [
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Name"
+								}),
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Category"
+								}),
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Trigger"
+								}),
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Status"
+								}),
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Runs"
+								}),
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Success Rate"
+								}),
+								/* @__PURE__ */ c("th", {
+									className: "text-left p-3 font-medium",
+									children: "Last Run"
+								}),
+								/* @__PURE__ */ c("th", { className: "p-3" })
+							]
+						}) }), /* @__PURE__ */ c("tbody", { children: u.map((e) => /* @__PURE__ */ l("tr", {
+							className: "border-b hover:bg-muted/50 cursor-pointer",
+							children: [
+								/* @__PURE__ */ l("td", {
+									className: "p-3",
+									children: [/* @__PURE__ */ c("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ c("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.description
+									})]
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3",
+									children: /* @__PURE__ */ c(i, {
+										variant: "outline",
+										children: e.category
+									})
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3 text-xs",
+									children: e.triggerType
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3",
+									children: /* @__PURE__ */ c(i, {
+										variant: e.status === "active" ? "default" : e.status === "paused" ? "secondary" : "outline",
+										children: e.status
+									})
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3",
+									children: e.totalRuns
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3",
+									children: /* @__PURE__ */ l("span", {
+										className: e.successRate >= 95 ? "text-green-600 font-medium" : "text-yellow-600",
+										children: [e.successRate, "%"]
+									})
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3 text-xs",
+									children: e.lastRun ? new Date(e.lastRun).toLocaleString() : "Never"
+								}),
+								/* @__PURE__ */ c("td", {
+									className: "p-3",
+									children: /* @__PURE__ */ c(a, {
+										variant: "ghost",
+										size: "sm",
+										children: e.status === "active" ? /* @__PURE__ */ c(t, { className: "h-3 w-3" }) : /* @__PURE__ */ c(n, { className: "h-3 w-3" })
+									})
+								})
+							]
+						}, e.id)) })]
+					})
+				})
+			}) })
+		]
+	});
+}
+//#endregion
+export { u as WorkflowsWorkflowListPage };
+
+//# sourceMappingURL=WorkflowsWorkflowListPage.js.map

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

@@ -0,0 +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} 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\">Workflows</h1>\n          <p className=\"text-sm text-muted-foreground\">{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-muted-foreground\">Active</p>\n            <p className=\"text-2xl font-bold text-green-600\">\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-muted-foreground\">Total Runs</p>\n            <p className=\"text-2xl font-bold\">{workflows.reduce((s, w) => s + w.totalRuns, 0)}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-sm text-muted-foreground\">Avg Success Rate</p>\n            <p className=\"text-2xl font-bold\">\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-muted/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-muted/50 cursor-pointer\">\n                    <td className=\"p-3\">\n                      <p className=\"font-medium\">{wf.name}</p>\n                      <p className=\"text-xs text-muted-foreground\">{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 ? 'text-green-600 font-medium' : 'text-yellow-600'\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":"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"}

package/dist/assethandler/pages/WorkflowsWorkflowTemplatesPage.d.ts

@@ -0,0 +1,2 @@
+export declare function WorkflowsWorkflowTemplatesPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowsWorkflowTemplatesPage.d.ts.map

package/dist/assethandler/pages/WorkflowsWorkflowTemplatesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsWorkflowTemplatesPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/WorkflowsWorkflowTemplatesPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,8BAA8B,4CAsJ7C"}

package/dist/assethandler/pages/WorkflowsWorkflowTemplatesPage.js

@@ -0,0 +1,158 @@
+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, Input as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/assethandler/pages/WorkflowsWorkflowTemplatesPage.tsx
+function w() {
+	let { workflowTemplates: w } = e(), [T, E] = t(""), [D, O] = t("all"), k = [...new Set(w.map((e) => e.category))], A = w.filter((e) => !(D !== "all" && e.category !== D || T && !e.name.toLowerCase().includes(T.toLowerCase()) && !e.description.toLowerCase().includes(T.toLowerCase()))), j = (e) => Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ S(o, { className: `h-4 w-4 ${n < Math.floor(e) ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground/30"}` }, n));
+	return /* @__PURE__ */ C("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
+					className: "text-2xl font-semibold",
+					children: "Workflow Templates"
+				}), /* @__PURE__ */ S("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Browse and use pre-built workflow templates to get started quickly."
+				})] }), /* @__PURE__ */ C(l, {
+					size: "sm",
+					children: [/* @__PURE__ */ S(i, { className: "mr-2 h-4 w-4" }), "Create Template"]
+				})]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ C(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ S(h, {
+							className: "text-sm font-medium",
+							children: "Total Templates"
+						}), /* @__PURE__ */ S(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ S(d, { children: /* @__PURE__ */ S("div", {
+						className: "text-2xl font-bold",
+						children: w.length
+					}) })] }),
+					/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ C(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ S(h, {
+							className: "text-sm font-medium",
+							children: "Most Popular"
+						}), /* @__PURE__ */ S(s, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S("div", {
+						className: "text-2xl font-bold",
+						children: w.reduce((e, t) => e + t.usageCount, 0)
+					}), /* @__PURE__ */ S("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Total uses across all templates"
+					})] })] }),
+					/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ C(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ S(h, {
+							className: "text-sm font-medium",
+							children: "Average Rating"
+						}), /* @__PURE__ */ S(o, { className: "h-4 w-4 text-yellow-400" })]
+					}), /* @__PURE__ */ S(d, { children: /* @__PURE__ */ S("div", {
+						className: "text-2xl font-bold",
+						children: (w.reduce((e, t) => e + t.rating, 0) / w.length).toFixed(1)
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ C("div", {
+					className: "relative flex-1 max-w-sm",
+					children: [/* @__PURE__ */ S(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(g, {
+						placeholder: "Search templates...",
+						value: T,
+						onChange: (e) => E(e.target.value),
+						className: "pl-9"
+					})]
+				}), /* @__PURE__ */ C(_, {
+					value: D,
+					onValueChange: O,
+					children: [/* @__PURE__ */ S(b, {
+						className: "w-[180px]",
+						children: /* @__PURE__ */ S(x, { placeholder: "Category" })
+					}), /* @__PURE__ */ C(v, { children: [/* @__PURE__ */ S(y, {
+						value: "all",
+						children: "All Categories"
+					}), k.map((e) => /* @__PURE__ */ S(y, {
+						value: e,
+						children: e
+					}, e))] })]
+				})]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: [A.map((e) => /* @__PURE__ */ C(u, {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ C(m, { children: [
+							/* @__PURE__ */ C("div", {
+								className: "flex items-start justify-between",
+								children: [/* @__PURE__ */ S(c, {
+									variant: "outline",
+									children: e.category
+								}), /* @__PURE__ */ S("span", {
+									className: "text-xs text-muted-foreground",
+									children: e.id
+								})]
+							}),
+							/* @__PURE__ */ S(h, {
+								className: "text-lg mt-2",
+								children: e.name
+							}),
+							/* @__PURE__ */ S(f, { children: e.description })
+						] }),
+						/* @__PURE__ */ C(d, {
+							className: "flex-1 space-y-3",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex items-center gap-1",
+									children: [j(e.rating), /* @__PURE__ */ S("span", {
+										className: "ml-2 text-sm text-muted-foreground",
+										children: e.rating
+									})]
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "flex items-center gap-2 text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ S(s, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: [e.usageCount, " uses"] })]
+								}),
+								/* @__PURE__ */ S("div", {
+									className: "flex flex-wrap gap-1",
+									children: e.tags.map((e) => /* @__PURE__ */ S(c, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e
+									}, e))
+								})
+							]
+						}),
+						/* @__PURE__ */ C(p, {
+							className: "gap-2",
+							children: [/* @__PURE__ */ S(l, {
+								className: "flex-1",
+								size: "sm",
+								children: "Use Template"
+							}), /* @__PURE__ */ S(l, {
+								variant: "outline",
+								size: "sm",
+								children: /* @__PURE__ */ S(n, { className: "h-4 w-4" })
+							})]
+						})
+					]
+				}, e.id)), A.length === 0 && /* @__PURE__ */ S("div", {
+					className: "col-span-full text-center py-12 text-muted-foreground",
+					children: "No templates found matching your criteria."
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { w as WorkflowsWorkflowTemplatesPage };
+
+//# sourceMappingURL=WorkflowsWorkflowTemplatesPage.js.map

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

@@ -0,0 +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} 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-yellow-400' : 'text-muted-foreground/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\">Workflow Templates</h1>\n          <p className=\"text-sm text-muted-foreground\">\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        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{workflowTemplates.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {workflowTemplates.reduce((a, t) => a + t.usageCount, 0)}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">Total uses across all templates</p>\n          </CardContent>\n        </Card>\n        <Card>\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-yellow-400\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {(\n                workflowTemplates.reduce((a, t) => a + t.rating, 0) / workflowTemplates.length\n              ).toFixed(1)}\n            </div>\n          </CardContent>\n        </Card>\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-muted-foreground\" />\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-muted-foreground\">{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-muted-foreground\">{template.rating}</span>\n              </div>\n              <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\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-muted-foreground\">\n            No templates found matching your criteria.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/providers/AssetHandlerProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { AssetHandlerRootProps } from '../types';
+
+export declare const useAssetHandler: () => AssetHandlerRootProps;
+export declare const AssetHandlerProvider: FC<PropsWithChildren<AssetHandlerRootProps>>;
+//# sourceMappingURL=AssetHandlerProvider.d.ts.map

package/dist/assethandler/providers/AssetHandlerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetHandlerProvider.d.ts","sourceRoot":"","sources":["../../../src/assethandler/providers/AssetHandlerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AA+LtD,eAAO,MAAM,eAAe,6BAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAwC7E,CAAC"}