@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/WorkflowsPage.js

@@ -0,0 +1,384 @@
+import { useWorkflowStore as e } from "../store/workflowStore.js";
+import { useAppNavigate as t } from "../contexts/NavigationContext.js";
+import "../contexts/index.js";
+import n from "../hooks/useWorkflowOperations.js";
+import { newWorkflowPath as r } from "../BigConsoleRoutes.js";
+import { isNative as i, nativeNotify as a } from "../../utils/nativeBridge.js";
+import o from "../components/workflow/WorkflowDeleteDialog.js";
+import s from "../components/workflow/WorkflowCard.js";
+import { memo as c, useCallback as l, useMemo as u, useState as d } from "react";
+import { AlertCircle as f, FolderOpen as p, Plus as m, Search as h, Workflow as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, Card as b, CardContent as x, Input as S, Spinner as C } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/pages/WorkflowsPage.tsx
+var w = c(function() {
+	let c = t(), [w, T] = d("all"), E = e((e) => e.searchQuery), D = e((e) => e.setSearchQuery), O = e((e) => e.deleteDialogOpen), k = e((e) => e.currentWorkflow), A = e((e) => e.openDeleteDialog), j = e((e) => e.closeDeleteDialog), { loading: M, error: N, workflows: P, deleteWorkflow: F, refetch: I } = n(), L = u(() => {
+		let e = [...P];
+		if (w !== "all" && (e = e.filter((e) => e.status === w)), E.trim()) {
+			let t = E.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.key.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t));
+		}
+		return e.sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime());
+	}, [
+		P,
+		w,
+		E
+	]), R = l(() => {
+		c(r());
+	}, [c]), z = l((e) => {
+		c(`/workflows/${e}`);
+	}, [c]), B = l((e) => {
+		c(`/workflows/${e}/edit`);
+	}, [c]), V = l((e) => {
+		let t = P.find((t) => t.id === e);
+		t && A(t);
+	}, [P, A]), H = l(async () => {
+		if (k) {
+			try {
+				await F(k.id), i() && a("success");
+			} catch (e) {
+				throw i() && a("error"), e;
+			}
+			j();
+		}
+	}, [
+		k,
+		F,
+		j
+	]);
+	return N ? /* @__PURE__ */ _("div", {
+		style: { padding: "var(--space-pagePadding)" },
+		children: /* @__PURE__ */ _(b, {
+			style: {
+				borderColor: "var(--color-status-error-border)",
+				backgroundColor: "var(--color-status-error-bgSubtle)"
+			},
+			children: /* @__PURE__ */ _(x, {
+				style: { padding: "var(--space-pagePadding)" },
+				children: /* @__PURE__ */ v("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						textAlign: "center"
+					},
+					children: [
+						/* @__PURE__ */ _("div", {
+							style: {
+								padding: "var(--space-controlGap)",
+								borderRadius: "50%",
+								backgroundColor: "var(--color-status-error-bgSubtle)",
+								marginBottom: "var(--space-formGap)"
+							},
+							children: /* @__PURE__ */ _(f, { style: {
+								height: "var(--size-icon-xl)",
+								width: "var(--size-icon-xl)",
+								color: "var(--color-status-error-text)"
+							} })
+						}),
+						/* @__PURE__ */ _("h3", {
+							style: {
+								fontSize: "var(--font-size-body-lg)",
+								fontWeight: "var(--font-weight-medium)",
+								color: "var(--color-status-error-text)",
+								marginBottom: "var(--space-controlGap)"
+							},
+							children: "Failed to load Workflows"
+						}),
+						/* @__PURE__ */ _("p", {
+							style: {
+								fontSize: "var(--font-size-body-sm)",
+								color: "var(--color-text-secondary)",
+								marginBottom: "var(--space-formGap)"
+							},
+							children: N.message
+						}),
+						/* @__PURE__ */ _(y, {
+							size: "sm",
+							onClick: () => I(),
+							children: "Try Again"
+						})
+					]
+				})
+			})
+		})
+	}) : /* @__PURE__ */ v("div", {
+		style: {
+			minHeight: "100vh",
+			backgroundColor: "var(--color-bg-canvas)"
+		},
+		children: [
+			/* @__PURE__ */ _("div", {
+				style: {
+					borderBottom: "1px solid var(--color-border)",
+					backgroundColor: "var(--color-bg-surface)"
+				},
+				children: /* @__PURE__ */ _("div", {
+					style: { padding: "var(--space-pagePadding)" },
+					children: /* @__PURE__ */ v("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between"
+						},
+						children: [/* @__PURE__ */ v("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "var(--space-formGap)"
+							},
+							children: [/* @__PURE__ */ _("div", {
+								style: {
+									display: "flex",
+									height: "var(--size-controlHeight-lg)",
+									width: "var(--size-controlHeight-lg)",
+									alignItems: "center",
+									justifyContent: "center",
+									borderRadius: "var(--radius-card)",
+									backgroundColor: "var(--color-action-primary-bg)"
+								},
+								children: /* @__PURE__ */ _(g, { style: {
+									height: "var(--size-icon-lg)",
+									width: "var(--size-icon-lg)",
+									color: "var(--color-action-primary-text)"
+								} })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+								style: {
+									fontSize: "var(--font-size-heading-h4)",
+									fontWeight: "var(--font-weight-bold)",
+									margin: 0,
+									color: "var(--color-text-primary)"
+								},
+								children: "Workflows"
+							}), /* @__PURE__ */ _("p", {
+								style: {
+									fontSize: "var(--font-size-body-sm)",
+									color: "var(--color-text-secondary)",
+									margin: 0
+								},
+								children: "Design ETL workflows with FluidGrids and link them to DataSinks"
+							})] })]
+						}), /* @__PURE__ */ _("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "var(--space-controlGap)"
+							},
+							children: /* @__PURE__ */ v(y, {
+								onClick: R,
+								children: [/* @__PURE__ */ _(m, { style: {
+									marginRight: "var(--space-iconGap)",
+									height: "var(--size-icon-sm)",
+									width: "var(--size-icon-sm)"
+								} }), "Design Workflow"]
+							})
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ v("div", {
+				style: { padding: "var(--space-pagePadding)" },
+				children: [
+					/* @__PURE__ */ _("div", {
+						style: { marginBottom: "var(--space-formGap)" },
+						children: /* @__PURE__ */ _("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "2px",
+								padding: "4px",
+								backgroundColor: "var(--color-bg-sunken)",
+								borderRadius: "var(--radius-card)",
+								width: "fit-content"
+							},
+							children: [
+								{
+									value: "all",
+									label: "All"
+								},
+								{
+									value: "draft",
+									label: "Draft"
+								},
+								{
+									value: "active",
+									label: "Active"
+								},
+								{
+									value: "paused",
+									label: "Paused"
+								},
+								{
+									value: "error",
+									label: "Error"
+								},
+								{
+									value: "archived",
+									label: "Archived"
+								}
+							].map((e) => /* @__PURE__ */ _("button", {
+								type: "button",
+								onClick: () => T(e.value),
+								style: {
+									padding: "var(--space-controlGap) var(--space-formGap)",
+									fontSize: "var(--font-size-body-sm)",
+									fontWeight: "var(--font-weight-medium)",
+									borderRadius: "var(--radius-button)",
+									border: "none",
+									cursor: "pointer",
+									transition: "all 0.2s ease",
+									backgroundColor: w === e.value ? "var(--color-bg-surface)" : "transparent",
+									color: w === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
+									boxShadow: w === e.value ? "0 1px 2px rgba(0,0,0,0.05)" : "none"
+								},
+								children: e.label
+							}, e.value))
+						})
+					}),
+					/* @__PURE__ */ _("div", {
+						style: { marginBottom: "var(--space-sectionGap)" },
+						children: /* @__PURE__ */ v("div", {
+							style: {
+								position: "relative",
+								maxWidth: "400px"
+							},
+							children: [/* @__PURE__ */ _(h, { style: {
+								position: "absolute",
+								left: "var(--space-controlGap)",
+								top: "50%",
+								transform: "translateY(-50%)",
+								height: "var(--size-icon-sm)",
+								width: "var(--size-icon-sm)",
+								color: "var(--color-text-muted)"
+							} }), /* @__PURE__ */ _(S, {
+								type: "text",
+								placeholder: "Search workflows...",
+								value: E,
+								onChange: (e) => D(e.target.value),
+								style: {
+									paddingLeft: "var(--size-controlHeight-md)",
+									height: "var(--size-controlHeight-md)"
+								}
+							})]
+						})
+					}),
+					M && P.length === 0 && /* @__PURE__ */ _("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center",
+							padding: "80px 0"
+						},
+						children: /* @__PURE__ */ v("div", {
+							style: { textAlign: "center" },
+							children: [/* @__PURE__ */ _(C, { style: {
+								height: "var(--size-icon-xl)",
+								width: "var(--size-icon-xl)",
+								margin: "0 auto var(--space-formGap)"
+							} }), /* @__PURE__ */ _("p", {
+								style: {
+									fontSize: "var(--font-size-body-sm)",
+									color: "var(--color-text-muted)"
+								},
+								children: "Loading workflows..."
+							})]
+						})
+					}),
+					!M && P.length === 0 && /* @__PURE__ */ _(b, {
+						className: "border-dashed",
+						children: /* @__PURE__ */ v(x, {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								alignItems: "center",
+								justifyContent: "center",
+								padding: "64px var(--space-pagePadding)"
+							},
+							children: [
+								/* @__PURE__ */ _("div", {
+									style: {
+										display: "flex",
+										height: "80px",
+										width: "80px",
+										alignItems: "center",
+										justifyContent: "center",
+										borderRadius: "50%",
+										backgroundColor: "var(--color-bg-sunken)",
+										marginBottom: "var(--space-sectionGap)"
+									},
+									children: /* @__PURE__ */ _(p, { style: {
+										height: "var(--size-icon-xl)",
+										width: "var(--size-icon-xl)",
+										color: "var(--color-text-muted)"
+									} })
+								}),
+								/* @__PURE__ */ _("h3", {
+									style: {
+										fontSize: "var(--font-size-heading-h4)",
+										fontWeight: "var(--font-weight-semibold)",
+										marginBottom: "var(--space-controlGap)"
+									},
+									children: "No Workflows yet"
+								}),
+								/* @__PURE__ */ _("p", {
+									style: {
+										fontSize: "var(--font-size-body-sm)",
+										color: "var(--color-text-muted)",
+										marginBottom: "var(--space-sectionGap)",
+										textAlign: "center",
+										maxWidth: "400px"
+									},
+									children: "Design ETL workflows with the FluidGrids visual builder to fetch, transform, and deliver data into BigConsole DataSinks."
+								}),
+								/* @__PURE__ */ v(y, {
+									onClick: R,
+									children: [/* @__PURE__ */ _(m, { style: {
+										marginRight: "var(--space-iconGap)",
+										height: "var(--size-icon-sm)",
+										width: "var(--size-icon-sm)"
+									} }), "Design Workflow"]
+								})
+							]
+						})
+					}),
+					!M && L.length === 0 && P.length > 0 && /* @__PURE__ */ _("div", {
+						style: {
+							padding: "64px 0",
+							textAlign: "center"
+						},
+						children: /* @__PURE__ */ _("p", {
+							style: {
+								fontSize: "var(--font-size-body-sm)",
+								color: "var(--color-text-muted)"
+							},
+							children: "No workflows match your filters"
+						})
+					}),
+					L.length > 0 && /* @__PURE__ */ _("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
+							gap: "var(--space-formGap)"
+						},
+						children: L.map((e) => /* @__PURE__ */ _(s, {
+							workflow: e,
+							onView: z,
+							onEdit: B,
+							onDelete: V
+						}, e.id))
+					})
+				]
+			}),
+			k && /* @__PURE__ */ _(o, {
+				workflow: k,
+				isOpen: O,
+				onClose: j,
+				onConfirm: H
+			})
+		]
+	});
+});
+//#endregion
+export { w as WorkflowsPage };
+
+//# sourceMappingURL=WorkflowsPage.js.map

package/dist/bigconsole/pages/WorkflowsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/bigconsole/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows Page\n *\n * List and manage FluidGrids Workflows.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { newWorkflowPath } from '../BigConsoleRoutes';\nimport { useWorkflowOperations } from '../hooks/useWorkflowOperations';\nimport { useWorkflowStore } from '../store/workflowStore';\nimport { WorkflowCard } from '../components/workflow/WorkflowCard';\nimport { WorkflowDeleteDialog } from '../components/workflow/WorkflowDeleteDialog';\nimport type { FluidGridsWorkflowStatus } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, Workflow, AlertCircle, FolderOpen } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | FluidGridsWorkflowStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowsPage = memo(function WorkflowsPage() {\n  const navigate = useAppNavigate();\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = useWorkflowStore((state) => state.searchQuery);\n  const setSearchQuery = useWorkflowStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useWorkflowStore((state) => state.deleteDialogOpen);\n  const currentWorkflow = useWorkflowStore((state) => state.currentWorkflow);\n  const openDeleteDialog = useWorkflowStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useWorkflowStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, workflows, deleteWorkflow, refetch } = useWorkflowOperations();\n\n  // Filter workflows\n  const filteredWorkflows = useMemo(() => {\n    let filtered = [...workflows];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((wf) => wf.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (wf) =>\n          wf.name.toLowerCase().includes(query) ||\n          wf.key.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [workflows, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateWorkflow = useCallback(() => {\n    navigate(newWorkflowPath());\n  }, [navigate]);\n\n  const handleViewWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const workflow = workflows.find((wf) => wf.id === id);\n      if (workflow) {\n        openDeleteDialog(workflow);\n      }\n    },\n    [workflows, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentWorkflow) {\n      try {\n        await deleteWorkflow(currentWorkflow.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentWorkflow, deleteWorkflow, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: 'All' },\n    { value: 'draft', label: 'Draft' },\n    { value: 'active', label: 'Active' },\n    { value: 'paused', label: 'Paused' },\n    { value: 'error', label: 'Error' },\n    { value: 'archived', label: 'Archived' },\n  ];\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Card\n          style={{\n            borderColor: 'var(--color-status-error-border)',\n            backgroundColor: 'var(--color-status-error-bgSubtle)',\n          }}\n        >\n          <CardContent style={{ padding: 'var(--space-pagePadding)' }}>\n            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <AlertCircle\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-status-error-text)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-body-lg)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-status-error-text)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Failed to load Workflows\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                {error.message}\n              </p>\n              <Button size=\"sm\" onClick={() => refetch()}>\n                Try Again\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Header Section */}\n      <div style={{ borderBottom: '1px solid var(--color-border)', backgroundColor: 'var(--color-bg-surface)' }}>\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <Workflow\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div>\n                <h1\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-bold)',\n                    margin: 0,\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  Workflows\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  Design ETL workflows with FluidGrids and link them to DataSinks\n                </p>\n              </div>\n            </div>\n\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)' }}>\n              <Button onClick={handleCreateWorkflow}>\n                <Plus\n                  style={{\n                    marginRight: 'var(--space-iconGap)',\n                    height: 'var(--size-icon-sm)',\n                    width: 'var(--size-icon-sm)',\n                  }}\n                />\n                Design Workflow\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        {/* Status Filter Tabs */}\n        <div style={{ marginBottom: 'var(--space-formGap)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '4px',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-card)',\n              width: 'fit-content',\n            }}\n          >\n            {statusOptions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setStatusFilter(option.value)}\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  border: 'none',\n                  cursor: 'pointer',\n                  transition: 'all 0.2s ease',\n                  backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                  color: statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: statusFilter === option.value ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Search Bar */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ position: 'relative', maxWidth: '400px' }}>\n            <Search\n              style={{\n                position: 'absolute',\n                left: 'var(--space-controlGap)',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                height: 'var(--size-icon-sm)',\n                width: 'var(--size-icon-sm)',\n                color: 'var(--color-text-muted)',\n              }}\n            />\n            <Input\n              type=\"text\"\n              placeholder=\"Search workflows...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n        </div>\n\n        {/* Loading state */}\n        {loading && workflows.length === 0 && (\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n            <div style={{ textAlign: 'center' }}>\n              <Spinner\n                style={{\n                  height: 'var(--size-icon-xl)',\n                  width: 'var(--size-icon-xl)',\n                  margin: '0 auto var(--space-formGap)',\n                }}\n              />\n              <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n                Loading workflows...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && workflows.length === 0 && (\n          <Card className=\"border-dashed\">\n            <CardContent\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '64px var(--space-pagePadding)',\n              }}\n            >\n              <div\n                style={{\n                  display: 'flex',\n                  height: '80px',\n                  width: '80px',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-bg-sunken)',\n                  marginBottom: 'var(--space-sectionGap)',\n                }}\n              >\n                <FolderOpen\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-text-muted)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-heading-h4)',\n                  fontWeight: 'var(--font-weight-semibold)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                No Workflows yet\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-muted)',\n                  marginBottom: 'var(--space-sectionGap)',\n                  textAlign: 'center',\n                  maxWidth: '400px',\n                }}\n              >\n                Design ETL workflows with the FluidGrids visual builder to fetch, transform, and deliver data into\n                BigConsole DataSinks.\n              </p>\n              <Button onClick={handleCreateWorkflow}>\n                <Plus\n                  style={{\n                    marginRight: 'var(--space-iconGap)',\n                    height: 'var(--size-icon-sm)',\n                    width: 'var(--size-icon-sm)',\n                  }}\n                />\n                Design Workflow\n              </Button>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredWorkflows.length === 0 && workflows.length > 0 && (\n          <div style={{ padding: '64px 0', textAlign: 'center' }}>\n            <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n              No workflows match your filters\n            </p>\n          </div>\n        )}\n\n        {/* Workflow Grid */}\n        {filteredWorkflows.length > 0 && (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',\n              gap: 'var(--space-formGap)',\n            }}\n          >\n            {filteredWorkflows.map((workflow) => (\n              <WorkflowCard\n                key={workflow.id}\n                workflow={workflow}\n                onView={handleViewWorkflow}\n                onEdit={handleEditWorkflow}\n                onDelete={handleDeleteClick}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Delete Dialog */}\n      {currentWorkflow && (\n        <WorkflowDeleteDialog\n          workflow={currentWorkflow}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default WorkflowsPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * BigConsole Pages
+ *
+ * Page-level components for the BigConsole microfrontend.
+ */
+export { HomePage } from './HomePage';
+export { DashboardsPage } from './DashboardsPage';
+export { DashboardViewPage } from './DashboardViewPage';
+export { DashboardBuilderPage } from './DashboardBuilderPage';
+export { DataSourcesPage } from './DataSourcesPage';
+export { InsightsPage } from './InsightsPage';
+export { SettingsPage } from './SettingsPage';
+export { WidgetDemoPage } from './WidgetDemoPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { RendererProps } from '../types/renderer';
+
+export declare const AdaptiveCardRenderer: React.FC<RendererProps>;
+export default AdaptiveCardRenderer;
+//# sourceMappingURL=AdaptiveCardRenderer.d.ts.map

package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveCardRenderer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/renderers/adapters/AdaptiveCardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAsZvD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiSvD,CAAC;AAkHH,eAAe,oBAAoB,CAAC"}