@burdenoff/microfe-workspaces 2026.627.1 → 2026.711.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowRunsWidget.tsx"],"sourcesContent":["import { Activity, ArrowRight, Play, Clock, CheckCircle2, XCircle } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst RUN_STATUS_ICON: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  PENDING: { icon: Clock, color: 'text-status-warning-text' },\n  WAITING: { icon: Clock, color: 'text-status-warning-text' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  CANCELLED: { icon: XCircle, color: 'text-text-tertiary' },\n  TERMINATED: { icon: XCircle, color: 'text-text-tertiary' },\n};\n\nfunction formatRelative(dateString: string): string {\n  const diffMs = Date.now() - new Date(dateString).getTime();\n  const diffMin = Math.floor(diffMs / 60000);\n  if (diffMin < 1) return 'just now';\n  if (diffMin < 60) return `${diffMin}m ago`;\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24) return `${diffHr}h ago`;\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function WorkflowRunsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n  const recentRuns = stats?.recentRuns ?? [];\n  const successRate = stats?.workflowSuccessRate;\n\n  return (\n    <WidgetWrapper\n      title=\"Workflow Runs\"\n      icon={<Activity className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workflows/runs')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No runs yet\"\n          description=\"Trigger a workflow to see its execution history here.\"\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-3 gap-2\">\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-text-primary tabular-nums\">\n                {stats.runsRunningCount ?? 0}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">Running</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-status-error-text tabular-nums\">\n                {stats.runsFailedLast24h ?? 0}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">Failed (24h)</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-2.5 border border-border-default text-center\">\n              <p className=\"text-xl font-bold text-status-success-text tabular-nums\">\n                {successRate != null ? `${Math.round(successRate)}%` : '—'}\n              </p>\n              <p className=\"text-[11px] text-text-secondary\">Success rate</p>\n            </div>\n          </div>\n          {recentRuns.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recent Runs\n              </p>\n              {recentRuns.slice(0, 4).map((run) => {\n                const statusInfo = RUN_STATUS_ICON[run.status] ?? RUN_STATUS_ICON.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <button\n                    key={run.id}\n                    type=\"button\"\n                    onClick={() => navigate(`/workflows/runs/${run.id}`)}\n                    className=\"flex w-full items-center justify-between gap-2 rounded-md p-1.5 text-left transition-colors hover:bg-accent/5\"\n                  >\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 shrink-0 ${statusInfo.color}`} />\n                      <span className=\"truncate text-sm text-text-primary\">{run.workflowKey}</span>\n                    </div>\n                    <div className=\"flex items-center gap-2 shrink-0\">\n                      <Badge variant=\"outline\" className=\"text-[10px]\">\n                        {run.status.toLowerCase()}\n                      </Badge>\n                      <span className=\"text-[11px] text-text-secondary\">\n                        {formatRelative(run.startedAt)}\n                      </span>\n                    </div>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,91 @@
+import { WidgetWrapper as e } from "../WidgetWrapper.js";
+import { ArrowRight as t, GitBranch as n, Plus 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";
+//#region src/pages/dashboard/widgets/WorkflowsOverviewWidget.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, {
+		month: "short",
+		day: "numeric"
+	});
+}
+function l({ workspaceData: l, isLoading: u, navigate: d }) {
+	let f = l?.workflowStats, p = f?.recentWorkflows ?? [];
+	return /* @__PURE__ */ i(e, {
+		title: "Workflows",
+		icon: /* @__PURE__ */ i(n, { className: "size-4" }),
+		size: "medium",
+		isLoading: u,
+		unavailable: !l,
+		headerAction: /* @__PURE__ */ a(o, {
+			variant: "ghost",
+			size: "sm",
+			className: "text-xs",
+			onClick: () => d("/workflows/list"),
+			children: ["View all ", /* @__PURE__ */ i(t, { className: "ml-1 size-3" })]
+		}),
+		children: f ? /* @__PURE__ */ a("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ a("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ a("div", {
+					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
+					children: [/* @__PURE__ */ i("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: f.activeWorkflowsCount
+					}), /* @__PURE__ */ i("p", {
+						className: "text-xs text-text-secondary",
+						children: "Active"
+					})]
+				}), /* @__PURE__ */ a("div", {
+					className: "rounded-lg bg-bg-canvas p-3 border border-border-default text-center",
+					children: [/* @__PURE__ */ i("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: f.archivedWorkflowsCount
+					}), /* @__PURE__ */ i("p", {
+						className: "text-xs text-text-secondary",
+						children: "Archived"
+					})]
+				})]
+			}), p.length > 0 && /* @__PURE__ */ a("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ i("p", {
+					className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
+					children: "Recently Updated"
+				}), p.slice(0, 4).map((e) => /* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: () => d(`/workflows/workflow/${e.workflowKey}/${e.version}`),
+					className: "flex w-full items-center justify-between gap-2 rounded-md p-1.5 text-left transition-colors hover:bg-accent/5",
+					children: [/* @__PURE__ */ i("span", {
+						className: "truncate text-sm text-text-primary",
+						children: e.name
+					}), /* @__PURE__ */ i("span", {
+						className: "shrink-0 text-[11px] text-text-secondary",
+						children: c(e.updatedAt)
+					})]
+				}, `${e.workflowKey}-${e.version}`))]
+			})]
+		}) : /* @__PURE__ */ i(s, {
+			illustration: "empty-data",
+			title: "No workflows yet",
+			description: "Build your first workflow to automate a process.",
+			className: "py-4",
+			action: /* @__PURE__ */ a(o, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => d("/workflows/new"),
+				children: [/* @__PURE__ */ i(r, { className: "mr-1.5 size-3.5" }), " New Workflow"]
+			})
+		})
+	});
+}
+//#endregion
+export { l as WorkflowsOverviewWidget };
+
+//# sourceMappingURL=WorkflowsOverviewWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsOverviewWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowsOverviewWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Plus } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nfunction formatRelative(dateString: string): string {\n  const diffMs = Date.now() - new Date(dateString).getTime();\n  const diffMin = Math.floor(diffMs / 60000);\n  if (diffMin < 1) return 'just now';\n  if (diffMin < 60) return `${diffMin}m ago`;\n  const diffHr = Math.floor(diffMin / 60);\n  if (diffHr < 24) return `${diffHr}h ago`;\n  const diffDay = Math.floor(diffHr / 24);\n  if (diffDay < 7) return `${diffDay}d ago`;\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function WorkflowsOverviewWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n  const recentWorkflows = stats?.recentWorkflows ?? [];\n\n  return (\n    <WidgetWrapper\n      title=\"Workflows\"\n      icon={<GitBranch className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workflows/list')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No workflows yet\"\n          description=\"Build your first workflow to automate a process.\"\n          className=\"py-4\"\n          action={\n            <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/workflows/new')}>\n              <Plus className=\"mr-1.5 size-3.5\" /> New Workflow\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                {stats.activeWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Active</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                {stats.archivedWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Archived</p>\n            </div>\n          </div>\n          {recentWorkflows.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recently Updated\n              </p>\n              {recentWorkflows.slice(0, 4).map((wf) => (\n                <button\n                  key={`${wf.workflowKey}-${wf.version}`}\n                  type=\"button\"\n                  onClick={() => navigate(`/workflows/workflow/${wf.workflowKey}/${wf.version}`)}\n                  className=\"flex w-full items-center justify-between gap-2 rounded-md p-1.5 text-left transition-colors hover:bg-accent/5\"\n                >\n                  <span className=\"truncate text-sm text-text-primary\">{wf.name}</span>\n                  <span className=\"shrink-0 text-[11px] text-text-secondary\">\n                    {formatRelative(wf.updatedAt)}\n                  </span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAe,GAA4B;CAClD,IAAM,IAAS,KAAK,KAAK,GAAG,IAAI,KAAK,EAAW,CAAC,SAAS,EACpD,IAAU,KAAK,MAAM,IAAS,IAAM;AAC1C,KAAI,IAAU,EAAG,QAAO;AACxB,KAAI,IAAU,GAAI,QAAO,GAAG,EAAQ;CACpC,IAAM,IAAS,KAAK,MAAM,IAAU,GAAG;AACvC,KAAI,IAAS,GAAI,QAAO,GAAG,EAAO;CAClC,IAAM,IAAU,KAAK,MAAM,IAAS,GAAG;AAEvC,QADI,IAAU,IAAU,GAAG,EAAQ,SAC5B,IAAI,KAAK,EAAW,CAAC,mBAAmB,KAAA,GAAW;EACxD,OAAO;EACP,KAAK;EACN,CAAC;;AAGJ,SAAgB,EAAwB,EAAE,kBAAe,cAAW,eAAyB;CAC3F,IAAM,IAAQ,GAAe,eACvB,IAAkB,GAAO,mBAAmB,EAAE;AAEpD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,kBAAkB;aAJ5C,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGT,IAaA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,CACnD;OACF;OACL,EAAgB,SAAS,KACxB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmE;KAE5E,CAAA,EACH,EAAgB,MAAM,GAAG,EAAE,CAAC,KAAK,MAChC,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAS,uBAAuB,EAAG,YAAY,GAAG,EAAG,UAAU;KAC9E,WAAU;eAJZ,CAME,kBAAC,QAAD;MAAM,WAAU;gBAAsC,EAAG;MAAY,CAAA,EACrE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,EAAG,UAAU;MACxB,CAAA,CACA;OATF,GAAG,EAAG,YAAY,GAAG,EAAG,UAStB,CACT,CACE;MAEJ;OA/CN,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,eAAe,EAAS,iBAAiB;cAA7E,CACE,kBAAC,GAAD,EAAM,WAAU,mBAAoB,CAAA,EAAA,gBAC7B;;GAEX,CAAA;EAuCU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.627.1",
+  "version": "2026.711.1",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [