@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,494 @@
+import e 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";
+//#region src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx
+function u() {
+	let [e, t] = a(!1);
+	return r(() => {
+		let e = () => {
+			t(document.documentElement.classList.contains("dark"));
+		};
+		e();
+		let n = new MutationObserver(e);
+		return n.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}), () => 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({
+		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({
+				top: e.bottom + 4,
+				left: t
+			});
+		}
+	}, [E]), r(() => {
+		function e(e) {
+			let t = e.target;
+			R.current && !R.current.contains(t) && z.current && !z.current.contains(t) && D(!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);
+	}, [
+		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));
+	}, [
+		d,
+		A,
+		M,
+		f,
+		p,
+		P,
+		b
+	]), U = n(async () => {
+		_ && await S({
+			id: _.id,
+			filters: f,
+			layout: p
+		});
+	}, [
+		_,
+		f,
+		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,
+		style: {
+			position: "fixed",
+			top: I.top,
+			left: Math.max(16, I.left),
+			minWidth: "280px",
+			backgroundColor: B,
+			border: `1px solid ${t.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", {
+				style: {
+					padding: "12px 16px",
+					borderBottom: `1px solid ${t.borderDefault}`,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between"
+				},
+				children: [/* @__PURE__ */ s("span", {
+					style: {
+						fontSize: "13px",
+						fontWeight: 600,
+						color: t.textPrimary
+					},
+					children: "Saved Views"
+				}), /* @__PURE__ */ s("button", {
+					onClick: () => k(!0),
+					style: {
+						padding: "4px 10px",
+						backgroundColor: t.actionPrimaryBg,
+						color: "white",
+						border: "none",
+						borderRadius: "4px",
+						cursor: "pointer",
+						fontSize: "12px"
+					},
+					children: "+ Save Current"
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				style: {
+					maxHeight: "300px",
+					overflowY: "auto"
+				},
+				children: v && g.length === 0 ? /* @__PURE__ */ s("div", {
+					style: {
+						padding: "16px",
+						color: t.textSecondary,
+						fontSize: "13px"
+					},
+					children: "Loading views..."
+				}) : g.length === 0 ? /* @__PURE__ */ s("div", {
+					style: {
+						padding: "16px",
+						color: t.textSecondary,
+						fontSize: "13px"
+					},
+					children: "No saved views yet. Save your current view to get started."
+				}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
+					onClick: K,
+					style: {
+						display: "flex",
+						alignItems: "center",
+						width: "100%",
+						padding: "10px 16px",
+						backgroundColor: _ ? t.bgPrimary : t.bgSecondary,
+						border: "none",
+						cursor: "pointer",
+						textAlign: "left",
+						borderBottom: `1px solid ${t.borderDefault}`
+					},
+					children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
+						style: {
+							fontSize: "13px",
+							fontWeight: 500,
+							color: t.textPrimary
+						},
+						children: "Default View"
+					}), /* @__PURE__ */ s("div", {
+						style: {
+							fontSize: "11px",
+							color: t.textSecondary
+						},
+						children: "Reset to original dashboard state"
+					})] })
+				}), g.map((e) => /* @__PURE__ */ c("div", {
+					onClick: () => V(e.id),
+					style: {
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between",
+						padding: "10px 16px",
+						backgroundColor: _?.id === e.id ? t.bgSecondary : t.bgPrimary,
+						cursor: "pointer",
+						borderBottom: `1px solid ${t.borderDefault}`
+					},
+					children: [/* @__PURE__ */ c("div", {
+						style: { flex: 1 },
+						children: [
+							/* @__PURE__ */ c("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: "6px"
+								},
+								children: [/* @__PURE__ */ s("span", {
+									style: {
+										fontSize: "13px",
+										fontWeight: 500,
+										color: t.textPrimary
+									},
+									children: e.name
+								}), e.isDefault && /* @__PURE__ */ s("span", {
+									style: {
+										fontSize: "9px",
+										padding: "2px 4px",
+										backgroundColor: t.actionPrimaryBgSubtle,
+										color: t.actionPrimaryBg,
+										borderRadius: "4px",
+										textTransform: "uppercase",
+										fontWeight: 600
+									},
+									children: "Default"
+								})]
+							}),
+							e.description && /* @__PURE__ */ s("div", {
+								style: {
+									fontSize: "11px",
+									color: t.textSecondary,
+									marginTop: "2px"
+								},
+								children: e.description
+							}),
+							/* @__PURE__ */ s("div", {
+								style: {
+									fontSize: "10px",
+									color: t.textSecondary,
+									marginTop: "2px"
+								},
+								children: new Date(e.updatedAt).toLocaleDateString()
+							})
+						]
+					}), /* @__PURE__ */ c("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "4px"
+						},
+						children: [!e.isDefault && /* @__PURE__ */ s("button", {
+							onClick: (t) => G(e.id, t),
+							title: "Set as default",
+							style: {
+								padding: "4px 6px",
+								backgroundColor: "transparent",
+								border: "none",
+								cursor: "pointer",
+								color: t.textSecondary,
+								fontSize: "11px"
+							},
+							children: "Set Default"
+						}), /* @__PURE__ */ s("button", {
+							onClick: (t) => W(e.id, t),
+							title: "Delete view",
+							style: {
+								padding: "4px 6px",
+								backgroundColor: "transparent",
+								border: "none",
+								cursor: "pointer",
+								color: t.statusErrorText,
+								fontSize: "11px"
+							},
+							children: "Delete"
+						})]
+					})]
+				}, e.id))] })
+			}),
+			_ && /* @__PURE__ */ s("div", {
+				style: {
+					padding: "12px 16px",
+					borderTop: `1px solid ${t.borderDefault}`,
+					backgroundColor: t.bgSecondary
+				},
+				children: /* @__PURE__ */ c("button", {
+					onClick: U,
+					style: {
+						width: "100%",
+						padding: "8px",
+						backgroundColor: t.bgPrimary,
+						border: `1px solid ${t.borderDefault}`,
+						borderRadius: "4px",
+						cursor: "pointer",
+						fontSize: "12px",
+						color: t.textPrimary
+					},
+					children: [
+						"Update \"",
+						_.name,
+						"\" with current state"
+					]
+				})
+			})
+		]
+	}), document.body) : null, J = O ? l(/* @__PURE__ */ s("div", {
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			backgroundColor: "rgba(0, 0, 0, 0.5)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 99999,
+			isolation: "isolate"
+		},
+		onClick: () => k(!1),
+		children: /* @__PURE__ */ c("div", {
+			style: {
+				width: "400px",
+				backgroundColor: B,
+				borderRadius: "8px",
+				boxShadow: "0 4px 24px rgba(0, 0, 0, 0.3)",
+				overflow: "hidden",
+				position: "relative",
+				zIndex: 1e5,
+				color: t.textPrimary
+			},
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ s("div", {
+					style: {
+						padding: "16px 20px",
+						borderBottom: `1px solid ${t.borderDefault}`
+					},
+					children: /* @__PURE__ */ s("h3", {
+						style: {
+							margin: 0,
+							fontSize: "16px",
+							fontWeight: 600,
+							color: t.textPrimary
+						},
+						children: "Save Current View"
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					style: { padding: "20px" },
+					children: [
+						/* @__PURE__ */ c("div", {
+							style: { marginBottom: "16px" },
+							children: [/* @__PURE__ */ s("label", {
+								style: {
+									display: "block",
+									marginBottom: "6px",
+									fontSize: "13px",
+									fontWeight: 500,
+									color: t.textPrimary
+								},
+								children: "View Name *"
+							}), /* @__PURE__ */ s("input", {
+								type: "text",
+								value: A,
+								onChange: (e) => j(e.target.value),
+								placeholder: "e.g., Q4 Analysis, Sales Overview",
+								style: {
+									width: "100%",
+									padding: "10px 12px",
+									border: `1px solid ${t.borderDefault}`,
+									borderRadius: "6px",
+									fontSize: "14px",
+									backgroundColor: t.bgPrimary,
+									color: t.textPrimary,
+									boxSizing: "border-box"
+								}
+							})]
+						}),
+						/* @__PURE__ */ c("div", {
+							style: { marginBottom: "16px" },
+							children: [/* @__PURE__ */ s("label", {
+								style: {
+									display: "block",
+									marginBottom: "6px",
+									fontSize: "13px",
+									fontWeight: 500,
+									color: t.textPrimary
+								},
+								children: "Description"
+							}), /* @__PURE__ */ s("textarea", {
+								value: M,
+								onChange: (e) => N(e.target.value),
+								placeholder: "Optional description...",
+								rows: 2,
+								style: {
+									width: "100%",
+									padding: "10px 12px",
+									border: `1px solid ${t.borderDefault}`,
+									borderRadius: "6px",
+									fontSize: "14px",
+									resize: "vertical",
+									backgroundColor: t.bgPrimary,
+									color: t.textPrimary,
+									boxSizing: "border-box"
+								}
+							})]
+						}),
+						/* @__PURE__ */ c("label", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "8px",
+								cursor: "pointer"
+							},
+							children: [/* @__PURE__ */ s("input", {
+								type: "checkbox",
+								checked: P,
+								onChange: (e) => F(e.target.checked)
+							}), /* @__PURE__ */ s("span", {
+								style: {
+									fontSize: "13px",
+									color: t.textPrimary
+								},
+								children: "Set as default view"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ c("div", {
+					style: {
+						padding: "16px 20px",
+						borderTop: `1px solid ${t.borderDefault}`,
+						display: "flex",
+						justifyContent: "flex-end",
+						gap: "12px",
+						backgroundColor: t.bgSecondary
+					},
+					children: [/* @__PURE__ */ s("button", {
+						onClick: () => k(!1),
+						style: {
+							padding: "10px 20px",
+							backgroundColor: t.bgPrimary,
+							border: `1px solid ${t.borderDefault}`,
+							borderRadius: "6px",
+							cursor: "pointer",
+							fontSize: "14px",
+							color: t.textPrimary
+						},
+						children: "Cancel"
+					}), /* @__PURE__ */ s("button", {
+						onClick: H,
+						disabled: !A.trim(),
+						style: {
+							padding: "10px 20px",
+							backgroundColor: A.trim() ? t.actionPrimaryBg : t.bgSecondary,
+							color: A.trim() ? "white" : t.textSecondary,
+							border: "none",
+							borderRadius: "6px",
+							cursor: A.trim() ? "pointer" : "not-allowed",
+							fontSize: "14px",
+							fontWeight: 500
+						},
+						children: "Save View"
+					})]
+				})
+			]
+		})
+	}), document.body) : null;
+	return /* @__PURE__ */ c("div", {
+		className: h,
+		style: {
+			position: "relative",
+			display: "inline-block"
+		},
+		children: [
+			/* @__PURE__ */ c("button", {
+				ref: R,
+				onClick: () => D(!E),
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "6px",
+					padding: "6px 12px",
+					backgroundColor: _ ? t.actionPrimaryBgSubtle : t.bgSecondary,
+					border: `1px solid ${_ ? t.actionPrimaryBg : t.borderDefault}`,
+					borderRadius: "6px",
+					cursor: "pointer",
+					fontSize: "13px",
+					color: _ ? t.actionPrimaryBg : t.textPrimary
+				},
+				children: [/* @__PURE__ */ s("span", {
+					style: { fontWeight: 500 },
+					children: _ ? _.name : "Views"
+				}), /* @__PURE__ */ s("span", {
+					style: { fontSize: "10px" },
+					children: E ? "▲" : "▼"
+				})]
+			}),
+			q,
+			J
+		]
+	});
+}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=SavedViewsDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewsDropdown.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx"],"sourcesContent":["/**\n * SavedViewsDropdown Component\n *\n * Dropdown for managing and switching between saved dashboard views.\n */\n\nimport React, { useState, useEffect, useCallback, useRef, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDashboardViews, type DashboardView } from '../../../hooks';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\n\n// ============================================================================\n// Solid Background Colors (for portal-rendered dropdowns)\n// ============================================================================\n\n// Hook to detect dark mode and provide solid background color\nfunction useSolidBackground() {\n  const [isDark, setIsDark] = useState(false);\n\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDark(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });\n    return () => observer.disconnect();\n  }, []);\n\n  // Return solid opaque colors - no transparency\n  return isDark ? '#1f2937' : '#ffffff';\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface SavedViewsDropdownProps {\n  dashboardId: string;\n  currentFilters?: Record<string, unknown>;\n  currentLayout?: Record<string, unknown>;\n  onViewLoad?: (view: DashboardView) => void;\n  className?: string;\n}\n\n// Use shared semantic tokens for portal rendering\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function SavedViewsDropdown({\n  dashboardId,\n  currentFilters,\n  currentLayout,\n  onViewLoad,\n  className = '',\n}: SavedViewsDropdownProps) {\n  const {\n    views,\n    currentView,\n    loading,\n    fetchViews,\n    saveCurrentView,\n    loadView,\n    updateView,\n    deleteView,\n    setAsDefault,\n    clearCurrentView,\n  } = useDashboardViews();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [showSaveDialog, setShowSaveDialog] = useState(false);\n  const [newViewName, setNewViewName] = useState('');\n  const [newViewDescription, setNewViewDescription] = useState('');\n  const [saveAsDefault, setSaveAsDefault] = useState(false);\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 });\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // Get solid background color for portal-rendered dropdown (no transparency)\n  const solidBgColor = useSolidBackground();\n\n  // Fetch views on mount\n  useEffect(() => {\n    if (dashboardId) {\n      fetchViews(dashboardId);\n    }\n  }, [dashboardId, fetchViews]);\n\n  // Update dropdown position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const dropdownWidth = 280;\n\n      // Calculate left position - align left edge with button, but ensure it doesn't go off screen\n      let leftPos = rect.left;\n\n      // If dropdown would go off the right edge of screen, align right edge with button instead\n      if (leftPos + dropdownWidth > window.innerWidth - 16) {\n        leftPos = rect.right - dropdownWidth;\n      }\n\n      // Ensure minimum left margin\n      leftPos = Math.max(16, leftPos);\n\n      setDropdownPosition({\n        top: rect.bottom + 4,\n        left: leftPos,\n      });\n    }\n  }, [isOpen]);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      const target = event.target as Node;\n      if (\n        buttonRef.current &&\n        !buttonRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        setIsOpen(false);\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n      return () => document.removeEventListener('mousedown', handleClickOutside);\n    }\n  }, [isOpen]);\n\n  // Handle view selection\n  const handleSelectView = useCallback(\n    (viewId: string) => {\n      const view = views.find((v) => v.id === viewId);\n      if (view) {\n        loadView(viewId);\n        if (onViewLoad) {\n          onViewLoad(view);\n        }\n      }\n      setIsOpen(false);\n    },\n    [views, loadView, onViewLoad]\n  );\n\n  // Handle save new view\n  const handleSaveView = useCallback(async () => {\n    if (!newViewName.trim()) return;\n\n    await saveCurrentView({\n      dashboardId,\n      name: newViewName.trim(),\n      description: newViewDescription.trim() || undefined,\n      filters: currentFilters,\n      layout: currentLayout,\n      isDefault: saveAsDefault,\n    });\n\n    setNewViewName('');\n    setNewViewDescription('');\n    setSaveAsDefault(false);\n    setShowSaveDialog(false);\n  }, [dashboardId, newViewName, newViewDescription, currentFilters, currentLayout, saveAsDefault, saveCurrentView]);\n\n  // Handle update current view\n  const handleUpdateCurrentView = useCallback(async () => {\n    if (!currentView) return;\n\n    await updateView({\n      id: currentView.id,\n      filters: currentFilters,\n      layout: currentLayout,\n    });\n  }, [currentView, currentFilters, currentLayout, updateView]);\n\n  // Handle delete view\n  const handleDeleteView = useCallback(\n    async (viewId: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (window.confirm('Are you sure you want to delete this view?')) {\n        await deleteView(viewId);\n      }\n    },\n    [deleteView]\n  );\n\n  // Handle set as default\n  const handleSetDefault = useCallback(\n    async (viewId: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      await setAsDefault(viewId);\n    },\n    [setAsDefault]\n  );\n\n  // Clear current view\n  const handleClearView = useCallback(() => {\n    clearCurrentView();\n    setIsOpen(false);\n  }, [clearCurrentView]);\n\n  // Dropdown Menu rendered via portal\n  const dropdownMenu = isOpen\n    ? createPortal(\n        <div\n          ref={dropdownRef}\n          style={{\n            position: 'fixed',\n            top: dropdownPosition.top,\n            left: Math.max(16, dropdownPosition.left), // Ensure minimum left margin\n            minWidth: '280px',\n            backgroundColor: solidBgColor, // Solid opaque background - no transparency\n            border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n            borderRadius: '8px',\n            boxShadow: '0 8px 24px rgba(0,0,0,0.15), 0 4px 8px rgba(0,0,0,0.1)',\n            zIndex: 99998,\n            overflow: 'hidden',\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              padding: '12px 16px',\n              borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <span style={{ fontSize: '13px', fontWeight: 600, color: SEMANTIC_COLORS.textPrimary }}>Saved Views</span>\n            <button\n              onClick={() => setShowSaveDialog(true)}\n              style={{\n                padding: '4px 10px',\n                backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n                color: 'white',\n                border: 'none',\n                borderRadius: '4px',\n                cursor: 'pointer',\n                fontSize: '12px',\n              }}\n            >\n              + Save Current\n            </button>\n          </div>\n\n          {/* Views List */}\n          <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n            {loading && views.length === 0 ? (\n              <div style={{ padding: '16px', color: SEMANTIC_COLORS.textSecondary, fontSize: '13px' }}>\n                Loading views...\n              </div>\n            ) : views.length === 0 ? (\n              <div style={{ padding: '16px', color: SEMANTIC_COLORS.textSecondary, fontSize: '13px' }}>\n                No saved views yet. Save your current view to get started.\n              </div>\n            ) : (\n              <>\n                {/* Reset to Default Option */}\n                <button\n                  onClick={handleClearView}\n                  style={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    width: '100%',\n                    padding: '10px 16px',\n                    backgroundColor: !currentView ? SEMANTIC_COLORS.bgSecondary : SEMANTIC_COLORS.bgPrimary,\n                    border: 'none',\n                    cursor: 'pointer',\n                    textAlign: 'left',\n                    borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  }}\n                >\n                  <div>\n                    <div style={{ fontSize: '13px', fontWeight: 500, color: SEMANTIC_COLORS.textPrimary }}>\n                      Default View\n                    </div>\n                    <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textSecondary }}>\n                      Reset to original dashboard state\n                    </div>\n                  </div>\n                </button>\n\n                {/* Saved Views */}\n                {views.map((view) => (\n                  <div\n                    key={view.id}\n                    onClick={() => handleSelectView(view.id)}\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'space-between',\n                      padding: '10px 16px',\n                      backgroundColor:\n                        currentView?.id === view.id ? SEMANTIC_COLORS.bgSecondary : SEMANTIC_COLORS.bgPrimary,\n                      cursor: 'pointer',\n                      borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    }}\n                  >\n                    <div style={{ flex: 1 }}>\n                      <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n                        <span\n                          style={{\n                            fontSize: '13px',\n                            fontWeight: 500,\n                            color: SEMANTIC_COLORS.textPrimary,\n                          }}\n                        >\n                          {view.name}\n                        </span>\n                        {view.isDefault && (\n                          <span\n                            style={{\n                              fontSize: '9px',\n                              padding: '2px 4px',\n                              backgroundColor: SEMANTIC_COLORS.actionPrimaryBgSubtle,\n                              color: SEMANTIC_COLORS.actionPrimaryBg,\n                              borderRadius: '4px',\n                              textTransform: 'uppercase',\n                              fontWeight: 600,\n                            }}\n                          >\n                            Default\n                          </span>\n                        )}\n                      </div>\n                      {view.description && (\n                        <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textSecondary, marginTop: '2px' }}>\n                          {view.description}\n                        </div>\n                      )}\n                      <div style={{ fontSize: '10px', color: SEMANTIC_COLORS.textSecondary, marginTop: '2px' }}>\n                        {new Date(view.updatedAt).toLocaleDateString()}\n                      </div>\n                    </div>\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>\n                      {!view.isDefault && (\n                        <button\n                          onClick={(e) => handleSetDefault(view.id, e)}\n                          title=\"Set as default\"\n                          style={{\n                            padding: '4px 6px',\n                            backgroundColor: 'transparent',\n                            border: 'none',\n                            cursor: 'pointer',\n                            color: SEMANTIC_COLORS.textSecondary,\n                            fontSize: '11px',\n                          }}\n                        >\n                          Set Default\n                        </button>\n                      )}\n                      <button\n                        onClick={(e) => handleDeleteView(view.id, e)}\n                        title=\"Delete view\"\n                        style={{\n                          padding: '4px 6px',\n                          backgroundColor: 'transparent',\n                          border: 'none',\n                          cursor: 'pointer',\n                          color: SEMANTIC_COLORS.statusErrorText,\n                          fontSize: '11px',\n                        }}\n                      >\n                        Delete\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </>\n            )}\n          </div>\n\n          {/* Update Current View Button */}\n          {currentView && (\n            <div\n              style={{\n                padding: '12px 16px',\n                borderTop: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <button\n                onClick={handleUpdateCurrentView}\n                style={{\n                  width: '100%',\n                  padding: '8px',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  cursor: 'pointer',\n                  fontSize: '12px',\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              >\n                Update \"{currentView.name}\" with current state\n              </button>\n            </div>\n          )}\n        </div>,\n        document.body\n      )\n    : null;\n\n  // Save Dialog rendered via portal\n  const saveDialog = showSaveDialog\n    ? createPortal(\n        <div\n          style={{\n            position: 'fixed',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            backgroundColor: 'rgba(0, 0, 0, 0.5)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            zIndex: 99999,\n            isolation: 'isolate',\n          }}\n          onClick={() => setShowSaveDialog(false)}\n        >\n          <div\n            style={{\n              width: '400px',\n              backgroundColor: solidBgColor, // Solid opaque background - no transparency\n              borderRadius: '8px',\n              boxShadow: '0 4px 24px rgba(0, 0, 0, 0.3)',\n              overflow: 'hidden',\n              position: 'relative',\n              zIndex: 100000,\n              color: SEMANTIC_COLORS.textPrimary,\n            }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div\n              style={{\n                padding: '16px 20px',\n                borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              }}\n            >\n              <h3 style={{ margin: 0, fontSize: '16px', fontWeight: 600, color: SEMANTIC_COLORS.textPrimary }}>\n                Save Current View\n              </h3>\n            </div>\n            <div style={{ padding: '20px' }}>\n              <div style={{ marginBottom: '16px' }}>\n                <label\n                  style={{\n                    display: 'block',\n                    marginBottom: '6px',\n                    fontSize: '13px',\n                    fontWeight: 500,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                >\n                  View Name *\n                </label>\n                <input\n                  type=\"text\"\n                  value={newViewName}\n                  onChange={(e) => setNewViewName(e.target.value)}\n                  placeholder=\"e.g., Q4 Analysis, Sales Overview\"\n                  style={{\n                    width: '100%',\n                    padding: '10px 12px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '14px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                    boxSizing: 'border-box',\n                  }}\n                />\n              </div>\n              <div style={{ marginBottom: '16px' }}>\n                <label\n                  style={{\n                    display: 'block',\n                    marginBottom: '6px',\n                    fontSize: '13px',\n                    fontWeight: 500,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                >\n                  Description\n                </label>\n                <textarea\n                  value={newViewDescription}\n                  onChange={(e) => setNewViewDescription(e.target.value)}\n                  placeholder=\"Optional description...\"\n                  rows={2}\n                  style={{\n                    width: '100%',\n                    padding: '10px 12px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '14px',\n                    resize: 'vertical',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                    boxSizing: 'border-box',\n                  }}\n                />\n              </div>\n              <label style={{ display: 'flex', alignItems: 'center', gap: '8px', cursor: 'pointer' }}>\n                <input type=\"checkbox\" checked={saveAsDefault} onChange={(e) => setSaveAsDefault(e.target.checked)} />\n                <span style={{ fontSize: '13px', color: SEMANTIC_COLORS.textPrimary }}>Set as default view</span>\n              </label>\n            </div>\n            <div\n              style={{\n                padding: '16px 20px',\n                borderTop: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                display: 'flex',\n                justifyContent: 'flex-end',\n                gap: '12px',\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <button\n                onClick={() => setShowSaveDialog(false)}\n                style={{\n                  padding: '10px 20px',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '6px',\n                  cursor: 'pointer',\n                  fontSize: '14px',\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              >\n                Cancel\n              </button>\n              <button\n                onClick={handleSaveView}\n                disabled={!newViewName.trim()}\n                style={{\n                  padding: '10px 20px',\n                  backgroundColor: newViewName.trim() ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.bgSecondary,\n                  color: newViewName.trim() ? 'white' : SEMANTIC_COLORS.textSecondary,\n                  border: 'none',\n                  borderRadius: '6px',\n                  cursor: newViewName.trim() ? 'pointer' : 'not-allowed',\n                  fontSize: '14px',\n                  fontWeight: 500,\n                }}\n              >\n                Save View\n              </button>\n            </div>\n          </div>\n        </div>,\n        document.body\n      )\n    : null;\n\n  return (\n    <div className={className} style={{ position: 'relative', display: 'inline-block' }}>\n      {/* Trigger Button */}\n      <button\n        ref={buttonRef}\n        onClick={() => setIsOpen(!isOpen)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '6px',\n          padding: '6px 12px',\n          backgroundColor: currentView ? SEMANTIC_COLORS.actionPrimaryBgSubtle : SEMANTIC_COLORS.bgSecondary,\n          border: `1px solid ${currentView ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.borderDefault}`,\n          borderRadius: '6px',\n          cursor: 'pointer',\n          fontSize: '13px',\n          color: currentView ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.textPrimary,\n        }}\n      >\n        <span style={{ fontWeight: 500 }}>{currentView ? currentView.name : 'Views'}</span>\n        <span style={{ fontSize: '10px' }}>{isOpen ? '▲' : '▼'}</span>\n      </button>\n\n      {/* Dropdown Menu - rendered via portal */}\n      {dropdownMenu}\n\n      {/* Save Dialog - rendered via portal */}\n      {saveDialog}\n    </div>\n  );\n}\n\nexport default SavedViewsDropdown;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * SavedViewsDropdown Components
+ */
+export { SavedViewsDropdown, type SavedViewsDropdownProps } from './SavedViewsDropdown';
+export { default } from './SavedViewsDropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/SavedViewsDropdown/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1 @@
+import "./SavedViewsDropdown.js";

package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface ShareDialogProps {
+    dashboardId: string;
+    dashboardName: string;
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function ShareDialog({ dashboardId, dashboardName, isOpen, onClose }: ShareDialogProps): React.ReactPortal | null;
+export default ShareDialog;
+//# sourceMappingURL=ShareDialog.d.ts.map

package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AA4BzE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA4BD,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,4BAyY5F;AAuFD,eAAe,WAAW,CAAC"}