@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,477 @@
+import e from "../../../hooks/useDashboardSharing.js";
+import "../../../hooks/index.js";
+import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+//#region src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx
+var c = (e) => ({
+	bgPrimary: e ? "#1a1a2e" : "#ffffff",
+	bgSecondary: e ? "#252542" : "#f4f4f5",
+	bgTertiary: e ? "#2d2d4a" : "#e4e4e7",
+	textPrimary: e ? "#f4f4f5" : "#18181b",
+	textSecondary: e ? "#a1a1aa" : "#71717a",
+	textTertiary: e ? "#71717a" : "#a1a1aa",
+	borderDefault: e ? "#3f3f5c" : "#e4e4e7",
+	actionPrimaryBg: "#6366f1",
+	actionPrimaryBgHover: "#4f46e5",
+	statusSuccessBg: "#22c55e",
+	statusErrorText: "#ef4444"
+}), l = [{
+	value: "VIEW",
+	label: "View",
+	description: "Can view the dashboard"
+}, {
+	value: "EDIT",
+	label: "Edit",
+	description: "Can edit widgets, layout, and share"
+}];
+function u({ dashboardId: u, dashboardName: f, isOpen: p, onClose: m }) {
+	let { shares: h, loading: g, fetchShares: _, shareWithUser: v, shareWithGroup: y, updateShare: b, revokeShare: x, revokeAllShares: S } = e(), [C, w] = i(""), [T, E] = i(null), [D, O] = i("VIEW"), [k, A] = i(""), [j, M] = i(!1);
+	n(() => {
+		p && u && (_(u), A(`${window.location.origin}/dashboard/${u}?shared=true`));
+	}, [
+		p,
+		u,
+		_
+	]);
+	let N = t(async () => {
+		T && (T.type === "USER" ? await v(u, T.id, D) : T.type === "GROUP" && await y(u, T.id, D), E(null), w(""));
+	}, [
+		u,
+		T,
+		D,
+		v,
+		y
+	]), P = t(async (e, t) => {
+		await b({
+			id: e,
+			permission: t
+		});
+	}, [b]), F = t(async (e) => {
+		window.confirm("Are you sure you want to revoke this access?") && await x(e);
+	}, [x]), I = t(async () => {
+		window.confirm("Are you sure you want to revoke all shared access?") && await S(u);
+	}, [u, S]), L = t(async () => {
+		try {
+			await navigator.clipboard.writeText(k), M(!0), setTimeout(() => M(!1), 2e3);
+		} catch {}
+	}, [k]), R = C ? [
+		{
+			id: "user-1",
+			name: "John Doe",
+			email: "john@example.com",
+			type: "USER"
+		},
+		{
+			id: "user-2",
+			name: "Jane Smith",
+			email: "jane@example.com",
+			type: "USER"
+		},
+		{
+			id: "group-admin",
+			name: "Administrators",
+			type: "GROUP"
+		},
+		{
+			id: "group-editor",
+			name: "Editors",
+			type: "GROUP"
+		}
+	].filter((e) => e.name.toLowerCase().includes(C.toLowerCase()) || e.email?.toLowerCase().includes(C.toLowerCase())) : [], z = typeof document < "u" && document.documentElement.classList.contains("dark"), B = r(() => c(z), [z]);
+	return p ? s(/* @__PURE__ */ a("div", {
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			backgroundColor: "rgba(0, 0, 0, 0.6)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 99999,
+			isolation: "isolate"
+		},
+		onClick: m,
+		children: /* @__PURE__ */ o("div", {
+			style: {
+				width: "520px",
+				maxHeight: "80vh",
+				backgroundColor: B.bgPrimary,
+				borderRadius: "12px",
+				boxShadow: "0 8px 32px rgba(0, 0, 0, 0.3)",
+				overflow: "hidden",
+				position: "relative",
+				zIndex: 1e5,
+				color: B.textPrimary
+			},
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ o("div", {
+				style: {
+					padding: "20px 24px",
+					borderBottom: `1px solid ${B.borderDefault}`,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					backgroundColor: B.bgPrimary
+				},
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h3", {
+					style: {
+						margin: 0,
+						fontSize: "18px",
+						fontWeight: 600,
+						color: B.textPrimary
+					},
+					children: "Share Dashboard"
+				}), /* @__PURE__ */ a("p", {
+					style: {
+						margin: "4px 0 0",
+						fontSize: "13px",
+						color: B.textSecondary
+					},
+					children: f
+				})] }), /* @__PURE__ */ a("button", {
+					onClick: m,
+					style: {
+						background: "none",
+						border: "none",
+						fontSize: "24px",
+						cursor: "pointer",
+						color: B.textSecondary,
+						padding: "4px",
+						lineHeight: 1
+					},
+					children: "×"
+				})]
+			}), /* @__PURE__ */ o("div", {
+				style: {
+					padding: "24px",
+					overflowY: "auto",
+					maxHeight: "calc(80vh - 200px)",
+					backgroundColor: B.bgPrimary
+				},
+				children: [
+					/* @__PURE__ */ o("div", {
+						style: { marginBottom: "24px" },
+						children: [/* @__PURE__ */ a("label", {
+							style: {
+								display: "block",
+								marginBottom: "8px",
+								fontSize: "13px",
+								fontWeight: 600,
+								color: B.textPrimary
+							},
+							children: "Share Link"
+						}), /* @__PURE__ */ o("div", {
+							style: {
+								display: "flex",
+								gap: "8px"
+							},
+							children: [/* @__PURE__ */ a("input", {
+								type: "text",
+								value: k,
+								readOnly: !0,
+								style: {
+									flex: 1,
+									padding: "10px 12px",
+									border: `1px solid ${B.borderDefault}`,
+									borderRadius: "6px",
+									fontSize: "13px",
+									backgroundColor: B.bgSecondary,
+									color: B.textPrimary
+								}
+							}), /* @__PURE__ */ a("button", {
+								onClick: L,
+								style: {
+									padding: "10px 16px",
+									backgroundColor: j ? B.statusSuccessBg : B.actionPrimaryBg,
+									color: "white",
+									border: "none",
+									borderRadius: "6px",
+									cursor: "pointer",
+									fontSize: "13px",
+									fontWeight: 500,
+									minWidth: "80px"
+								},
+								children: j ? "Copied!" : "Copy"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ o("div", {
+						style: { marginBottom: "24px" },
+						children: [/* @__PURE__ */ a("label", {
+							style: {
+								display: "block",
+								marginBottom: "8px",
+								fontSize: "13px",
+								fontWeight: 600,
+								color: B.textPrimary
+							},
+							children: "Add People"
+						}), /* @__PURE__ */ o("div", {
+							style: {
+								display: "flex",
+								gap: "8px",
+								marginBottom: "8px"
+							},
+							children: [
+								/* @__PURE__ */ o("div", {
+									style: {
+										flex: 1,
+										position: "relative"
+									},
+									children: [/* @__PURE__ */ a("input", {
+										type: "text",
+										value: T ? T.name : C,
+										onChange: (e) => {
+											w(e.target.value), E(null);
+										},
+										placeholder: "Search by name or email...",
+										style: {
+											width: "100%",
+											padding: "10px 12px",
+											border: `1px solid ${B.borderDefault}`,
+											borderRadius: "6px",
+											fontSize: "13px",
+											backgroundColor: B.bgPrimary,
+											color: B.textPrimary
+										}
+									}), C && !T && R.length > 0 && /* @__PURE__ */ a("div", {
+										style: {
+											position: "absolute",
+											top: "100%",
+											left: 0,
+											right: 0,
+											marginTop: "4px",
+											backgroundColor: B.bgPrimary,
+											border: `1px solid ${B.borderDefault}`,
+											borderRadius: "6px",
+											boxShadow: "0 8px 24px rgba(0,0,0,0.25)",
+											zIndex: 100001,
+											maxHeight: "200px",
+											overflowY: "auto"
+										},
+										children: R.map((e) => /* @__PURE__ */ o("button", {
+											onClick: () => E(e),
+											style: {
+												display: "block",
+												width: "100%",
+												padding: "10px 12px",
+												textAlign: "left",
+												backgroundColor: "transparent",
+												border: "none",
+												cursor: "pointer",
+												borderBottom: `1px solid ${B.borderDefault}`
+											},
+											children: [
+												/* @__PURE__ */ a("div", {
+													style: {
+														fontSize: "13px",
+														fontWeight: 500,
+														color: B.textPrimary
+													},
+													children: e.name
+												}),
+												e.email && /* @__PURE__ */ a("div", {
+													style: {
+														fontSize: "11px",
+														color: B.textSecondary
+													},
+													children: e.email
+												}),
+												/* @__PURE__ */ a("span", {
+													style: {
+														fontSize: "10px",
+														color: B.textTertiary,
+														textTransform: "uppercase"
+													},
+													children: e.type
+												})
+											]
+										}, e.id))
+									})]
+								}),
+								/* @__PURE__ */ a("select", {
+									value: D,
+									onChange: (e) => O(e.target.value),
+									style: {
+										padding: "10px 12px",
+										border: `1px solid ${B.borderDefault}`,
+										borderRadius: "6px",
+										fontSize: "13px",
+										backgroundColor: B.bgPrimary,
+										color: B.textPrimary
+									},
+									children: l.map((e) => /* @__PURE__ */ a("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))
+								}),
+								/* @__PURE__ */ a("button", {
+									onClick: N,
+									disabled: !T || g,
+									style: {
+										padding: "10px 16px",
+										backgroundColor: T ? B.actionPrimaryBg : B.bgTertiary,
+										color: T ? "white" : B.textSecondary,
+										border: "none",
+										borderRadius: "6px",
+										cursor: T ? "pointer" : "not-allowed",
+										fontSize: "13px",
+										fontWeight: 500
+									},
+									children: "Share"
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
+							marginBottom: "12px"
+						},
+						children: [/* @__PURE__ */ o("label", {
+							style: {
+								fontSize: "13px",
+								fontWeight: 600,
+								color: B.textPrimary
+							},
+							children: [
+								"People with Access (",
+								h.length,
+								")"
+							]
+						}), h.length > 0 && /* @__PURE__ */ a("button", {
+							onClick: I,
+							style: {
+								padding: "4px 8px",
+								backgroundColor: "transparent",
+								color: B.statusErrorText,
+								border: "none",
+								cursor: "pointer",
+								fontSize: "12px"
+							},
+							children: "Revoke All"
+						})]
+					}), g && h.length === 0 ? /* @__PURE__ */ a("p", {
+						style: {
+							color: B.textSecondary,
+							fontSize: "13px"
+						},
+						children: "Loading..."
+					}) : h.length === 0 ? /* @__PURE__ */ a("p", {
+						style: {
+							color: B.textSecondary,
+							fontSize: "13px"
+						},
+						children: "No one has access to this dashboard yet."
+					}) : /* @__PURE__ */ a("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: "8px"
+						},
+						children: h.map((e) => /* @__PURE__ */ a(d, {
+							share: e,
+							onUpdatePermission: P,
+							onRevoke: F,
+							colors: B
+						}, e.id))
+					})] })
+				]
+			})]
+		})
+	}), document.body) : null;
+}
+function d({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
+	return /* @__PURE__ */ o("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			padding: "10px 12px",
+			backgroundColor: r.bgSecondary,
+			borderRadius: "6px"
+		},
+		children: [/* @__PURE__ */ o("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "10px"
+			},
+			children: [/* @__PURE__ */ a("div", {
+				style: {
+					width: "36px",
+					height: "36px",
+					borderRadius: "50%",
+					backgroundColor: r.actionPrimaryBg,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					color: "white",
+					fontWeight: 600,
+					fontSize: "14px"
+				},
+				children: e.recipientType === "USER" ? "U" : "R"
+			}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
+				style: {
+					fontSize: "13px",
+					fontWeight: 500,
+					color: r.textPrimary
+				},
+				children: e.recipientId
+			}), /* @__PURE__ */ o("div", {
+				style: {
+					fontSize: "11px",
+					color: r.textSecondary
+				},
+				children: [
+					e.recipientType,
+					" - Shared ",
+					new Date(e.createdAt).toLocaleDateString()
+				]
+			})] })]
+		}), /* @__PURE__ */ o("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px"
+			},
+			children: [/* @__PURE__ */ a("select", {
+				value: e.permission,
+				onChange: (n) => t(e.id, n.target.value),
+				style: {
+					padding: "6px 10px",
+					border: `1px solid ${r.borderDefault}`,
+					borderRadius: "4px",
+					fontSize: "12px",
+					backgroundColor: r.bgPrimary,
+					color: r.textPrimary
+				},
+				children: l.map((e) => /* @__PURE__ */ a("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))
+			}), /* @__PURE__ */ a("button", {
+				onClick: () => n(e.id),
+				style: {
+					padding: "6px 10px",
+					backgroundColor: "transparent",
+					color: r.statusErrorText,
+					border: `1px solid ${r.statusErrorText}`,
+					borderRadius: "4px",
+					cursor: "pointer",
+					fontSize: "12px"
+				},
+				children: "Revoke"
+			})]
+		})]
+	});
+}
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=ShareDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"sourcesContent":["/**\n * ShareDialog Component\n *\n * Dialog for sharing dashboards with users and roles.\n */\n\nimport React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  useDashboardSharing,\n  type DashboardShare,\n  type SharePermission,\n  type ShareRecipientType,\n} from '../../../hooks';\n\n// Dark mode aware colors\nconst getColors = (isDark: boolean) => ({\n  bgPrimary: isDark ? '#1a1a2e' : '#ffffff',\n  bgSecondary: isDark ? '#252542' : '#f4f4f5',\n  bgTertiary: isDark ? '#2d2d4a' : '#e4e4e7',\n  textPrimary: isDark ? '#f4f4f5' : '#18181b',\n  textSecondary: isDark ? '#a1a1aa' : '#71717a',\n  textTertiary: isDark ? '#71717a' : '#a1a1aa',\n  borderDefault: isDark ? '#3f3f5c' : '#e4e4e7',\n  actionPrimaryBg: '#6366f1',\n  actionPrimaryBgHover: '#4f46e5',\n  statusSuccessBg: '#22c55e',\n  statusErrorText: '#ef4444',\n});\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ShareDialogProps {\n  dashboardId: string;\n  dashboardName: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\ninterface ShareRecipient {\n  id: string;\n  name: string;\n  email?: string;\n  type: ShareRecipientType;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/**\n * Permission options as per spec (03-graphql-contract.md)\n * Spec values: view, edit\n */\nconst PERMISSION_OPTIONS: { value: SharePermission; label: string; description: string }[] = [\n  { value: 'VIEW', label: 'View', description: 'Can view the dashboard' },\n  { value: 'EDIT', label: 'Edit', description: 'Can edit widgets, layout, and share' },\n];\n\n// Use shared semantic tokens for portal rendering\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function ShareDialog({ dashboardId, dashboardName, isOpen, onClose }: ShareDialogProps) {\n  const { shares, loading, fetchShares, shareWithUser, shareWithGroup, updateShare, revokeShare, revokeAllShares } =\n    useDashboardSharing();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedRecipient, setSelectedRecipient] = useState<ShareRecipient | null>(null);\n  const [selectedPermission, setSelectedPermission] = useState<SharePermission>('VIEW');\n  const [shareLink, setShareLink] = useState('');\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  // Fetch shares when dialog opens\n  useEffect(() => {\n    if (isOpen && dashboardId) {\n      fetchShares(dashboardId);\n      // Generate share link\n      setShareLink(`${window.location.origin}/dashboard/${dashboardId}?shared=true`);\n    }\n  }, [isOpen, dashboardId, fetchShares]);\n\n  // Handle share - per spec: only USER and GROUP recipient types\n  const handleShare = useCallback(async () => {\n    if (!selectedRecipient) return;\n\n    if (selectedRecipient.type === 'USER') {\n      await shareWithUser(dashboardId, selectedRecipient.id, selectedPermission);\n    } else if (selectedRecipient.type === 'GROUP') {\n      await shareWithGroup(dashboardId, selectedRecipient.id, selectedPermission);\n    }\n\n    setSelectedRecipient(null);\n    setSearchQuery('');\n  }, [dashboardId, selectedRecipient, selectedPermission, shareWithUser, shareWithGroup]);\n\n  // Handle update permission\n  const handleUpdatePermission = useCallback(\n    async (shareId: string, newPermission: SharePermission) => {\n      await updateShare({ id: shareId, permission: newPermission });\n    },\n    [updateShare]\n  );\n\n  // Handle revoke\n  const handleRevoke = useCallback(\n    async (shareId: string) => {\n      if (window.confirm('Are you sure you want to revoke this access?')) {\n        await revokeShare(shareId);\n      }\n    },\n    [revokeShare]\n  );\n\n  // Handle revoke all\n  const handleRevokeAll = useCallback(async () => {\n    if (window.confirm('Are you sure you want to revoke all shared access?')) {\n      await revokeAllShares(dashboardId);\n    }\n  }, [dashboardId, revokeAllShares]);\n\n  // Copy link to clipboard\n  const handleCopyLink = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(shareLink);\n      setCopySuccess(true);\n      setTimeout(() => setCopySuccess(false), 2000);\n    } catch (err) {}\n  }, [shareLink]);\n\n  // Mock search results (in real app, this would come from an API)\n  // Per spec: ShareRecipientType is 'user' or 'group' only\n  const searchResults: ShareRecipient[] = searchQuery\n    ? (\n        [\n          { id: 'user-1', name: 'John Doe', email: 'john@example.com', type: 'USER' as ShareRecipientType },\n          { id: 'user-2', name: 'Jane Smith', email: 'jane@example.com', type: 'USER' as ShareRecipientType },\n          { id: 'group-admin', name: 'Administrators', type: 'GROUP' as ShareRecipientType },\n          { id: 'group-editor', name: 'Editors', type: 'GROUP' as ShareRecipientType },\n        ] as ShareRecipient[]\n      ).filter(\n        (r) =>\n          r.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          r.email?.toLowerCase().includes(searchQuery.toLowerCase())\n      )\n    : [];\n\n  // Check if dark mode is enabled\n  const isDarkMode = typeof document !== 'undefined' && document.documentElement.classList.contains('dark');\n  const colors = useMemo(() => getColors(isDarkMode), [isDarkMode]);\n\n  if (!isOpen) return null;\n\n  // Use portal to render at document.body level to avoid z-index/stacking context issues\n  const dialogContent = (\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.6)',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 99999,\n        isolation: 'isolate',\n      }}\n      onClick={onClose}\n    >\n      <div\n        style={{\n          width: '520px',\n          maxHeight: '80vh',\n          backgroundColor: colors.bgPrimary,\n          borderRadius: '12px',\n          boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\n          overflow: 'hidden',\n          position: 'relative',\n          zIndex: 100000,\n          color: colors.textPrimary,\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div\n          style={{\n            padding: '20px 24px',\n            borderBottom: `1px solid ${colors.borderDefault}`,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            backgroundColor: colors.bgPrimary,\n          }}\n        >\n          <div>\n            <h3 style={{ margin: 0, fontSize: '18px', fontWeight: 600, color: colors.textPrimary }}>Share Dashboard</h3>\n            <p style={{ margin: '4px 0 0', fontSize: '13px', color: colors.textSecondary }}>{dashboardName}</p>\n          </div>\n          <button\n            onClick={onClose}\n            style={{\n              background: 'none',\n              border: 'none',\n              fontSize: '24px',\n              cursor: 'pointer',\n              color: colors.textSecondary,\n              padding: '4px',\n              lineHeight: 1,\n            }}\n          >\n            ×\n          </button>\n        </div>\n\n        {/* Content */}\n        <div\n          style={{\n            padding: '24px',\n            overflowY: 'auto',\n            maxHeight: 'calc(80vh - 200px)',\n            backgroundColor: colors.bgPrimary,\n          }}\n        >\n          {/* Share Link Section */}\n          <div style={{ marginBottom: '24px' }}>\n            <label\n              style={{\n                display: 'block',\n                marginBottom: '8px',\n                fontSize: '13px',\n                fontWeight: 600,\n                color: colors.textPrimary,\n              }}\n            >\n              Share Link\n            </label>\n            <div style={{ display: 'flex', gap: '8px' }}>\n              <input\n                type=\"text\"\n                value={shareLink}\n                readOnly\n                style={{\n                  flex: 1,\n                  padding: '10px 12px',\n                  border: `1px solid ${colors.borderDefault}`,\n                  borderRadius: '6px',\n                  fontSize: '13px',\n                  backgroundColor: colors.bgSecondary,\n                  color: colors.textPrimary,\n                }}\n              />\n              <button\n                onClick={handleCopyLink}\n                style={{\n                  padding: '10px 16px',\n                  backgroundColor: copySuccess ? colors.statusSuccessBg : colors.actionPrimaryBg,\n                  color: 'white',\n                  border: 'none',\n                  borderRadius: '6px',\n                  cursor: 'pointer',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  minWidth: '80px',\n                }}\n              >\n                {copySuccess ? 'Copied!' : 'Copy'}\n              </button>\n            </div>\n          </div>\n\n          {/* Add People Section */}\n          <div style={{ marginBottom: '24px' }}>\n            <label\n              style={{\n                display: 'block',\n                marginBottom: '8px',\n                fontSize: '13px',\n                fontWeight: 600,\n                color: colors.textPrimary,\n              }}\n            >\n              Add People\n            </label>\n            <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>\n              <div style={{ flex: 1, position: 'relative' }}>\n                <input\n                  type=\"text\"\n                  value={selectedRecipient ? selectedRecipient.name : searchQuery}\n                  onChange={(e) => {\n                    setSearchQuery(e.target.value);\n                    setSelectedRecipient(null);\n                  }}\n                  placeholder=\"Search by name or email...\"\n                  style={{\n                    width: '100%',\n                    padding: '10px 12px',\n                    border: `1px solid ${colors.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '13px',\n                    backgroundColor: colors.bgPrimary,\n                    color: colors.textPrimary,\n                  }}\n                />\n                {/* Search Results Dropdown */}\n                {searchQuery && !selectedRecipient && searchResults.length > 0 && (\n                  <div\n                    style={{\n                      position: 'absolute',\n                      top: '100%',\n                      left: 0,\n                      right: 0,\n                      marginTop: '4px',\n                      backgroundColor: colors.bgPrimary,\n                      border: `1px solid ${colors.borderDefault}`,\n                      borderRadius: '6px',\n                      boxShadow: '0 8px 24px rgba(0,0,0,0.25)',\n                      zIndex: 100001,\n                      maxHeight: '200px',\n                      overflowY: 'auto',\n                    }}\n                  >\n                    {searchResults.map((result) => (\n                      <button\n                        key={result.id}\n                        onClick={() => setSelectedRecipient(result)}\n                        style={{\n                          display: 'block',\n                          width: '100%',\n                          padding: '10px 12px',\n                          textAlign: 'left',\n                          backgroundColor: 'transparent',\n                          border: 'none',\n                          cursor: 'pointer',\n                          borderBottom: `1px solid ${colors.borderDefault}`,\n                        }}\n                      >\n                        <div style={{ fontSize: '13px', fontWeight: 500, color: colors.textPrimary }}>\n                          {result.name}\n                        </div>\n                        {result.email && (\n                          <div style={{ fontSize: '11px', color: colors.textSecondary }}>{result.email}</div>\n                        )}\n                        <span\n                          style={{\n                            fontSize: '10px',\n                            color: colors.textTertiary,\n                            textTransform: 'uppercase',\n                          }}\n                        >\n                          {result.type}\n                        </span>\n                      </button>\n                    ))}\n                  </div>\n                )}\n              </div>\n              <select\n                value={selectedPermission}\n                onChange={(e) => setSelectedPermission(e.target.value as SharePermission)}\n                style={{\n                  padding: '10px 12px',\n                  border: `1px solid ${colors.borderDefault}`,\n                  borderRadius: '6px',\n                  fontSize: '13px',\n                  backgroundColor: colors.bgPrimary,\n                  color: colors.textPrimary,\n                }}\n              >\n                {PERMISSION_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n              <button\n                onClick={handleShare}\n                disabled={!selectedRecipient || loading}\n                style={{\n                  padding: '10px 16px',\n                  backgroundColor: selectedRecipient ? colors.actionPrimaryBg : colors.bgTertiary,\n                  color: selectedRecipient ? 'white' : colors.textSecondary,\n                  border: 'none',\n                  borderRadius: '6px',\n                  cursor: selectedRecipient ? 'pointer' : 'not-allowed',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                }}\n              >\n                Share\n              </button>\n            </div>\n          </div>\n\n          {/* Current Shares */}\n          <div>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                marginBottom: '12px',\n              }}\n            >\n              <label\n                style={{\n                  fontSize: '13px',\n                  fontWeight: 600,\n                  color: colors.textPrimary,\n                }}\n              >\n                People with Access ({shares.length})\n              </label>\n              {shares.length > 0 && (\n                <button\n                  onClick={handleRevokeAll}\n                  style={{\n                    padding: '4px 8px',\n                    backgroundColor: 'transparent',\n                    color: colors.statusErrorText,\n                    border: 'none',\n                    cursor: 'pointer',\n                    fontSize: '12px',\n                  }}\n                >\n                  Revoke All\n                </button>\n              )}\n            </div>\n\n            {loading && shares.length === 0 ? (\n              <p style={{ color: colors.textSecondary, fontSize: '13px' }}>Loading...</p>\n            ) : shares.length === 0 ? (\n              <p style={{ color: colors.textSecondary, fontSize: '13px' }}>No one has access to this dashboard yet.</p>\n            ) : (\n              <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n                {shares.map((share) => (\n                  <ShareItem\n                    key={share.id}\n                    share={share}\n                    onUpdatePermission={handleUpdatePermission}\n                    onRevoke={handleRevoke}\n                    colors={colors}\n                  />\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n\n  // Render via portal to document.body to escape any stacking context issues\n  return createPortal(dialogContent, document.body);\n}\n\n// ============================================================================\n// ShareItem Sub-component\n// ============================================================================\n\ninterface ShareItemProps {\n  share: DashboardShare;\n  onUpdatePermission: (shareId: string, permission: SharePermission) => void;\n  onRevoke: (shareId: string) => void;\n  colors: ReturnType<typeof getColors>;\n}\n\nfunction ShareItem({ share, onUpdatePermission, onRevoke, colors }: ShareItemProps) {\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        padding: '10px 12px',\n        backgroundColor: colors.bgSecondary,\n        borderRadius: '6px',\n      }}\n    >\n      <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n        <div\n          style={{\n            width: '36px',\n            height: '36px',\n            borderRadius: '50%',\n            backgroundColor: colors.actionPrimaryBg,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            color: 'white',\n            fontWeight: 600,\n            fontSize: '14px',\n          }}\n        >\n          {share.recipientType === 'USER' ? 'U' : 'R'}\n        </div>\n        <div>\n          <div style={{ fontSize: '13px', fontWeight: 500, color: colors.textPrimary }}>{share.recipientId}</div>\n          <div style={{ fontSize: '11px', color: colors.textSecondary }}>\n            {share.recipientType} - Shared {new Date(share.createdAt).toLocaleDateString()}\n          </div>\n        </div>\n      </div>\n      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n        <select\n          value={share.permission}\n          onChange={(e) => onUpdatePermission(share.id, e.target.value as SharePermission)}\n          style={{\n            padding: '6px 10px',\n            border: `1px solid ${colors.borderDefault}`,\n            borderRadius: '4px',\n            fontSize: '12px',\n            backgroundColor: colors.bgPrimary,\n            color: colors.textPrimary,\n          }}\n        >\n          {PERMISSION_OPTIONS.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n        <button\n          onClick={() => onRevoke(share.id)}\n          style={{\n            padding: '6px 10px',\n            backgroundColor: 'transparent',\n            color: colors.statusErrorText,\n            border: `1px solid ${colors.statusErrorText}`,\n            borderRadius: '4px',\n            cursor: 'pointer',\n            fontSize: '12px',\n          }}\n        >\n          Revoke\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport default ShareDialog;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

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

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

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

@@ -0,0 +1,19 @@
+import { DashboardTemplateListItem } from '../../../hooks';
+
+export interface TemplatePickerProps {
+    /** Modal mode: whether the modal is open */
+    isOpen?: boolean;
+    /** Modal mode: callback to close the modal */
+    onClose?: () => void;
+    /** Modal mode: callback when template is selected with name and placeholders */
+    onSelectTemplate?: (templateId: string, name: string, placeholderValues: Record<string, unknown>) => void;
+    /** Embedded mode: currently selected template ID */
+    selectedTemplateId?: string;
+    /** Embedded mode: callback when template is selected */
+    onSelect?: (template: DashboardTemplateListItem) => void;
+    /** Embedded mode: compact display without modal wrapper */
+    compact?: boolean;
+}
+export declare function TemplatePicker({ isOpen, onClose, onSelectTemplate, selectedTemplateId, onSelect, compact, }: TemplatePickerProps): import("react/jsx-runtime").JSX.Element | null;
+export default TemplatePicker;
+//# sourceMappingURL=TemplatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/TemplatePicker/TemplatePicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAEL,KAAK,yBAAyB,EAG/B,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1G,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACzD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0BD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,OAAe,GAChB,EAAE,mBAAmB,kDAogBrB;AAoVD,eAAe,cAAc,CAAC"}