@burdenoff/microfe-bigconsole 2026.716.2 → 2026.716.4

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.js

@@ -1,13 +1,14 @@
-import e from "../../../hooks/useDashboardViews.js";
+import { reportBigConsoleQuotaError as e } from "../../../utils/quota.js";
+import t from "../../../hooks/useDashboardViews.js";
 import "../../../hooks/index.js";
-import { SEMANTIC_COLORS as t } from "../../../utils/semanticTokens.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { createPortal as l } from "react-dom";
+import { SEMANTIC_COLORS as n } from "../../../utils/semanticTokens.js";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as u } from "react-dom";
 //#region src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx
-function u() {
-	let [e, t] = a(!1);
-	return r(() => {
+function d() {
+	let [e, t] = o(!1);
+	return i(() => {
 		let e = () => {
 			t(document.documentElement.classList.contains("dark"));
 		};
@@ -19,104 +20,115 @@ function u() {
 		}), () => n.disconnect();
 	}, []), e ? "#1f2937" : "#ffffff";
 }
-function d({ dashboardId: d, currentFilters: f, currentLayout: p, onViewLoad: m, className: h = "" }) {
-	let { views: g, currentView: _, loading: v, fetchViews: y, saveCurrentView: b, loadView: x, updateView: S, deleteView: C, setAsDefault: w, clearCurrentView: T } = e(), [E, D] = a(!1), [O, k] = a(!1), [A, j] = a(""), [M, N] = a(""), [P, F] = a(!1), [I, L] = a({
+function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h, className: g = "" }) {
+	let { views: _, currentView: v, loading: y, fetchViews: b, saveCurrentView: x, loadView: S, updateView: C, deleteView: w, setAsDefault: T, clearCurrentView: E } = t(), [D, O] = o(!1), [k, A] = o(!1), [j, M] = o(""), [N, P] = o(""), [F, I] = o(!1), [L, R] = o({
 		top: 0,
 		left: 0
-	}), R = i(null), z = i(null), B = u();
-	r(() => {
-		d && y(d);
-	}, [d, y]), r(() => {
-		if (E && R.current) {
-			let e = R.current.getBoundingClientRect(), t = e.left;
-			t + 280 > window.innerWidth - 16 && (t = e.right - 280), t = Math.max(16, t), L({
+	}), z = a(null), B = a(null), V = d();
+	i(() => {
+		f && b(f);
+	}, [f, b]), i(() => {
+		if (D && z.current) {
+			let e = z.current.getBoundingClientRect(), t = e.left;
+			t + 280 > window.innerWidth - 16 && (t = e.right - 280), t = Math.max(16, t), R({
 				top: e.bottom + 4,
 				left: t
 			});
 		}
-	}, [E]), r(() => {
+	}, [D]), i(() => {
 		function e(e) {
 			let t = e.target;
-			R.current && !R.current.contains(t) && z.current && !z.current.contains(t) && D(!1);
+			z.current && !z.current.contains(t) && B.current && !B.current.contains(t) && O(!1);
 		}
-		if (E) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [E]);
-	let V = n((e) => {
-		let t = g.find((t) => t.id === e);
-		t && (x(e), m && m(t)), D(!1);
+		if (D) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [D]);
+	let H = r((e) => {
+		let t = _.find((t) => t.id === e);
+		t && (S(e), h && h(t)), O(!1);
 	}, [
-		g,
-		x,
-		m
-	]), H = n(async () => {
-		A.trim() && (await b({
-			dashboardId: d,
-			name: A.trim(),
-			description: M.trim() || void 0,
-			filters: f,
-			layout: p,
-			isDefault: P
-		}), j(""), N(""), F(!1), k(!1));
+		_,
+		S,
+		h
+	]), U = r(async () => {
+		if (j.trim()) {
+			try {
+				await x({
+					dashboardId: f,
+					name: j.trim(),
+					description: N.trim() || void 0,
+					filters: p,
+					layout: m,
+					isDefault: F
+				});
+			} catch (t) {
+				if (e(t, "session")) {
+					A(!1), O(!1);
+					return;
+				}
+				throw t;
+			}
+			M(""), P(""), I(!1), A(!1);
+		}
 	}, [
-		d,
-		A,
-		M,
 		f,
+		j,
+		N,
 		p,
-		P,
-		b
-	]), U = n(async () => {
-		_ && await S({
-			id: _.id,
-			filters: f,
-			layout: p
+		m,
+		F,
+		x
+	]), W = r(async () => {
+		v && await C({
+			id: v.id,
+			filters: p,
+			layout: m
 		});
 	}, [
-		_,
-		f,
+		v,
 		p,
-		S
-	]), W = n(async (e, t) => {
-		t.stopPropagation(), window.confirm("Are you sure you want to delete this view?") && await C(e);
-	}, [C]), G = n(async (e, t) => {
-		t.stopPropagation(), await w(e);
-	}, [w]), K = n(() => {
-		T(), D(!1);
-	}, [T]), q = E ? l(/* @__PURE__ */ c("div", {
-		ref: z,
+		m,
+		C
+	]), G = r(async (e, t) => {
+		t.stopPropagation(), window.confirm("Are you sure you want to delete this view?") && await w(e);
+	}, [w]), K = r(async (e, t) => {
+		t.stopPropagation(), await T(e);
+	}, [T]), q = r(() => {
+		E(), O(!1);
+	}, [E]), J = D ? u(/* @__PURE__ */ l("div", {
+		ref: B,
 		style: {
 			position: "fixed",
-			top: I.top,
-			left: Math.max(16, I.left),
+			top: L.top,
+			left: Math.max(16, L.left),
 			minWidth: "280px",
-			backgroundColor: B,
-			border: `1px solid ${t.borderDefault}`,
+			backgroundColor: V,
+			border: `1px solid ${n.borderDefault}`,
 			borderRadius: "8px",
 			boxShadow: "0 8px 24px rgba(0,0,0,0.15), 0 4px 8px rgba(0,0,0,0.1)",
 			zIndex: 99998,
 			overflow: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				style: {
 					padding: "12px 16px",
-					borderBottom: `1px solid ${t.borderDefault}`,
+					borderBottom: `1px solid ${n.borderDefault}`,
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ s("span", {
+				children: [/* @__PURE__ */ c("span", {
 					style: {
 						fontSize: "13px",
 						fontWeight: 600,
-						color: t.textPrimary
+						color: n.textPrimary
 					},
 					children: "Saved Views"
-				}), /* @__PURE__ */ s("button", {
-					onClick: () => k(!0),
+				}), /* @__PURE__ */ c("button", {
+					onClick: () => A(!0),
 					style: {
 						padding: "4px 10px",
-						backgroundColor: t.actionPrimaryBg,
+						backgroundColor: n.actionPrimaryBg,
 						color: "white",
 						border: "none",
 						borderRadius: "4px",
@@ -126,85 +138,85 @@ function d({ dashboardId: d, currentFilters: f, currentLayout: p, onViewLoad: m,
 					children: "+ Save Current"
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				style: {
 					maxHeight: "300px",
 					overflowY: "auto"
 				},
-				children: v && g.length === 0 ? /* @__PURE__ */ s("div", {
+				children: y && _.length === 0 ? /* @__PURE__ */ c("div", {
 					style: {
 						padding: "16px",
-						color: t.textSecondary,
+						color: n.textSecondary,
 						fontSize: "13px"
 					},
 					children: "Loading views..."
-				}) : g.length === 0 ? /* @__PURE__ */ s("div", {
+				}) : _.length === 0 ? /* @__PURE__ */ c("div", {
 					style: {
 						padding: "16px",
-						color: t.textSecondary,
+						color: n.textSecondary,
 						fontSize: "13px"
 					},
 					children: "No saved views yet. Save your current view to get started."
-				}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
-					onClick: K,
+				}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+					onClick: q,
 					style: {
 						display: "flex",
 						alignItems: "center",
 						width: "100%",
 						padding: "10px 16px",
-						backgroundColor: _ ? t.bgPrimary : t.bgSecondary,
+						backgroundColor: v ? n.bgPrimary : n.bgSecondary,
 						border: "none",
 						cursor: "pointer",
 						textAlign: "left",
-						borderBottom: `1px solid ${t.borderDefault}`
+						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
+					children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
 						style: {
 							fontSize: "13px",
 							fontWeight: 500,
-							color: t.textPrimary
+							color: n.textPrimary
 						},
 						children: "Default View"
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ c("div", {
 						style: {
 							fontSize: "11px",
-							color: t.textSecondary
+							color: n.textSecondary
 						},
 						children: "Reset to original dashboard state"
 					})] })
-				}), g.map((e) => /* @__PURE__ */ c("div", {
-					onClick: () => V(e.id),
+				}), _.map((e) => /* @__PURE__ */ l("div", {
+					onClick: () => H(e.id),
 					style: {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "space-between",
 						padding: "10px 16px",
-						backgroundColor: _?.id === e.id ? t.bgSecondary : t.bgPrimary,
+						backgroundColor: v?.id === e.id ? n.bgSecondary : n.bgPrimary,
 						cursor: "pointer",
-						borderBottom: `1px solid ${t.borderDefault}`
+						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l("div", {
 						style: { flex: 1 },
 						children: [
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "6px"
 								},
-								children: [/* @__PURE__ */ s("span", {
+								children: [/* @__PURE__ */ c("span", {
 									style: {
 										fontSize: "13px",
 										fontWeight: 500,
-										color: t.textPrimary
+										color: n.textPrimary
 									},
 									children: e.name
-								}), e.isDefault && /* @__PURE__ */ s("span", {
+								}), e.isDefault && /* @__PURE__ */ c("span", {
 									style: {
 										fontSize: "9px",
 										padding: "2px 4px",
-										backgroundColor: t.actionPrimaryBgSubtle,
-										color: t.actionPrimaryBg,
+										backgroundColor: n.actionPrimaryBgSubtle,
+										color: n.actionPrimaryBg,
 										borderRadius: "4px",
 										textTransform: "uppercase",
 										fontWeight: 600
@@ -212,50 +224,50 @@ function d({ dashboardId: d, currentFilters: f, currentLayout: p, onViewLoad: m,
 									children: "Default"
 								})]
 							}),
-							e.description && /* @__PURE__ */ s("div", {
+							e.description && /* @__PURE__ */ c("div", {
 								style: {
 									fontSize: "11px",
-									color: t.textSecondary,
+									color: n.textSecondary,
 									marginTop: "2px"
 								},
 								children: e.description
 							}),
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ c("div", {
 								style: {
 									fontSize: "10px",
-									color: t.textSecondary,
+									color: n.textSecondary,
 									marginTop: "2px"
 								},
 								children: new Date(e.updatedAt).toLocaleDateString()
 							})
 						]
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: "4px"
 						},
-						children: [!e.isDefault && /* @__PURE__ */ s("button", {
-							onClick: (t) => G(e.id, t),
+						children: [!e.isDefault && /* @__PURE__ */ c("button", {
+							onClick: (t) => K(e.id, t),
 							title: "Set as default",
 							style: {
 								padding: "4px 6px",
 								backgroundColor: "transparent",
 								border: "none",
 								cursor: "pointer",
-								color: t.textSecondary,
+								color: n.textSecondary,
 								fontSize: "11px"
 							},
 							children: "Set Default"
-						}), /* @__PURE__ */ s("button", {
-							onClick: (t) => W(e.id, t),
+						}), /* @__PURE__ */ c("button", {
+							onClick: (t) => G(e.id, t),
 							title: "Delete view",
 							style: {
 								padding: "4px 6px",
 								backgroundColor: "transparent",
 								border: "none",
 								cursor: "pointer",
-								color: t.statusErrorText,
+								color: n.statusErrorText,
 								fontSize: "11px"
 							},
 							children: "Delete"
@@ -263,33 +275,33 @@ function d({ dashboardId: d, currentFilters: f, currentLayout: p, onViewLoad: m,
 					})]
 				}, e.id))] })
 			}),
-			_ && /* @__PURE__ */ s("div", {
+			v && /* @__PURE__ */ c("div", {
 				style: {
 					padding: "12px 16px",
-					borderTop: `1px solid ${t.borderDefault}`,
-					backgroundColor: t.bgSecondary
+					borderTop: `1px solid ${n.borderDefault}`,
+					backgroundColor: n.bgSecondary
 				},
-				children: /* @__PURE__ */ c("button", {
-					onClick: U,
+				children: /* @__PURE__ */ l("button", {
+					onClick: W,
 					style: {
 						width: "100%",
 						padding: "8px",
-						backgroundColor: t.bgPrimary,
-						border: `1px solid ${t.borderDefault}`,
+						backgroundColor: n.bgPrimary,
+						border: `1px solid ${n.borderDefault}`,
 						borderRadius: "4px",
 						cursor: "pointer",
 						fontSize: "12px",
-						color: t.textPrimary
+						color: n.textPrimary
 					},
 					children: [
 						"Update \"",
-						_.name,
+						v.name,
 						"\" with current state"
 					]
 				})
 			})
 		]
-	}), document.body) : null, J = O ? l(/* @__PURE__ */ s("div", {
+	}), document.body) : null, Y = k ? u(/* @__PURE__ */ c("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -303,147 +315,147 @@ function d({ dashboardId: d, currentFilters: f, currentLayout: p, onViewLoad: m,
 			zIndex: 99999,
 			isolation: "isolate"
 		},
-		onClick: () => k(!1),
-		children: /* @__PURE__ */ c("div", {
+		onClick: () => A(!1),
+		children: /* @__PURE__ */ l("div", {
 			style: {
 				width: "400px",
-				backgroundColor: B,
+				backgroundColor: V,
 				borderRadius: "8px",
 				boxShadow: "0 4px 24px rgba(0, 0, 0, 0.3)",
 				overflow: "hidden",
 				position: "relative",
 				zIndex: 1e5,
-				color: t.textPrimary
+				color: n.textPrimary
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					style: {
 						padding: "16px 20px",
-						borderBottom: `1px solid ${t.borderDefault}`
+						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: /* @__PURE__ */ s("h3", {
+					children: /* @__PURE__ */ c("h3", {
 						style: {
 							margin: 0,
 							fontSize: "16px",
 							fontWeight: 600,
-							color: t.textPrimary
+							color: n.textPrimary
 						},
 						children: "Save Current View"
 					})
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					style: { padding: "20px" },
 					children: [
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ s("label", {
+							children: [/* @__PURE__ */ c("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
 									fontSize: "13px",
 									fontWeight: 500,
-									color: t.textPrimary
+									color: n.textPrimary
 								},
 								children: "View Name *"
-							}), /* @__PURE__ */ s("input", {
+							}), /* @__PURE__ */ c("input", {
 								type: "text",
-								value: A,
-								onChange: (e) => j(e.target.value),
+								value: j,
+								onChange: (e) => M(e.target.value),
 								placeholder: "e.g., Q4 Analysis, Sales Overview",
 								style: {
 									width: "100%",
 									padding: "10px 12px",
-									border: `1px solid ${t.borderDefault}`,
+									border: `1px solid ${n.borderDefault}`,
 									borderRadius: "6px",
 									fontSize: "14px",
-									backgroundColor: t.bgPrimary,
-									color: t.textPrimary,
+									backgroundColor: n.bgPrimary,
+									color: n.textPrimary,
 									boxSizing: "border-box"
 								}
 							})]
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ s("label", {
+							children: [/* @__PURE__ */ c("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
 									fontSize: "13px",
 									fontWeight: 500,
-									color: t.textPrimary
+									color: n.textPrimary
 								},
 								children: "Description"
-							}), /* @__PURE__ */ s("textarea", {
-								value: M,
-								onChange: (e) => N(e.target.value),
+							}), /* @__PURE__ */ c("textarea", {
+								value: N,
+								onChange: (e) => P(e.target.value),
 								placeholder: "Optional description...",
 								rows: 2,
 								style: {
 									width: "100%",
 									padding: "10px 12px",
-									border: `1px solid ${t.borderDefault}`,
+									border: `1px solid ${n.borderDefault}`,
 									borderRadius: "6px",
 									fontSize: "14px",
 									resize: "vertical",
-									backgroundColor: t.bgPrimary,
-									color: t.textPrimary,
+									backgroundColor: n.bgPrimary,
+									color: n.textPrimary,
 									boxSizing: "border-box"
 								}
 							})]
 						}),
-						/* @__PURE__ */ c("label", {
+						/* @__PURE__ */ l("label", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "8px",
 								cursor: "pointer"
 							},
-							children: [/* @__PURE__ */ s("input", {
+							children: [/* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: P,
-								onChange: (e) => F(e.target.checked)
-							}), /* @__PURE__ */ s("span", {
+								checked: F,
+								onChange: (e) => I(e.target.checked)
+							}), /* @__PURE__ */ c("span", {
 								style: {
 									fontSize: "13px",
-									color: t.textPrimary
+									color: n.textPrimary
 								},
 								children: "Set as default view"
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					style: {
 						padding: "16px 20px",
-						borderTop: `1px solid ${t.borderDefault}`,
+						borderTop: `1px solid ${n.borderDefault}`,
 						display: "flex",
 						justifyContent: "flex-end",
 						gap: "12px",
-						backgroundColor: t.bgSecondary
+						backgroundColor: n.bgSecondary
 					},
-					children: [/* @__PURE__ */ s("button", {
-						onClick: () => k(!1),
+					children: [/* @__PURE__ */ c("button", {
+						onClick: () => A(!1),
 						style: {
 							padding: "10px 20px",
-							backgroundColor: t.bgPrimary,
-							border: `1px solid ${t.borderDefault}`,
+							backgroundColor: n.bgPrimary,
+							border: `1px solid ${n.borderDefault}`,
 							borderRadius: "6px",
 							cursor: "pointer",
 							fontSize: "14px",
-							color: t.textPrimary
+							color: n.textPrimary
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ s("button", {
-						onClick: H,
-						disabled: !A.trim(),
+					}), /* @__PURE__ */ c("button", {
+						onClick: U,
+						disabled: !j.trim(),
 						style: {
 							padding: "10px 20px",
-							backgroundColor: A.trim() ? t.actionPrimaryBg : t.bgSecondary,
-							color: A.trim() ? "white" : t.textSecondary,
+							backgroundColor: j.trim() ? n.actionPrimaryBg : n.bgSecondary,
+							color: j.trim() ? "white" : n.textSecondary,
 							border: "none",
 							borderRadius: "6px",
-							cursor: A.trim() ? "pointer" : "not-allowed",
+							cursor: j.trim() ? "pointer" : "not-allowed",
 							fontSize: "14px",
 							fontWeight: 500
 						},
@@ -453,42 +465,42 @@ function d({ dashboardId: d, currentFilters: f, currentLayout: p, onViewLoad: m,
 			]
 		})
 	}), document.body) : null;
-	return /* @__PURE__ */ c("div", {
-		className: h,
+	return /* @__PURE__ */ l("div", {
+		className: g,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
 		children: [
-			/* @__PURE__ */ c("button", {
-				ref: R,
-				onClick: () => D(!E),
+			/* @__PURE__ */ l("button", {
+				ref: z,
+				onClick: () => O(!D),
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: "6px",
 					padding: "6px 12px",
-					backgroundColor: _ ? t.actionPrimaryBgSubtle : t.bgSecondary,
-					border: `1px solid ${_ ? t.actionPrimaryBg : t.borderDefault}`,
+					backgroundColor: v ? n.actionPrimaryBgSubtle : n.bgSecondary,
+					border: `1px solid ${v ? n.actionPrimaryBg : n.borderDefault}`,
 					borderRadius: "6px",
 					cursor: "pointer",
 					fontSize: "13px",
-					color: _ ? t.actionPrimaryBg : t.textPrimary
+					color: v ? n.actionPrimaryBg : n.textPrimary
 				},
-				children: [/* @__PURE__ */ s("span", {
+				children: [/* @__PURE__ */ c("span", {
 					style: { fontWeight: 500 },
-					children: _ ? _.name : "Views"
-				}), /* @__PURE__ */ s("span", {
+					children: v ? v.name : "Views"
+				}), /* @__PURE__ */ c("span", {
 					style: { fontSize: "10px" },
-					children: E ? "▲" : "▼"
+					children: D ? "▲" : "▼"
 				})]
 			}),
-			q,
-			J
+			J,
+			Y
 		]
 	});
 }
 //#endregion
-export { d as default };
+export { f as default };
 
 //# sourceMappingURL=SavedViewsDropdown.js.map