npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.510.54 - Mend

@burdenoff/microfe-bigconsole 2026.510.54

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

package/dist/bigconsole/pages/DashboardsPage.js ADDED Viewed

@@ -0,0 +1,555 @@
+import { useBigConsoleNavigate as e } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import t from "../hooks/useDashboardOperations.js";
+import "../hooks/index.js";
+import n from "../components/dashboard/CreateDashboardDialog.js";
+import r from "../components/dashboard/ImportDashboardDialog.js";
+import { isNative as i, nativeConfirm as a, nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
+import { memo as c, useCallback as l, useState as u } from "react";
+import { Calendar as d, FileText as f, FolderOpen as p, Layers as m, LayoutDashboard as h, Pencil as g, Plus as _, Search as v, Trash2 as y, Upload as b } from "lucide-react";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Badge as w, Button as T, Card as E, CardContent as D, Input as O, Spinner as k } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/pages/DashboardsPage.tsx
+var A = c(function() {
+	let c = e(), { t: A } = x(), j = l((e, t) => {
+		let n = A(e);
+		return n === e ? t : n;
+	}, [A]), [M, N] = u(""), [P, F] = u(!1), [I, L] = u(!1), [R, z] = u(!1), { loading: B, error: V, dashboards: H, createDashboard: U, deleteDashboard: W, refetch: G } = t(), K = H.filter((e) => e.name.toLowerCase().includes(M.toLowerCase()) || e.description?.toLowerCase().includes(M.toLowerCase())), q = l(() => {
+		F(!0);
+	}, []), J = l(() => {
+		I || F(!1);
+	}, [I]), Y = l(async (e) => {
+		L(!0);
+		try {
+			let t = await U({
+				name: e.name,
+				description: e.description,
+				category: e.category,
+				tags: e.tags
+			});
+			t && (F(!1), c(`/dashboards/${t.id}/builder`));
+		} catch {} finally {
+			L(!1);
+		}
+	}, [U, c]), X = l((e) => {
+		c(`/dashboards/${e}`);
+	}, [c]), Z = l((e, t) => {
+		t.stopPropagation(), c(`/dashboards/${e}/builder`);
+	}, [c]), Q = l(async (e, t) => {
+		t.stopPropagation();
+		let n = j("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await a({
+			title: "Delete dashboard?",
+			message: n,
+			okButtonTitle: "Delete",
+			cancelButtonTitle: "Cancel"
+		});
+		if (r === null ? window.confirm(n) : r) {
+			o("medium");
+			try {
+				await W(e), i() && s("success");
+			} catch (e) {
+				throw i() && s("error"), e;
+			}
+		}
+	}, [W, j]), $ = l(() => {
+		z(!0);
+	}, []), ee = l(() => {
+		z(!1);
+	}, []), te = l((e, t) => {
+		G();
+	}, [G]), ne = (e) => {
+		let t = new Date(e), n = /* @__PURE__ */ new Date(), r = n.getTime() - t.getTime(), i = Math.floor(r / 6e4), a = Math.floor(r / 36e5), o = Math.floor(r / 864e5);
+		return i < 1 ? j("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${j("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${j("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${j("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
+			month: "short",
+			day: "numeric",
+			year: t.getFullYear() === n.getFullYear() ? void 0 : "numeric"
+		}).format(t);
+	}, re = (e) => e.widgetCount ?? 0, ie = (e) => e.pages?.length || 0;
+	return V ? /* @__PURE__ */ S("div", {
+		style: { padding: "var(--space-pagePadding)" },
+		children: /* @__PURE__ */ S(E, {
+			style: {
+				borderColor: "var(--color-status-error-border)",
+				backgroundColor: "var(--color-status-error-bgSubtle)"
+			},
+			children: /* @__PURE__ */ C(D, {
+				style: { padding: "var(--space-pagePadding)" },
+				children: [
+					/* @__PURE__ */ S("h3", {
+						style: {
+							fontSize: "var(--font-size-body-sm)",
+							fontWeight: "var(--font-weight-medium)",
+							color: "var(--color-status-error-text)"
+						},
+						children: j("bigconsole.dashboards.error.title", "Error loading dashboards")
+					}),
+					/* @__PURE__ */ S("p", {
+						style: {
+							fontSize: "var(--font-size-body-sm)",
+							color: "var(--color-text-secondary)",
+							marginTop: "var(--space-controlGap)"
+						},
+						children: V.message
+					}),
+					/* @__PURE__ */ S(T, {
+						size: "sm",
+						onClick: () => G(),
+						style: { marginTop: "var(--space-formGap)" },
+						children: j("bigconsole.dashboards.error.retry", "Retry")
+					})
+				]
+			})
+		})
+	}) : /* @__PURE__ */ C("div", {
+		style: {
+			minHeight: "100vh",
+			backgroundColor: "var(--color-bg-canvas)"
+		},
+		children: [
+			/* @__PURE__ */ S("div", {
+				style: {
+					borderBottom: "1px solid var(--color-border)",
+					backgroundColor: "var(--color-bg-surface)"
+				},
+				children: /* @__PURE__ */ S("div", {
+					style: { padding: "var(--space-pagePadding)" },
+					children: /* @__PURE__ */ C("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between"
+						},
+						children: [/* @__PURE__ */ C("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "var(--space-formGap)"
+							},
+							children: [/* @__PURE__ */ S("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__ */ S(h, { style: {
+									height: "var(--size-icon-lg)",
+									width: "var(--size-icon-lg)",
+									color: "var(--color-action-primary-text)"
+								} })
+							}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
+								style: {
+									fontSize: "var(--font-size-heading-h4)",
+									fontWeight: "var(--font-weight-bold)",
+									margin: 0,
+									color: "var(--color-text-primary)"
+								},
+								children: j("bigconsole.dashboards.title", "Dashboards")
+							}), /* @__PURE__ */ S("p", {
+								style: {
+									fontSize: "var(--font-size-body-sm)",
+									color: "var(--color-text-secondary)",
+									margin: 0
+								},
+								children: j("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
+							})] })]
+						}), /* @__PURE__ */ C("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "var(--space-controlGap)"
+							},
+							children: [/* @__PURE__ */ C(T, {
+								variant: "outline",
+								onClick: $,
+								children: [/* @__PURE__ */ S(b, { style: {
+									marginRight: "var(--space-iconGap)",
+									height: "var(--size-icon-sm)",
+									width: "var(--size-icon-sm)"
+								} }), j("bigconsole.dashboards.actions.import", "Import")]
+							}), /* @__PURE__ */ C(T, {
+								onClick: q,
+								children: [/* @__PURE__ */ S(_, { style: {
+									marginRight: "var(--space-iconGap)",
+									height: "var(--size-icon-sm)",
+									width: "var(--size-icon-sm)"
+								} }), j("bigconsole.dashboards.actions.create", "Create Dashboard")]
+							})]
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ C("div", {
+				style: { padding: "var(--space-pagePadding)" },
+				children: [
+					/* @__PURE__ */ S("div", {
+						style: { marginBottom: "var(--space-sectionGap)" },
+						children: /* @__PURE__ */ C("div", {
+							style: {
+								position: "relative",
+								maxWidth: "400px"
+							},
+							children: [/* @__PURE__ */ S(v, { 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(O, {
+								type: "text",
+								placeholder: j("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
+								value: M,
+								onChange: (e) => N(e.target.value),
+								style: {
+									paddingLeft: "var(--size-controlHeight-md)",
+									height: "var(--size-controlHeight-md)"
+								}
+							})]
+						})
+					}),
+					B && H.length === 0 && /* @__PURE__ */ S("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center",
+							padding: "80px 0"
+						},
+						children: /* @__PURE__ */ C("div", {
+							style: { textAlign: "center" },
+							children: [/* @__PURE__ */ S(k, { style: {
+								height: "var(--size-icon-xl)",
+								width: "var(--size-icon-xl)",
+								margin: "0 auto var(--space-formGap)"
+							} }), /* @__PURE__ */ S("p", {
+								style: {
+									fontSize: "var(--font-size-body-sm)",
+									color: "var(--color-text-muted)"
+								},
+								children: j("bigconsole.dashboards.loading", "Loading dashboards...")
+							})]
+						})
+					}),
+					!B && K.length > 0 && /* @__PURE__ */ S("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
+							gap: "var(--space-formGap)"
+						},
+						children: K.map((e) => /* @__PURE__ */ S(E, {
+							onClick: () => X(e.id),
+							style: {
+								cursor: "pointer",
+								transition: "all 0.2s ease"
+							},
+							className: "hover:shadow-md hover:border-primary/50",
+							children: /* @__PURE__ */ C(D, {
+								style: { padding: "var(--space-cardPadding)" },
+								children: [
+									/* @__PURE__ */ C("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: "var(--space-controlGap)",
+											marginBottom: "var(--space-formGap)"
+										},
+										children: [/* @__PURE__ */ S("div", {
+											style: {
+												display: "flex",
+												height: "var(--size-controlHeight-lg)",
+												width: "var(--size-controlHeight-lg)",
+												flexShrink: 0,
+												alignItems: "center",
+												justifyContent: "center",
+												borderRadius: "var(--radius-button)",
+												backgroundColor: "var(--color-action-primary-bg)"
+											},
+											children: /* @__PURE__ */ S(h, { style: {
+												height: "var(--size-icon-md)",
+												width: "var(--size-icon-md)",
+												color: "var(--color-action-primary-text)"
+											} })
+										}), /* @__PURE__ */ C("div", {
+											style: {
+												flex: 1,
+												minWidth: 0
+											},
+											children: [/* @__PURE__ */ S("h3", {
+												style: {
+													fontWeight: "var(--font-weight-bold)",
+													fontSize: "var(--font-size-body-md)",
+													margin: 0,
+													color: "var(--color-text-primary)",
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													whiteSpace: "nowrap"
+												},
+												children: e.name
+											}), e.category && /* @__PURE__ */ S(w, {
+												variant: "secondary",
+												style: {
+													marginTop: "var(--space-controlGap)",
+													fontSize: "10px",
+													fontWeight: "var(--font-weight-semibold)",
+													textTransform: "uppercase"
+												},
+												children: e.category
+											})]
+										})]
+									}),
+									/* @__PURE__ */ S("p", {
+										style: {
+											fontSize: "var(--font-size-body-sm)",
+											lineHeight: "var(--font-lineHeight-normal)",
+											color: "var(--color-text-secondary)",
+											margin: "0 0 var(--space-formGap) 0",
+											minHeight: "40px",
+											display: "-webkit-box",
+											WebkitLineClamp: 2,
+											WebkitBoxOrient: "vertical",
+											overflow: "hidden"
+										},
+										children: e.description || j("bigconsole.dashboards.card.noDescription", "No description provided")
+									}),
+									/* @__PURE__ */ C("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: "var(--space-formGap)",
+											marginBottom: "var(--space-formGap)",
+											padding: "var(--space-controlGap) var(--space-cardPadding)",
+											backgroundColor: "var(--color-bg-sunken)",
+											borderRadius: "var(--radius-button)"
+										},
+										children: [
+											/* @__PURE__ */ C("div", {
+												style: {
+													display: "flex",
+													alignItems: "center",
+													gap: "var(--space-iconGap)"
+												},
+												children: [
+													/* @__PURE__ */ S(m, { style: {
+														height: "var(--size-icon-sm)",
+														width: "var(--size-icon-sm)",
+														color: "var(--color-action-primary-bg)"
+													} }),
+													/* @__PURE__ */ S("span", {
+														style: {
+															fontSize: "var(--font-size-body-sm)",
+															fontWeight: "var(--font-weight-semibold)",
+															color: "var(--color-text-primary)"
+														},
+														children: ie(e)
+													}),
+													/* @__PURE__ */ S("span", {
+														style: {
+															fontSize: "var(--font-size-body-sm)",
+															color: "var(--color-text-muted)"
+														},
+														children: j("bigconsole.dashboards.card.pages", "pages")
+													})
+												]
+											}),
+											/* @__PURE__ */ S("div", { style: {
+												width: "1px",
+												height: "var(--size-icon-sm)",
+												backgroundColor: "var(--color-border)"
+											} }),
+											/* @__PURE__ */ C("div", {
+												style: {
+													display: "flex",
+													alignItems: "center",
+													gap: "var(--space-iconGap)"
+												},
+												children: [
+													/* @__PURE__ */ S(f, { style: {
+														height: "var(--size-icon-sm)",
+														width: "var(--size-icon-sm)",
+														color: "var(--color-action-primary-bg)"
+													} }),
+													/* @__PURE__ */ S("span", {
+														style: {
+															fontSize: "var(--font-size-body-sm)",
+															fontWeight: "var(--font-weight-semibold)",
+															color: "var(--color-text-primary)"
+														},
+														children: re(e)
+													}),
+													/* @__PURE__ */ S("span", {
+														style: {
+															fontSize: "var(--font-size-body-sm)",
+															color: "var(--color-text-muted)"
+														},
+														children: j("bigconsole.dashboards.card.widgets", "widgets")
+													})
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ C("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											justifyContent: "space-between",
+											paddingTop: "var(--space-controlGap)",
+											borderTop: "1px solid var(--color-border)"
+										},
+										children: [/* @__PURE__ */ C("div", {
+											style: {
+												display: "flex",
+												alignItems: "center",
+												gap: "var(--space-iconGap)"
+											},
+											children: [/* @__PURE__ */ S(d, { style: {
+												height: "var(--size-icon-sm)",
+												width: "var(--size-icon-sm)",
+												color: "var(--color-text-muted)"
+											} }), /* @__PURE__ */ S("span", {
+												style: {
+													fontSize: "var(--font-size-body-sm)",
+													fontWeight: "var(--font-weight-medium)",
+													color: "var(--color-text-muted)"
+												},
+												children: ne(e.updatedAt)
+											})]
+										}), /* @__PURE__ */ C("div", {
+											style: {
+												display: "flex",
+												alignItems: "center",
+												gap: "var(--space-controlGap)"
+											},
+											children: [/* @__PURE__ */ S(T, {
+												variant: "ghost",
+												size: "sm",
+												onClick: (t) => Z(e.id, t),
+												style: {
+													height: "var(--size-controlHeight-sm)",
+													width: "var(--size-controlHeight-sm)",
+													padding: 0,
+													borderRadius: "var(--radius-button)"
+												},
+												title: j("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+												children: /* @__PURE__ */ S(g, { style: {
+													height: "var(--size-icon-sm)",
+													width: "var(--size-icon-sm)"
+												} })
+											}), /* @__PURE__ */ S(T, {
+												variant: "ghost",
+												size: "sm",
+												onClick: (t) => Q(e.id, t),
+												style: {
+													height: "var(--size-controlHeight-sm)",
+													width: "var(--size-controlHeight-sm)",
+													padding: 0,
+													borderRadius: "var(--radius-button)"
+												},
+												className: "hover:text-destructive hover:bg-destructive/10",
+												title: j("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+												children: /* @__PURE__ */ S(y, { style: {
+													height: "var(--size-icon-sm)",
+													width: "var(--size-icon-sm)"
+												} })
+											})]
+										})]
+									})
+								]
+							})
+						}, e.id))
+					}),
+					!B && K.length === 0 && /* @__PURE__ */ S(E, {
+						className: "border-dashed",
+						children: /* @__PURE__ */ C(D, {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								alignItems: "center",
+								justifyContent: "center",
+								padding: "64px var(--space-pagePadding)"
+							},
+							children: [
+								/* @__PURE__ */ S("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__ */ S(p, { style: {
+										height: "var(--size-icon-xl)",
+										width: "var(--size-icon-xl)",
+										color: "var(--color-text-muted)"
+									} })
+								}),
+								/* @__PURE__ */ S("h3", {
+									style: {
+										fontSize: "var(--font-size-heading-h4)",
+										fontWeight: "var(--font-weight-semibold)",
+										marginBottom: "var(--space-controlGap)"
+									},
+									children: M ? j("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : j("bigconsole.dashboards.empty.title", "No dashboards yet")
+								}),
+								/* @__PURE__ */ S("p", {
+									style: {
+										fontSize: "var(--font-size-body-sm)",
+										color: "var(--color-text-muted)",
+										marginBottom: "var(--space-sectionGap)",
+										textAlign: "center",
+										maxWidth: "360px"
+									},
+									children: M ? j("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : j("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data")
+								}),
+								!M && /* @__PURE__ */ C("div", {
+									style: {
+										display: "flex",
+										gap: "var(--space-controlGap)"
+									},
+									children: [/* @__PURE__ */ C(T, {
+										variant: "outline",
+										onClick: $,
+										children: [/* @__PURE__ */ S(b, { style: {
+											marginRight: "var(--space-iconGap)",
+											height: "var(--size-icon-sm)",
+											width: "var(--size-icon-sm)"
+										} }), j("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
+									}), /* @__PURE__ */ C(T, {
+										onClick: q,
+										children: [/* @__PURE__ */ S(_, { style: {
+											marginRight: "var(--space-iconGap)",
+											height: "var(--size-icon-sm)",
+											width: "var(--size-icon-sm)"
+										} }), j("bigconsole.dashboards.actions.create", "Create Dashboard")]
+									})]
+								})
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ S(n, {
+				isOpen: P,
+				isCreating: I,
+				onClose: J,
+				onCreate: Y
+			}),
+			/* @__PURE__ */ S(r, {
+				isOpen: R,
+				onClose: ee,
+				onSuccess: te
+			})
+		]
+	});
+});
+//#endregion
+export { A as DashboardsPage, A as default };
+//# sourceMappingURL=DashboardsPage.js.map

package/dist/bigconsole/pages/DashboardsPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DashboardsPage.js","names":[],"sources":["../../../src/bigconsole/pages/DashboardsPage.tsx"],"sourcesContent":["/**\n * DashboardsPage\n *\n * List and manage dashboards - fetches data from real backend.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { type FC, memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useBigConsoleNavigate } from '../context';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport {\n Plus,\n Upload,\n Search,\n LayoutDashboard,\n Calendar,\n Layers,\n FileText,\n Pencil,\n Trash2,\n FolderOpen,\n} from 'lucide-react';\nimport { useDashboardOperations } from '../hooks';\nimport { CreateDashboardDialog } from '../components/dashboard/CreateDashboardDialog';\nimport { ImportDashboardDialog } from '../components/dashboard/ImportDashboardDialog';\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DashboardsPage: FC = memo(function DashboardsPage() {\n const navigate = useBigConsoleNavigate();\n const { t } = useI18n();\n const tr = useCallback(\n (key: string, fallback: string) => {\n const translated = t(key);\n return translated === key ? fallback : translated;\n },\n [t]\n );\n const [searchQuery, setSearchQuery] = useState('');\n const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);\n const [isCreating, setIsCreating] = useState(false);\n const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);\n\n const { loading, error, dashboards, createDashboard, deleteDashboard, refetch } = useDashboardOperations();\n\n // Filter dashboards by search query\n const filteredDashboards = dashboards.filter(\n (d) =>\n d.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n d.description?.toLowerCase().includes(searchQuery.toLowerCase())\n );\n\n const handleOpenCreateDialog = useCallback(() => {\n setIsCreateDialogOpen(true);\n }, []);\n\n const handleCloseCreateDialog = useCallback(() => {\n if (!isCreating) {\n setIsCreateDialogOpen(false);\n }\n }, [isCreating]);\n\n const handleCreateDashboard = useCallback(\n async (data: { name: string; description: string; category: string; tags?: string[] }) => {\n setIsCreating(true);\n try {\n const newDashboard = await createDashboard({\n name: data.name,\n description: data.description,\n category: data.category,\n tags: data.tags,\n });\n\n if (newDashboard) {\n setIsCreateDialogOpen(false);\n navigate(`/dashboards/${newDashboard.id}/builder`);\n }\n } catch (err) {\n } finally {\n setIsCreating(false);\n }\n },\n [createDashboard, navigate]\n );\n\n const handleOpenDashboard = useCallback(\n (dashboardId: string) => {\n navigate(`/dashboards/${dashboardId}`);\n },\n [navigate]\n );\n\n const handleEditDashboard = useCallback(\n (dashboardId: string, e: React.MouseEvent) => {\n e.stopPropagation();\n navigate(`/dashboards/${dashboardId}/builder`);\n },\n [navigate]\n );\n\n const handleDeleteDashboard = useCallback(\n async (dashboardId: string, e: React.MouseEvent) => {\n e.stopPropagation();\n const msg = tr('bigconsole.dashboards.confirmDelete', 'Are you sure you want to delete this dashboard?');\n const native = await nativeConfirm({\n title: 'Delete dashboard?',\n message: msg,\n okButtonTitle: 'Delete',\n cancelButtonTitle: 'Cancel',\n });\n const ok = native === null ? window.confirm(msg) : native;\n if (ok) {\n nativeImpact('medium');\n try {\n await deleteDashboard(dashboardId);\n if (isNative()) void nativeNotify('success');\n } catch (err) {\n if (isNative()) void nativeNotify('error');\n throw err;\n }\n }\n },\n [deleteDashboard, tr]\n );\n\n const handleOpenImportDialog = useCallback(() => {\n setIsImportDialogOpen(true);\n }, []);\n\n const handleCloseImportDialog = useCallback(() => {\n setIsImportDialogOpen(false);\n }, []);\n\n const handleImportSuccess = useCallback(\n (dashboardId: string, dashboardName: string) => {\n refetch();\n },\n [refetch]\n );\n\n // Format relative date\n const formatRelativeDate = (dateStr: string) => {\n const date = new Date(dateStr);\n const now = new Date();\n const diffMs = now.getTime() - date.getTime();\n const diffMins = Math.floor(diffMs / 60000);\n const diffHours = Math.floor(diffMs / 3600000);\n const diffDays = Math.floor(diffMs / 86400000);\n\n if (diffMins < 1) return tr('bigconsole.dashboards.time.justNow', 'Just now');\n if (diffMins < 60) return `${diffMins}${tr('bigconsole.dashboards.time.minutesAgoSuffix', 'm ago')}`;\n if (diffHours < 24) return `${diffHours}${tr('bigconsole.dashboards.time.hoursAgoSuffix', 'h ago')}`;\n if (diffDays < 7) return `${diffDays}${tr('bigconsole.dashboards.time.daysAgoSuffix', 'd ago')}`;\n\n return new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: 'numeric',\n year: date.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,\n }).format(date);\n };\n\n // Get widget count - uses widgetCount field from backend\n const getWidgetCount = (dashboard: (typeof dashboards)[0]) => {\n return dashboard.widgetCount ?? 0;\n };\n\n // Get page count\n const getPageCount = (dashboard: (typeof dashboards)[0]) => {\n return dashboard.pages?.length || 0;\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 <h3\n style={{\n fontSize: 'var(--font-size-body-sm)',\n fontWeight: 'var(--font-weight-medium)',\n color: 'var(--color-status-error-text)',\n }}\n >\n {tr('bigconsole.dashboards.error.title', 'Error loading dashboards')}\n </h3>\n <p\n style={{\n fontSize: 'var(--font-size-body-sm)',\n color: 'var(--color-text-secondary)',\n marginTop: 'var(--space-controlGap)',\n }}\n >\n {error.message}\n </p>\n <Button size=\"sm\" onClick={() => refetch()} style={{ marginTop: 'var(--space-formGap)' }}>\n {tr('bigconsole.dashboards.error.retry', 'Retry')}\n </Button>\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 <LayoutDashboard\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 {tr('bigconsole.dashboards.title', 'Dashboards')}\n </h1>\n <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n {tr('bigconsole.dashboards.subtitle', 'Create and manage your analytics dashboards')}\n </p>\n </div>\n </div>\n\n <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)' }}>\n <Button variant=\"outline\" onClick={handleOpenImportDialog}>\n <Upload\n style={{\n marginRight: 'var(--space-iconGap)',\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n }}\n />\n {tr('bigconsole.dashboards.actions.import', 'Import')}\n </Button>\n <Button onClick={handleOpenCreateDialog}>\n <Plus\n style={{\n marginRight: 'var(--space-iconGap)',\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n }}\n />\n {tr('bigconsole.dashboards.actions.create', 'Create Dashboard')}\n </Button>\n </div>\n </div>\n </div>\n </div>\n\n {/* Main Content */}\n <div style={{ padding: 'var(--space-pagePadding)' }}>\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={tr('bigconsole.dashboards.search.placeholder', 'Search dashboards...')}\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 && dashboards.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 {tr('bigconsole.dashboards.loading', 'Loading dashboards...')}\n </p>\n </div>\n </div>\n )}\n\n {/* Dashboard Grid */}\n {!loading && filteredDashboards.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 {filteredDashboards.map((dashboard) => (\n <Card\n key={dashboard.id}\n onClick={() => handleOpenDashboard(dashboard.id)}\n style={{\n cursor: 'pointer',\n transition: 'all 0.2s ease',\n }}\n className=\"hover:shadow-md hover:border-primary/50\"\n >\n <CardContent style={{ padding: 'var(--space-cardPadding)' }}>\n {/* Card Header with Icon and Name */}\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--space-controlGap)',\n marginBottom: 'var(--space-formGap)',\n }}\n >\n <div\n style={{\n display: 'flex',\n height: 'var(--size-controlHeight-lg)',\n width: 'var(--size-controlHeight-lg)',\n flexShrink: 0,\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 'var(--radius-button)',\n backgroundColor: 'var(--color-action-primary-bg)',\n }}\n >\n <LayoutDashboard\n style={{\n height: 'var(--size-icon-md)',\n width: 'var(--size-icon-md)',\n color: 'var(--color-action-primary-text)',\n }}\n />\n </div>\n <div style={{ flex: 1, minWidth: 0 }}>\n <h3\n style={{\n fontWeight: 'var(--font-weight-bold)',\n fontSize: 'var(--font-size-body-md)',\n margin: 0,\n color: 'var(--color-text-primary)',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n >\n {dashboard.name}\n </h3>\n {dashboard.category && (\n <Badge\n variant=\"secondary\"\n style={{\n marginTop: 'var(--space-controlGap)',\n fontSize: '10px',\n fontWeight: 'var(--font-weight-semibold)',\n textTransform: 'uppercase',\n }}\n >\n {dashboard.category}\n </Badge>\n )}\n </div>\n </div>\n\n {/* Description */}\n <p\n style={{\n fontSize: 'var(--font-size-body-sm)',\n lineHeight: 'var(--font-lineHeight-normal)',\n color: 'var(--color-text-secondary)',\n margin: '0 0 var(--space-formGap) 0',\n minHeight: '40px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n }}\n >\n {dashboard.description || tr('bigconsole.dashboards.card.noDescription', 'No description provided')}\n </p>\n\n {/* Stats Row */}\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--space-formGap)',\n marginBottom: 'var(--space-formGap)',\n padding: 'var(--space-controlGap) var(--space-cardPadding)',\n backgroundColor: 'var(--color-bg-sunken)',\n borderRadius: 'var(--radius-button)',\n }}\n >\n <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-iconGap)' }}>\n <Layers\n style={{\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n color: 'var(--color-action-primary-bg)',\n }}\n />\n <span\n style={{\n fontSize: 'var(--font-size-body-sm)',\n fontWeight: 'var(--font-weight-semibold)',\n color: 'var(--color-text-primary)',\n }}\n >\n {getPageCount(dashboard)}\n </span>\n <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n {tr('bigconsole.dashboards.card.pages', 'pages')}\n </span>\n </div>\n <div\n style={{ width: '1px', height: 'var(--size-icon-sm)', backgroundColor: 'var(--color-border)' }}\n />\n <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-iconGap)' }}>\n <FileText\n style={{\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n color: 'var(--color-action-primary-bg)',\n }}\n />\n <span\n style={{\n fontSize: 'var(--font-size-body-sm)',\n fontWeight: 'var(--font-weight-semibold)',\n color: 'var(--color-text-primary)',\n }}\n >\n {getWidgetCount(dashboard)}\n </span>\n <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n {tr('bigconsole.dashboards.card.widgets', 'widgets')}\n </span>\n </div>\n </div>\n\n {/* Footer with Date and Actions */}\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingTop: 'var(--space-controlGap)',\n borderTop: '1px solid var(--color-border)',\n }}\n >\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: 'var(--space-iconGap)',\n }}\n >\n <Calendar\n style={{\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n color: 'var(--color-text-muted)',\n }}\n />\n <span\n style={{\n fontSize: 'var(--font-size-body-sm)',\n fontWeight: 'var(--font-weight-medium)',\n color: 'var(--color-text-muted)',\n }}\n >\n {formatRelativeDate(dashboard.updatedAt)}\n </span>\n </div>\n\n <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)' }}>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={(e) => handleEditDashboard(dashboard.id, e)}\n style={{\n height: 'var(--size-controlHeight-sm)',\n width: 'var(--size-controlHeight-sm)',\n padding: 0,\n borderRadius: 'var(--radius-button)',\n }}\n title={tr('bigconsole.dashboards.actions.editTitle', 'Edit Dashboard')}\n >\n <Pencil style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />\n </Button>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={(e) => handleDeleteDashboard(dashboard.id, e)}\n style={{\n height: 'var(--size-controlHeight-sm)',\n width: 'var(--size-controlHeight-sm)',\n padding: 0,\n borderRadius: 'var(--radius-button)',\n }}\n className=\"hover:text-destructive hover:bg-destructive/10\"\n title={tr('bigconsole.dashboards.actions.deleteTitle', 'Delete Dashboard')}\n >\n <Trash2 style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />\n </Button>\n </div>\n </div>\n </CardContent>\n </Card>\n ))}\n </div>\n )}\n\n {/* Empty state */}\n {!loading && filteredDashboards.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 {searchQuery\n ? tr('bigconsole.dashboards.empty.filteredTitle', 'No dashboards found')\n : tr('bigconsole.dashboards.empty.title', 'No dashboards 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: '360px',\n }}\n >\n {searchQuery\n ? tr('bigconsole.dashboards.empty.filteredDescription', 'Try adjusting your search terms')\n : tr(\n 'bigconsole.dashboards.empty.description',\n 'Get started by creating your first dashboard to visualize your data'\n )}\n </p>\n {!searchQuery && (\n <div style={{ display: 'flex', gap: 'var(--space-controlGap)' }}>\n <Button variant=\"outline\" onClick={handleOpenImportDialog}>\n <Upload\n style={{\n marginRight: 'var(--space-iconGap)',\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n }}\n />\n {tr('bigconsole.dashboards.actions.importDashboard', 'Import Dashboard')}\n </Button>\n <Button onClick={handleOpenCreateDialog}>\n <Plus\n style={{\n marginRight: 'var(--space-iconGap)',\n height: 'var(--size-icon-sm)',\n width: 'var(--size-icon-sm)',\n }}\n />\n {tr('bigconsole.dashboards.actions.create', 'Create Dashboard')}\n </Button>\n </div>\n )}\n </CardContent>\n </Card>\n )}\n </div>\n\n {/* Create Dashboard Dialog */}\n <CreateDashboardDialog\n isOpen={isCreateDialogOpen}\n isCreating={isCreating}\n onClose={handleCloseCreateDialog}\n onCreate={handleCreateDashboard}\n />\n\n {/* Import Dashboard Dialog */}\n <ImportDashboardDialog\n isOpen={isImportDialogOpen}\n onClose={handleCloseImportDialog}\n onSuccess={handleImportSuccess}\n />\n </div>\n );\n});\n\nexport default DashboardsPage;\n"],"mappings":";;;;;;;;;;;;;AAoCA,IAAa,IAAqB,EAAK,WAA0B;CAC/D,IAAM,IAAW,GAAuB,EAClC,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAAqB;EACjC,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEzC,CAAC,EAAE,CACJ,EACK,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAC7D,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAE7D,EAAE,YAAS,UAAO,eAAY,oBAAiB,oBAAiB,eAAY,GAAwB,EAGpG,IAAqB,EAAW,QACnC,MACC,EAAE,KAAK,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,IACxD,EAAE,aAAa,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,CACnE,EAEK,IAAyB,QAAkB;AAC/C,IAAsB,GAAK;IAC1B,EAAE,CAAC,EAEA,IAA0B,QAAkB;AAChD,EAAK,KACH,EAAsB,GAAM;IAE7B,CAAC,EAAW,CAAC,EAEV,IAAwB,EAC5B,OAAO,MAAmF;AACxF,IAAc,GAAK;AACnB,MAAI;GACF,IAAM,IAAe,MAAM,EAAgB;IACzC,MAAM,EAAK;IACX,aAAa,EAAK;IAClB,UAAU,EAAK;IACf,MAAM,EAAK;IACZ,CAAC;AAEF,GAAI,MACF,EAAsB,GAAM,EAC5B,EAAS,eAAe,EAAa,GAAG,UAAU;UAExC,WACJ;AACR,KAAc,GAAM;;IAGxB,CAAC,GAAiB,EAAS,CAC5B,EAEK,IAAsB,GACzB,MAAwB;AACvB,IAAS,eAAe,IAAc;IAExC,CAAC,EAAS,CACX,EAEK,IAAsB,GACzB,GAAqB,MAAwB;AAE5C,EADA,EAAE,iBAAiB,EACnB,EAAS,eAAe,EAAY,UAAU;IAEhD,CAAC,EAAS,CACX,EAEK,IAAwB,EAC5B,OAAO,GAAqB,MAAwB;AAClD,IAAE,iBAAiB;EACnB,IAAM,IAAM,EAAG,uCAAuC,kDAAkD,EAClG,IAAS,MAAM,EAAc;GACjC,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB;GACpB,CAAC;AAEF,MADW,MAAW,OAAO,OAAO,QAAQ,EAAI,GAAG,GAC3C;AACN,KAAa,SAAS;AACtB,OAAI;AAEF,IADA,MAAM,EAAgB,EAAY,EAC9B,GAAU,IAAO,EAAa,UAAU;YACrC,GAAK;AAEZ,UADI,GAAU,IAAO,EAAa,QAAQ,EACpC;;;IAIZ,CAAC,GAAiB,EAAG,CACtB,EAEK,IAAyB,QAAkB;AAC/C,IAAsB,GAAK;IAC1B,EAAE,CAAC,EAEA,KAA0B,QAAkB;AAChD,IAAsB,GAAM;IAC3B,EAAE,CAAC,EAEA,KAAsB,GACzB,GAAqB,MAA0B;AAC9C,KAAS;IAEX,CAAC,EAAQ,CACV,EAGK,MAAsB,MAAoB;EAC9C,IAAM,IAAO,IAAI,KAAK,EAAQ,EACxB,oBAAM,IAAI,MAAM,EAChB,IAAS,EAAI,SAAS,GAAG,EAAK,SAAS,EACvC,IAAW,KAAK,MAAM,IAAS,IAAM,EACrC,IAAY,KAAK,MAAM,IAAS,KAAQ,EACxC,IAAW,KAAK,MAAM,IAAS,MAAS;AAO9C,SALI,IAAW,IAAU,EAAG,sCAAsC,WAAW,GACzE,IAAW,KAAW,GAAG,IAAW,EAAG,+CAA+C,QAAQ,KAC9F,IAAY,KAAW,GAAG,IAAY,EAAG,6CAA6C,QAAQ,KAC9F,IAAW,IAAU,GAAG,IAAW,EAAG,4CAA4C,QAAQ,KAEvF,IAAI,KAAK,eAAe,SAAS;GACtC,OAAO;GACP,KAAK;GACL,MAAM,EAAK,aAAa,KAAK,EAAI,aAAa,GAAe,KAAA,IAAZ;GAClD,CAAC,CAAC,OAAO,EAAK;IAIX,MAAkB,MACf,EAAU,eAAe,GAI5B,MAAgB,MACb,EAAU,OAAO,UAAU;AAyCpC,QArCI,IAEA,kBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,4BAA4B;YACjD,kBAAC,GAAD;GACE,OAAO;IACL,aAAa;IACb,iBAAiB;IAClB;aAED,kBAAC,GAAD;IAAa,OAAO,EAAE,SAAS,4BAA4B;cAA3D;KACE,kBAAC,MAAD;MACE,OAAO;OACL,UAAU;OACV,YAAY;OACZ,OAAO;OACR;gBAEA,EAAG,qCAAqC,2BAA2B;MACjE,CAAA;KACL,kBAAC,KAAD;MACE,OAAO;OACL,UAAU;OACV,OAAO;OACP,WAAW;OACZ;gBAEA,EAAM;MACL,CAAA;KACJ,kBAAC,GAAD;MAAQ,MAAK;MAAK,eAAe,GAAS;MAAE,OAAO,EAAE,WAAW,wBAAwB;gBACrF,EAAG,qCAAqC,QAAQ;MAC1C,CAAA;KACG;;GACT,CAAA;EACH,CAAA,GAKR,kBAAC,OAAD;EAAK,OAAO;GAAE,WAAW;GAAS,iBAAiB;GAA0B;YAA7E;GAEE,kBAAC,OAAD;IAAK,OAAO;KAAE,cAAc;KAAiC,iBAAiB;KAA2B;cACvG,kBAAC,OAAD;KAAK,OAAO,EAAE,SAAS,4BAA4B;eACjD,kBAAC,OAAD;MAAK,OAAO;OAAE,SAAS;OAAQ,YAAY;OAAU,gBAAgB;OAAiB;gBAAtF,CACE,kBAAC,OAAD;OAAK,OAAO;QAAE,SAAS;QAAQ,YAAY;QAAU,KAAK;QAAwB;iBAAlF,CACE,kBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,QAAQ;SACR,OAAO;SACP,YAAY;SACZ,gBAAgB;SAChB,cAAc;SACd,iBAAiB;SAClB;kBAED,kBAAC,GAAD,EACE,OAAO;SACL,QAAQ;SACR,OAAO;SACP,OAAO;SACR,EACD,CAAA;QACE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QACE,OAAO;SACL,UAAU;SACV,YAAY;SACZ,QAAQ;SACR,OAAO;SACR;kBAEA,EAAG,+BAA+B,aAAa;QAC7C,CAAA,EACL,kBAAC,KAAD;QAAG,OAAO;SAAE,UAAU;SAA4B,OAAO;SAA+B,QAAQ;SAAG;kBAChG,EAAG,kCAAkC,8CAA8C;QAClF,CAAA,CACA,EAAA,CAAA,CACF;UAEN,kBAAC,OAAD;OAAK,OAAO;QAAE,SAAS;QAAQ,YAAY;QAAU,KAAK;QAA2B;iBAArF,CACE,kBAAC,GAAD;QAAQ,SAAQ;QAAU,SAAS;kBAAnC,CACE,kBAAC,GAAD,EACE,OAAO;SACL,aAAa;SACb,QAAQ;SACR,OAAO;SACR,EACD,CAAA,EACD,EAAG,wCAAwC,SAAS,CAC9C;WACT,kBAAC,GAAD;QAAQ,SAAS;kBAAjB,CACE,kBAAC,GAAD,EACE,OAAO;SACL,aAAa;SACb,QAAQ;SACR,OAAO;SACR,EACD,CAAA,EACD,EAAG,wCAAwC,mBAAmB,CACxD;UACL;SACF;;KACF,CAAA;IACF,CAAA;GAGN,kBAAC,OAAD;IAAK,OAAO,EAAE,SAAS,4BAA4B;cAAnD;KAEE,kBAAC,OAAD;MAAK,OAAO,EAAE,cAAc,2BAA2B;gBACrD,kBAAC,OAAD;OAAK,OAAO;QAAE,UAAU;QAAY,UAAU;QAAS;iBAAvD,CACE,kBAAC,GAAD,EACE,OAAO;QACL,UAAU;QACV,MAAM;QACN,KAAK;QACL,WAAW;QACX,QAAQ;QACR,OAAO;QACP,OAAO;QACR,EACD,CAAA,EACF,kBAAC,GAAD;QACE,MAAK;QACL,aAAa,EAAG,4CAA4C,uBAAuB;QACnF,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;QAC/C,OAAO;SAAE,aAAa;SAAgC,QAAQ;SAAgC;QAC9F,CAAA,CACE;;MACF,CAAA;KAGL,KAAW,EAAW,WAAW,KAChC,kBAAC,OAAD;MAAK,OAAO;OAAE,SAAS;OAAQ,YAAY;OAAU,gBAAgB;OAAU,SAAS;OAAU;gBAChG,kBAAC,OAAD;OAAK,OAAO,EAAE,WAAW,UAAU;iBAAnC,CACE,kBAAC,GAAD,EACE,OAAO;QACL,QAAQ;QACR,OAAO;QACP,QAAQ;QACT,EACD,CAAA,EACF,kBAAC,KAAD;QAAG,OAAO;SAAE,UAAU;SAA4B,OAAO;SAA2B;kBACjF,EAAG,iCAAiC,wBAAwB;QAC3D,CAAA,CACA;;MACF,CAAA;KAIP,CAAC,KAAW,EAAmB,SAAS,KACvC,kBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,qBAAqB;OACrB,KAAK;OACN;gBAEA,EAAmB,KAAK,MACvB,kBAAC,GAAD;OAEE,eAAe,EAAoB,EAAU,GAAG;OAChD,OAAO;QACL,QAAQ;QACR,YAAY;QACb;OACD,WAAU;iBAEV,kBAAC,GAAD;QAAa,OAAO,EAAE,SAAS,4BAA4B;kBAA3D;SAEE,kBAAC,OAAD;UACE,OAAO;WACL,SAAS;WACT,YAAY;WACZ,KAAK;WACL,cAAc;WACf;oBANH,CAQE,kBAAC,OAAD;WACE,OAAO;YACL,SAAS;YACT,QAAQ;YACR,OAAO;YACP,YAAY;YACZ,YAAY;YACZ,gBAAgB;YAChB,cAAc;YACd,iBAAiB;YAClB;qBAED,kBAAC,GAAD,EACE,OAAO;YACL,QAAQ;YACR,OAAO;YACP,OAAO;YACR,EACD,CAAA;WACE,CAAA,EACN,kBAAC,OAAD;WAAK,OAAO;YAAE,MAAM;YAAG,UAAU;YAAG;qBAApC,CACE,kBAAC,MAAD;YACE,OAAO;aACL,YAAY;aACZ,UAAU;aACV,QAAQ;aACR,OAAO;aACP,UAAU;aACV,cAAc;aACd,YAAY;aACb;sBAEA,EAAU;YACR,CAAA,EACJ,EAAU,YACT,kBAAC,GAAD;YACE,SAAQ;YACR,OAAO;aACL,WAAW;aACX,UAAU;aACV,YAAY;aACZ,eAAe;aAChB;sBAEA,EAAU;YACL,CAAA,CAEN;aACF;;SAGN,kBAAC,KAAD;UACE,OAAO;WACL,UAAU;WACV,YAAY;WACZ,OAAO;WACP,QAAQ;WACR,WAAW;WACX,SAAS;WACT,iBAAiB;WACjB,iBAAiB;WACjB,UAAU;WACX;oBAEA,EAAU,eAAe,EAAG,4CAA4C,0BAA0B;UACjG,CAAA;SAGJ,kBAAC,OAAD;UACE,OAAO;WACL,SAAS;WACT,YAAY;WACZ,KAAK;WACL,cAAc;WACd,SAAS;WACT,iBAAiB;WACjB,cAAc;WACf;oBATH;WAWE,kBAAC,OAAD;YAAK,OAAO;aAAE,SAAS;aAAQ,YAAY;aAAU,KAAK;aAAwB;sBAAlF;aACE,kBAAC,GAAD,EACE,OAAO;cACL,QAAQ;cACR,OAAO;cACP,OAAO;cACR,EACD,CAAA;aACF,kBAAC,QAAD;cACE,OAAO;eACL,UAAU;eACV,YAAY;eACZ,OAAO;eACR;wBAEA,GAAa,EAAU;cACnB,CAAA;aACP,kBAAC,QAAD;cAAM,OAAO;eAAE,UAAU;eAA4B,OAAO;eAA2B;wBACpF,EAAG,oCAAoC,QAAQ;cAC3C,CAAA;aACH;;WACN,kBAAC,OAAD,EACE,OAAO;YAAE,OAAO;YAAO,QAAQ;YAAuB,iBAAiB;YAAuB,EAC9F,CAAA;WACF,kBAAC,OAAD;YAAK,OAAO;aAAE,SAAS;aAAQ,YAAY;aAAU,KAAK;aAAwB;sBAAlF;aACE,kBAAC,GAAD,EACE,OAAO;cACL,QAAQ;cACR,OAAO;cACP,OAAO;cACR,EACD,CAAA;aACF,kBAAC,QAAD;cACE,OAAO;eACL,UAAU;eACV,YAAY;eACZ,OAAO;eACR;wBAEA,GAAe,EAAU;cACrB,CAAA;aACP,kBAAC,QAAD;cAAM,OAAO;eAAE,UAAU;eAA4B,OAAO;eAA2B;wBACpF,EAAG,sCAAsC,UAAU;cAC/C,CAAA;aACH;;WACF;;SAGN,kBAAC,OAAD;UACE,OAAO;WACL,SAAS;WACT,YAAY;WACZ,gBAAgB;WAChB,YAAY;WACZ,WAAW;WACZ;oBAPH,CASE,kBAAC,OAAD;WACE,OAAO;YACL,SAAS;YACT,YAAY;YACZ,KAAK;YACN;qBALH,CAOE,kBAAC,GAAD,EACE,OAAO;YACL,QAAQ;YACR,OAAO;YACP,OAAO;YACR,EACD,CAAA,EACF,kBAAC,QAAD;YACE,OAAO;aACL,UAAU;aACV,YAAY;aACZ,OAAO;aACR;sBAEA,GAAmB,EAAU,UAAU;YACnC,CAAA,CACH;cAEN,kBAAC,OAAD;WAAK,OAAO;YAAE,SAAS;YAAQ,YAAY;YAAU,KAAK;YAA2B;qBAArF,CACE,kBAAC,GAAD;YACE,SAAQ;YACR,MAAK;YACL,UAAU,MAAM,EAAoB,EAAU,IAAI,EAAE;YACpD,OAAO;aACL,QAAQ;aACR,OAAO;aACP,SAAS;aACT,cAAc;aACf;YACD,OAAO,EAAG,2CAA2C,iBAAiB;sBAEtE,kBAAC,GAAD,EAAQ,OAAO;aAAE,QAAQ;aAAuB,OAAO;aAAuB,EAAI,CAAA;YAC3E,CAAA,EACT,kBAAC,GAAD;YACE,SAAQ;YACR,MAAK;YACL,UAAU,MAAM,EAAsB,EAAU,IAAI,EAAE;YACtD,OAAO;aACL,QAAQ;aACR,OAAO;aACP,SAAS;aACT,cAAc;aACf;YACD,WAAU;YACV,OAAO,EAAG,6CAA6C,mBAAmB;sBAE1E,kBAAC,GAAD,EAAQ,OAAO;aAAE,QAAQ;aAAuB,OAAO;aAAuB,EAAI,CAAA;YAC3E,CAAA,CACL;aACF;;SACM;;OACT,EApNA,EAAU,GAoNV,CACP;MACE,CAAA;KAIP,CAAC,KAAW,EAAmB,WAAW,KACzC,kBAAC,GAAD;MAAM,WAAU;gBACd,kBAAC,GAAD;OACE,OAAO;QACL,SAAS;QACT,eAAe;QACf,YAAY;QACZ,gBAAgB;QAChB,SAAS;QACV;iBAPH;QASE,kBAAC,OAAD;SACE,OAAO;UACL,SAAS;UACT,QAAQ;UACR,OAAO;UACP,YAAY;UACZ,gBAAgB;UAChB,cAAc;UACd,iBAAiB;UACjB,cAAc;UACf;mBAED,kBAAC,GAAD,EACE,OAAO;UACL,QAAQ;UACR,OAAO;UACP,OAAO;UACR,EACD,CAAA;SACE,CAAA;QACN,kBAAC,MAAD;SACE,OAAO;UACL,UAAU;UACV,YAAY;UACZ,cAAc;UACf;mBAEA,IACG,EAAG,6CAA6C,sBAAsB,GACtE,EAAG,qCAAqC,oBAAoB;SAC7D,CAAA;QACL,kBAAC,KAAD;SACE,OAAO;UACL,UAAU;UACV,OAAO;UACP,cAAc;UACd,WAAW;UACX,UAAU;UACX;mBAEA,IACG,EAAG,mDAAmD,kCAAkC,GACxF,EACE,2CACA,sEACD;SACH,CAAA;QACH,CAAC,KACA,kBAAC,OAAD;SAAK,OAAO;UAAE,SAAS;UAAQ,KAAK;UAA2B;mBAA/D,CACE,kBAAC,GAAD;UAAQ,SAAQ;UAAU,SAAS;oBAAnC,CACE,kBAAC,GAAD,EACE,OAAO;WACL,aAAa;WACb,QAAQ;WACR,OAAO;WACR,EACD,CAAA,EACD,EAAG,iDAAiD,mBAAmB,CACjE;aACT,kBAAC,GAAD;UAAQ,SAAS;oBAAjB,CACE,kBAAC,GAAD,EACE,OAAO;WACL,aAAa;WACb,QAAQ;WACR,OAAO;WACR,EACD,CAAA,EACD,EAAG,wCAAwC,mBAAmB,CACxD;YACL;;QAEI;;MACT,CAAA;KAEL;;GAGN,kBAAC,GAAD;IACE,QAAQ;IACI;IACZ,SAAS;IACT,UAAU;IACV,CAAA;GAGF,kBAAC,GAAD;IACE,QAAQ;IACR,SAAS;IACT,WAAW;IACX,CAAA;GACE;;EAER"}

package/dist/bigconsole/pages/DataParsersPage.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * Data Parsers Page
+ *
+ * Page for listing and managing parsers with filtering and search.
+ * Uses fe-libs shared UI components and semantic tokens for consistent styling.
+ */
+export declare const DataParsersPage: import('react').NamedExoticComponent<object>;
+export default DataParsersPage;
+//# sourceMappingURL=DataParsersPage.d.ts.map

package/dist/bigconsole/pages/DataParsersPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DataParsersPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataParsersPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAwDH,eAAO,MAAM,eAAe,8CA2f1B,CAAC;AAEH,eAAe,eAAe,CAAC"}