@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,486 @@
+import e from "../../hooks/useImportDashboard.js";
+import "../../hooks/index.js";
+import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { AlertTriangle as o, ArrowLeft as s, Check as c, FileJson as l, Info as u, RefreshCw as d, Upload as f, XCircle as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, Card as y, CardContent as b, Checkbox as x, Dialog as S, DialogContent as C, DialogDescription as w, DialogFooter as T, DialogHeader as ee, DialogTitle as E, Input as D, Label as O, Spinner as k } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/components/dashboard/ImportDashboardDialog.tsx
+function A(e) {
+	if (!e) return null;
+	try {
+		let t = JSON.parse(e);
+		return t.exportedFrom?.dashboardId || t.dashboard?.id || null;
+	} catch {
+		return null;
+	}
+}
+var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
+	let [N, P] = a("select"), [, F] = a(null), [I, L] = a(null), [R, z] = a(""), [B, V] = a("PRIVATE"), [H, U] = a(!1), W = i(null), { loading: G, error: K, validationResult: q, importResult: J, validateImport: Y, importDashboard: X, clearState: Z } = e();
+	r(() => {
+		t && (P("select"), F(null), L(null), z(""), V("PRIVATE"), U(!1), Z());
+	}, [t, Z]);
+	let Q = n(async (e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		if (!t.name.endsWith(".json")) {
+			alert("Please select a JSON file");
+			return;
+		}
+		F(t);
+		let n = new FileReader();
+		n.onload = async (e) => {
+			let t = e.target?.result;
+			L(t);
+			let n = await Y(t);
+			n && (P("preview"), n.dashboardInfo?.name && z(n.dashboardInfo.name));
+		}, n.onerror = () => {
+			alert("Failed to read file");
+		}, n.readAsText(t);
+	}, [Y]), te = n((e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.files?.[0];
+		if (t) {
+			let e = new DataTransfer();
+			e.items.add(t), W.current && (W.current.files = e.files, W.current.dispatchEvent(new Event("change", { bubbles: !0 })));
+		}
+	}, []), ne = n(async () => {
+		if (!I) return;
+		P("importing");
+		let e = await X(I, {
+			name: R.trim() || void 0,
+			visibility: B,
+			skipWarnings: H
+		});
+		e?.success && e.dashboard ? (P("complete"), M?.(e.dashboard.id, e.dashboard.name, e.originalUpdated ?? !1)) : P("preview");
+	}, [
+		I,
+		R,
+		B,
+		H,
+		X,
+		M
+	]), $ = !G && N !== "importing";
+	return /* @__PURE__ */ h(S, {
+		open: t,
+		onOpenChange: (e) => !e && $ && j(),
+		children: /* @__PURE__ */ g(C, {
+			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
+			children: [
+				/* @__PURE__ */ g(ee, { children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex size-10 items-center justify-center rounded-lg bg-primary/10",
+						children: /* @__PURE__ */ h(f, { className: "size-5 text-primary" })
+					}), /* @__PURE__ */ h(E, { children: "Import Dashboard" })]
+				}), /* @__PURE__ */ h(w, { children: "Upload a Dashboard export file to restore it into this workspace." })] }),
+				/* @__PURE__ */ g("div", {
+					className: "flex-1 overflow-y-auto py-4 space-y-4",
+					children: [
+						N === "select" && /* @__PURE__ */ g("div", {
+							onDragOver: (e) => e.preventDefault(),
+							onDrop: te,
+							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
+							children: [
+								/* @__PURE__ */ h(l, { className: "size-12 mx-auto text-muted-foreground mb-4" }),
+								/* @__PURE__ */ h("p", {
+									className: "text-sm mb-2",
+									children: "Drag and drop a dashboard export file here"
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-muted-foreground mb-4",
+									children: "or"
+								}),
+								/* @__PURE__ */ h("input", {
+									ref: W,
+									type: "file",
+									accept: ".json",
+									onChange: Q,
+									className: "hidden"
+								}),
+								/* @__PURE__ */ h(v, {
+									onClick: () => W.current?.click(),
+									disabled: G,
+									children: "Browse Files"
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-muted-foreground mt-4",
+									children: "Only .json files exported from BigConsole are supported"
+								})
+							]
+						}),
+						(N === "preview" || N === "importing") && q && /* @__PURE__ */ g(m, { children: [
+							/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
+								className: "p-4 space-y-2",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ h("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Dashboard"
+										}), /* @__PURE__ */ h("span", {
+											className: "text-sm font-medium",
+											children: q.dashboardInfo.name
+										})]
+									}),
+									q.dashboardInfo.description && /* @__PURE__ */ g("div", {
+										className: "flex items-start justify-between",
+										children: [/* @__PURE__ */ h("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Description"
+										}), /* @__PURE__ */ h("span", {
+											className: "text-sm text-right max-w-[60%] truncate",
+											children: q.dashboardInfo.description
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ h("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Pages"
+										}), /* @__PURE__ */ h(_, {
+											variant: "secondary",
+											children: q.dashboardInfo.pageCount
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ h("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Widgets"
+										}), /* @__PURE__ */ h(_, {
+											variant: "secondary",
+											children: q.dashboardInfo.widgetCount
+										})]
+									}),
+									q.dashboardInfo.exportedFrom && /* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ h("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Source ID"
+										}), /* @__PURE__ */ h("span", {
+											className: "text-xs text-muted-foreground font-mono truncate max-w-[180px]",
+											children: q.dashboardInfo.exportedFrom
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ h("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Schema Version"
+										}), /* @__PURE__ */ h("span", {
+											className: "text-xs text-muted-foreground",
+											children: q.dashboardInfo.schemaVersion
+										})]
+									})
+								]
+							}) }),
+							q.errors.length > 0 && /* @__PURE__ */ h(y, {
+								className: "border-destructive/50 bg-destructive/5",
+								children: /* @__PURE__ */ g(b, {
+									className: "p-3",
+									children: [/* @__PURE__ */ g("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: [/* @__PURE__ */ h(p, { className: "size-4 text-destructive" }), /* @__PURE__ */ g("span", {
+											className: "text-sm font-medium text-destructive",
+											children: [
+												"Errors (",
+												q.errors.length,
+												")"
+											]
+										})]
+									}), /* @__PURE__ */ h("ul", {
+										className: "text-xs text-destructive space-y-1",
+										children: q.errors.map((e, t) => /* @__PURE__ */ g("li", { children: [
+											/* @__PURE__ */ g("span", {
+												className: "font-mono",
+												children: [
+													"[",
+													e.code,
+													"]"
+												]
+											}),
+											" ",
+											e.message
+										] }, t))
+									})]
+								})
+							}),
+							q.warnings.length > 0 && /* @__PURE__ */ h(y, {
+								className: "border-yellow-500/50 bg-yellow-500/5",
+								children: /* @__PURE__ */ g(b, {
+									className: "p-3",
+									children: [/* @__PURE__ */ g("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: [/* @__PURE__ */ h(o, { className: "size-4 text-yellow-600" }), /* @__PURE__ */ g("span", {
+											className: "text-sm font-medium text-yellow-600",
+											children: [
+												"Warnings (",
+												q.warnings.length,
+												")"
+											]
+										})]
+									}), /* @__PURE__ */ h("ul", {
+										className: "text-xs text-yellow-600 space-y-1",
+										children: q.warnings.map((e, t) => /* @__PURE__ */ g("li", { children: [
+											/* @__PURE__ */ g("span", {
+												className: "font-mono",
+												children: [
+													"[",
+													e.code,
+													"]"
+												]
+											}),
+											" ",
+											e.message
+										] }, t))
+									})]
+								})
+							}),
+							q.isValid && /* @__PURE__ */ g("div", {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ h("p", {
+										className: "text-sm font-medium",
+										children: "Import Options"
+									}),
+									/* @__PURE__ */ h(y, {
+										className: "border-blue-500/50 bg-blue-500/5",
+										children: /* @__PURE__ */ h(b, {
+											className: "p-3",
+											children: /* @__PURE__ */ g("div", {
+												className: "flex items-start gap-2",
+												children: [/* @__PURE__ */ h(u, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ h("div", {
+													className: "text-xs text-blue-700 dark:text-blue-400",
+													children: A(I) ? /* @__PURE__ */ g(m, { children: [
+														/* @__PURE__ */ h("p", {
+															className: "font-medium mb-1",
+															children: "Import will check for existing dashboard"
+														}),
+														/* @__PURE__ */ g("p", { children: [
+															"If the original dashboard (ID:",
+															" ",
+															/* @__PURE__ */ g("code", {
+																className: "font-mono bg-blue-200/50 px-1 rounded",
+																children: [A(I)?.slice(0, 8), "..."]
+															}),
+															") exists:"
+														] }),
+														/* @__PURE__ */ g("ul", {
+															className: "list-disc list-inside mt-1 space-y-0.5",
+															children: [/* @__PURE__ */ h("li", { children: "With changes → Update the existing dashboard" }), /* @__PURE__ */ h("li", { children: "No changes → Show \"already exists\" message" })]
+														}),
+														/* @__PURE__ */ h("p", {
+															className: "mt-1",
+															children: "If original doesn't exist → Create a new dashboard"
+														})
+													] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("p", {
+														className: "font-medium mb-1",
+														children: "A new dashboard will be created"
+													}), /* @__PURE__ */ h("p", { children: "Import as a new dashboard with the specified configuration." })] })
+												})]
+											})
+										})
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ h(O, {
+											htmlFor: "import-name",
+											children: "Dashboard Name"
+										}), /* @__PURE__ */ h(D, {
+											id: "import-name",
+											type: "text",
+											value: R,
+											onChange: (e) => z(e.target.value),
+											placeholder: q.dashboardInfo.name,
+											disabled: N === "importing"
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ h(O, { children: "Visibility" }), /* @__PURE__ */ h("div", {
+											className: "flex gap-2",
+											children: [
+												"PRIVATE",
+												"TEAM",
+												"PUBLIC"
+											].map((e) => /* @__PURE__ */ h(v, {
+												type: "button",
+												variant: B === e ? "default" : "outline",
+												size: "sm",
+												onClick: () => V(e),
+												disabled: N === "importing",
+												children: e.charAt(0) + e.slice(1).toLowerCase()
+											}, e))
+										})]
+									}),
+									q.warnings.length > 0 && /* @__PURE__ */ g("div", {
+										className: "flex items-start space-x-3",
+										children: [/* @__PURE__ */ h(x, {
+											id: "skipWarnings",
+											checked: H,
+											onCheckedChange: (e) => U(e === !0),
+											disabled: N === "importing"
+										}), /* @__PURE__ */ h("div", {
+											className: "grid gap-1.5 leading-none",
+											children: /* @__PURE__ */ h(O, {
+												htmlFor: "skipWarnings",
+												className: "cursor-pointer",
+												children: "Acknowledge warnings and proceed"
+											})
+										})]
+									})
+								]
+							})
+						] }),
+						N === "complete" && J?.success && /* @__PURE__ */ g("div", {
+							className: "text-center py-6",
+							children: [
+								J.alreadyExists && /* @__PURE__ */ g(m, { children: [
+									/* @__PURE__ */ h("div", {
+										className: "size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center",
+										children: /* @__PURE__ */ h(u, { className: "size-8 text-blue-600" })
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "Dashboard Already Exists"
+									}),
+									/* @__PURE__ */ g("p", {
+										className: "text-sm text-muted-foreground mb-4",
+										children: [
+											"Dashboard \"",
+											J.dashboard?.name,
+											"\" already exists with the same data. No changes were made."
+										]
+									})
+								] }),
+								J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ g(m, { children: [
+									/* @__PURE__ */ h("div", {
+										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
+										children: /* @__PURE__ */ h(d, { className: "size-8 text-green-600" })
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "Dashboard Updated!"
+									}),
+									/* @__PURE__ */ g("p", {
+										className: "text-sm text-muted-foreground mb-4",
+										children: [
+											"Dashboard \"",
+											J.dashboard?.name,
+											"\" has been updated with the imported data."
+										]
+									})
+								] }),
+								!J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ g(m, { children: [
+									/* @__PURE__ */ h("div", {
+										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
+										children: /* @__PURE__ */ h(c, { className: "size-8 text-green-600" })
+									}),
+									/* @__PURE__ */ h("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "Import Successful!"
+									}),
+									/* @__PURE__ */ g("p", {
+										className: "text-sm text-muted-foreground mb-4",
+										children: [
+											"Dashboard \"",
+											J.dashboard?.name,
+											"\" has been created."
+										]
+									}),
+									J.stats && /* @__PURE__ */ h(y, {
+										className: "inline-block text-left",
+										children: /* @__PURE__ */ g(b, {
+											className: "p-4",
+											children: [/* @__PURE__ */ h("p", {
+												className: "text-xs font-medium text-muted-foreground mb-2",
+												children: "Import Summary"
+											}), /* @__PURE__ */ g("div", {
+												className: "grid grid-cols-2 gap-x-6 gap-y-1 text-xs",
+												children: [
+													/* @__PURE__ */ h("span", {
+														className: "text-muted-foreground",
+														children: "Pages:"
+													}),
+													/* @__PURE__ */ h("span", { children: J.stats.pagesCreated }),
+													/* @__PURE__ */ h("span", {
+														className: "text-muted-foreground",
+														children: "Widgets:"
+													}),
+													/* @__PURE__ */ h("span", { children: J.stats.widgetsCreated }),
+													/* @__PURE__ */ h("span", {
+														className: "text-muted-foreground",
+														children: "Actions:"
+													}),
+													/* @__PURE__ */ h("span", { children: J.stats.actionsCreated })
+												]
+											})]
+										})
+									})
+								] })
+							]
+						}),
+						K && /* @__PURE__ */ h(y, {
+							className: "border-destructive/50 bg-destructive/5",
+							children: /* @__PURE__ */ h(b, {
+								className: "p-3",
+								children: /* @__PURE__ */ h("p", {
+									className: "text-sm text-destructive",
+									children: K.message
+								})
+							})
+						}),
+						J && !J.success && J.errorMessage && /* @__PURE__ */ h(y, {
+							className: "border-destructive/50 bg-destructive/5",
+							children: /* @__PURE__ */ h(b, {
+								className: "p-3",
+								children: /* @__PURE__ */ h("p", {
+									className: "text-sm text-destructive",
+									children: J.errorMessage
+								})
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ g(T, {
+					className: "flex-row justify-between sm:justify-between",
+					children: [/* @__PURE__ */ h("div", { children: N === "preview" && /* @__PURE__ */ g(v, {
+						variant: "ghost",
+						onClick: () => {
+							P("select"), F(null), L(null), Z();
+						},
+						disabled: G,
+						children: [/* @__PURE__ */ h(s, { className: "size-4" }), "Back"]
+					}) }), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2",
+						children: [
+							N !== "complete" && /* @__PURE__ */ h(v, {
+								variant: "outline",
+								onClick: j,
+								disabled: !$,
+								children: "Cancel"
+							}),
+							N === "preview" && q?.isValid && /* @__PURE__ */ g(v, {
+								onClick: ne,
+								disabled: G || q.warnings.length > 0 && !H,
+								children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Import Dashboard"]
+							}),
+							N === "importing" && /* @__PURE__ */ g("div", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ h(k, { className: "size-4" }), "Importing..."]
+							}),
+							N === "complete" && /* @__PURE__ */ h(v, {
+								onClick: j,
+								children: "Done"
+							})
+						]
+					})]
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { j as default };
+
+//# sourceMappingURL=ImportDashboardDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDashboardDialog.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/ImportDashboardDialog.tsx"],"sourcesContent":["/**\n * ImportDashboardDialog Component\n *\n * Modal dialog for importing a dashboard from JSON file.\n * Supports both creating new dashboards and updating existing ones.\n * Uses fe-libs shared UI components for consistent styling.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect, useRef } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Label } from '@burdenoff/fe-libs/ui';\nimport { Checkbox } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { Upload, FileJson, Check, AlertTriangle, XCircle, ArrowLeft, RefreshCw, Info } from 'lucide-react';\nimport { useImportDashboard, type ImportDashboardOptions } from '../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImportDashboardDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSuccess?: (dashboardId: string, dashboardName: string, originalUpdated: boolean) => void;\n}\n\ntype ImportStep = 'select' | 'preview' | 'importing' | 'complete';\n\n// ============================================================================\n// Helper: Extract dashboard ID from content\n// ============================================================================\n\nfunction extractDashboardId(content: string | null): string | null {\n  if (!content) return null;\n  try {\n    const parsed = JSON.parse(content);\n    return parsed.exportedFrom?.dashboardId || parsed.dashboard?.id || null;\n  } catch {\n    return null;\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ImportDashboardDialog: FC<ImportDashboardDialogProps> = memo(function ImportDashboardDialog({\n  isOpen,\n  onClose,\n  onSuccess,\n}) {\n  const [step, setStep] = useState<ImportStep>('select');\n  const [, setSelectedFile] = useState<File | null>(null);\n  const [fileContent, setFileContent] = useState<string | null>(null);\n  const [nameOverride, setNameOverride] = useState('');\n  const [visibility, setVisibility] = useState<'PRIVATE' | 'TEAM' | 'PUBLIC'>('PRIVATE');\n  const [skipWarnings, setSkipWarnings] = useState(false);\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const { loading, error, validationResult, importResult, validateImport, importDashboard, clearState } =\n    useImportDashboard();\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (isOpen) {\n      setStep('select');\n      setSelectedFile(null);\n      setFileContent(null);\n      setNameOverride('');\n      setVisibility('PRIVATE');\n      setSkipWarnings(false);\n      clearState();\n    }\n  }, [isOpen, clearState]);\n\n  // Handle file selection\n  const handleFileSelect = useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (!file) return;\n\n      if (!file.name.endsWith('.json')) {\n        alert('Please select a JSON file');\n        return;\n      }\n\n      setSelectedFile(file);\n\n      const reader = new FileReader();\n      reader.onload = async (event) => {\n        const content = event.target?.result as string;\n        setFileContent(content);\n\n        const result = await validateImport(content);\n        if (result) {\n          setStep('preview');\n          if (result.dashboardInfo?.name) {\n            setNameOverride(result.dashboardInfo.name);\n          }\n        }\n      };\n      reader.onerror = () => {\n        alert('Failed to read file');\n      };\n      reader.readAsText(file);\n    },\n    [validateImport]\n  );\n\n  // Handle file drop\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    const file = e.dataTransfer.files?.[0];\n    if (file) {\n      const dt = new DataTransfer();\n      dt.items.add(file);\n      if (fileInputRef.current) {\n        fileInputRef.current.files = dt.files;\n        fileInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    }\n  }, []);\n\n  // Handle import\n  const handleImport = useCallback(async () => {\n    if (!fileContent) return;\n\n    setStep('importing');\n\n    const options: ImportDashboardOptions = {\n      name: nameOverride.trim() || undefined,\n      visibility,\n      skipWarnings,\n    };\n\n    const result = await importDashboard(fileContent, options);\n\n    if (result?.success && result.dashboard) {\n      setStep('complete');\n      onSuccess?.(result.dashboard.id, result.dashboard.name, result.originalUpdated ?? false);\n    } else {\n      setStep('preview');\n    }\n  }, [fileContent, nameOverride, visibility, skipWarnings, importDashboard, onSuccess]);\n\n  const canClose = !loading && step !== 'importing';\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && canClose && onClose()}>\n      <DialogContent className=\"sm:max-w-lg max-h-[85vh] flex flex-col\">\n        <DialogHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-lg bg-primary/10\">\n              <Upload className=\"size-5 text-primary\" />\n            </div>\n            <DialogTitle>Import Dashboard</DialogTitle>\n          </div>\n          <DialogDescription>Upload a Dashboard export file to restore it into this workspace.</DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex-1 overflow-y-auto py-4 space-y-4\">\n          {/* Step 1: File Selection */}\n          {step === 'select' && (\n            <div\n              onDragOver={(e) => e.preventDefault()}\n              onDrop={handleDrop}\n              className=\"border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors\"\n            >\n              <FileJson className=\"size-12 mx-auto text-muted-foreground mb-4\" />\n              <p className=\"text-sm mb-2\">Drag and drop a dashboard export file here</p>\n              <p className=\"text-xs text-muted-foreground mb-4\">or</p>\n              <input ref={fileInputRef} type=\"file\" accept=\".json\" onChange={handleFileSelect} className=\"hidden\" />\n              <Button onClick={() => fileInputRef.current?.click()} disabled={loading}>\n                Browse Files\n              </Button>\n              <p className=\"text-xs text-muted-foreground mt-4\">\n                Only .json files exported from BigConsole are supported\n              </p>\n            </div>\n          )}\n\n          {/* Step 2: Preview & Options */}\n          {(step === 'preview' || step === 'importing') && validationResult && (\n            <>\n              {/* Dashboard Info */}\n              <Card>\n                <CardContent className=\"p-4 space-y-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm text-muted-foreground\">Dashboard</span>\n                    <span className=\"text-sm font-medium\">{validationResult.dashboardInfo.name}</span>\n                  </div>\n                  {validationResult.dashboardInfo.description && (\n                    <div className=\"flex items-start justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Description</span>\n                      <span className=\"text-sm text-right max-w-[60%] truncate\">\n                        {validationResult.dashboardInfo.description}\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm text-muted-foreground\">Pages</span>\n                    <Badge variant=\"secondary\">{validationResult.dashboardInfo.pageCount}</Badge>\n                  </div>\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm text-muted-foreground\">Widgets</span>\n                    <Badge variant=\"secondary\">{validationResult.dashboardInfo.widgetCount}</Badge>\n                  </div>\n                  {validationResult.dashboardInfo.exportedFrom && (\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Source ID</span>\n                      <span className=\"text-xs text-muted-foreground font-mono truncate max-w-[180px]\">\n                        {validationResult.dashboardInfo.exportedFrom}\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm text-muted-foreground\">Schema Version</span>\n                    <span className=\"text-xs text-muted-foreground\">\n                      {validationResult.dashboardInfo.schemaVersion}\n                    </span>\n                  </div>\n                </CardContent>\n              </Card>\n\n              {/* Validation Errors */}\n              {validationResult.errors.length > 0 && (\n                <Card className=\"border-destructive/50 bg-destructive/5\">\n                  <CardContent className=\"p-3\">\n                    <div className=\"flex items-center gap-2 mb-2\">\n                      <XCircle className=\"size-4 text-destructive\" />\n                      <span className=\"text-sm font-medium text-destructive\">\n                        Errors ({validationResult.errors.length})\n                      </span>\n                    </div>\n                    <ul className=\"text-xs text-destructive space-y-1\">\n                      {validationResult.errors.map((err, idx) => (\n                        <li key={idx}>\n                          <span className=\"font-mono\">[{err.code}]</span> {err.message}\n                        </li>\n                      ))}\n                    </ul>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Validation Warnings */}\n              {validationResult.warnings.length > 0 && (\n                <Card className=\"border-yellow-500/50 bg-yellow-500/5\">\n                  <CardContent className=\"p-3\">\n                    <div className=\"flex items-center gap-2 mb-2\">\n                      <AlertTriangle className=\"size-4 text-yellow-600\" />\n                      <span className=\"text-sm font-medium text-yellow-600\">\n                        Warnings ({validationResult.warnings.length})\n                      </span>\n                    </div>\n                    <ul className=\"text-xs text-yellow-600 space-y-1\">\n                      {validationResult.warnings.map((warn, idx) => (\n                        <li key={idx}>\n                          <span className=\"font-mono\">[{warn.code}]</span> {warn.message}\n                        </li>\n                      ))}\n                    </ul>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Import Options */}\n              {validationResult.isValid && (\n                <div className=\"space-y-4\">\n                  <p className=\"text-sm font-medium\">Import Options</p>\n\n                  {/* Import Info */}\n                  <Card className=\"border-blue-500/50 bg-blue-500/5\">\n                    <CardContent className=\"p-3\">\n                      <div className=\"flex items-start gap-2\">\n                        <Info className=\"size-4 text-blue-600 mt-0.5 shrink-0\" />\n                        <div className=\"text-xs text-blue-700 dark:text-blue-400\">\n                          {extractDashboardId(fileContent) ? (\n                            <>\n                              <p className=\"font-medium mb-1\">Import will check for existing dashboard</p>\n                              <p>\n                                If the original dashboard (ID:{' '}\n                                <code className=\"font-mono bg-blue-200/50 px-1 rounded\">\n                                  {extractDashboardId(fileContent)?.slice(0, 8)}...\n                                </code>\n                                ) exists:\n                              </p>\n                              <ul className=\"list-disc list-inside mt-1 space-y-0.5\">\n                                <li>With changes → Update the existing dashboard</li>\n                                <li>No changes → Show &quot;already exists&quot; message</li>\n                              </ul>\n                              <p className=\"mt-1\">If original doesn&apos;t exist → Create a new dashboard</p>\n                            </>\n                          ) : (\n                            <>\n                              <p className=\"font-medium mb-1\">A new dashboard will be created</p>\n                              <p>Import as a new dashboard with the specified configuration.</p>\n                            </>\n                          )}\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"import-name\">Dashboard Name</Label>\n                    <Input\n                      id=\"import-name\"\n                      type=\"text\"\n                      value={nameOverride}\n                      onChange={(e) => setNameOverride(e.target.value)}\n                      placeholder={validationResult.dashboardInfo.name}\n                      disabled={step === 'importing'}\n                    />\n                  </div>\n\n                  <div className=\"space-y-2\">\n                    <Label>Visibility</Label>\n                    <div className=\"flex gap-2\">\n                      {(['PRIVATE', 'TEAM', 'PUBLIC'] as const).map((v) => (\n                        <Button\n                          key={v}\n                          type=\"button\"\n                          variant={visibility === v ? 'default' : 'outline'}\n                          size=\"sm\"\n                          onClick={() => setVisibility(v)}\n                          disabled={step === 'importing'}\n                        >\n                          {v.charAt(0) + v.slice(1).toLowerCase()}\n                        </Button>\n                      ))}\n                    </div>\n                  </div>\n\n                  {validationResult.warnings.length > 0 && (\n                    <div className=\"flex items-start space-x-3\">\n                      <Checkbox\n                        id=\"skipWarnings\"\n                        checked={skipWarnings}\n                        onCheckedChange={(checked) => setSkipWarnings(checked === true)}\n                        disabled={step === 'importing'}\n                      />\n                      <div className=\"grid gap-1.5 leading-none\">\n                        <Label htmlFor=\"skipWarnings\" className=\"cursor-pointer\">\n                          Acknowledge warnings and proceed\n                        </Label>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n\n          {/* Step 3: Complete */}\n          {step === 'complete' && importResult?.success && (\n            <div className=\"text-center py-6\">\n              {/* Already Exists - No Changes */}\n              {importResult.alreadyExists && (\n                <>\n                  <div className=\"size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center\">\n                    <Info className=\"size-8 text-blue-600\" />\n                  </div>\n                  <h3 className=\"text-lg font-medium mb-2\">Dashboard Already Exists</h3>\n                  <p className=\"text-sm text-muted-foreground mb-4\">\n                    Dashboard &quot;{importResult.dashboard?.name}&quot; already exists with the same data. No changes\n                    were made.\n                  </p>\n                </>\n              )}\n\n              {/* Updated Existing */}\n              {importResult.originalUpdated && !importResult.alreadyExists && (\n                <>\n                  <div className=\"size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center\">\n                    <RefreshCw className=\"size-8 text-green-600\" />\n                  </div>\n                  <h3 className=\"text-lg font-medium mb-2\">Dashboard Updated!</h3>\n                  <p className=\"text-sm text-muted-foreground mb-4\">\n                    Dashboard &quot;{importResult.dashboard?.name}&quot; has been updated with the imported data.\n                  </p>\n                </>\n              )}\n\n              {/* Created New */}\n              {!importResult.originalUpdated && !importResult.alreadyExists && (\n                <>\n                  <div className=\"size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center\">\n                    <Check className=\"size-8 text-green-600\" />\n                  </div>\n                  <h3 className=\"text-lg font-medium mb-2\">Import Successful!</h3>\n                  <p className=\"text-sm text-muted-foreground mb-4\">\n                    Dashboard &quot;{importResult.dashboard?.name}&quot; has been created.\n                  </p>\n\n                  {importResult.stats && (\n                    <Card className=\"inline-block text-left\">\n                      <CardContent className=\"p-4\">\n                        <p className=\"text-xs font-medium text-muted-foreground mb-2\">Import Summary</p>\n                        <div className=\"grid grid-cols-2 gap-x-6 gap-y-1 text-xs\">\n                          <span className=\"text-muted-foreground\">Pages:</span>\n                          <span>{importResult.stats.pagesCreated}</span>\n                          <span className=\"text-muted-foreground\">Widgets:</span>\n                          <span>{importResult.stats.widgetsCreated}</span>\n                          <span className=\"text-muted-foreground\">Actions:</span>\n                          <span>{importResult.stats.actionsCreated}</span>\n                        </div>\n                      </CardContent>\n                    </Card>\n                  )}\n                </>\n              )}\n            </div>\n          )}\n\n          {/* Error */}\n          {error && (\n            <Card className=\"border-destructive/50 bg-destructive/5\">\n              <CardContent className=\"p-3\">\n                <p className=\"text-sm text-destructive\">{error.message}</p>\n              </CardContent>\n            </Card>\n          )}\n\n          {importResult && !importResult.success && importResult.errorMessage && (\n            <Card className=\"border-destructive/50 bg-destructive/5\">\n              <CardContent className=\"p-3\">\n                <p className=\"text-sm text-destructive\">{importResult.errorMessage}</p>\n              </CardContent>\n            </Card>\n          )}\n        </div>\n\n        <DialogFooter className=\"flex-row justify-between sm:justify-between\">\n          <div>\n            {step === 'preview' && (\n              <Button\n                variant=\"ghost\"\n                onClick={() => {\n                  setStep('select');\n                  setSelectedFile(null);\n                  setFileContent(null);\n                  clearState();\n                }}\n                disabled={loading}\n              >\n                <ArrowLeft className=\"size-4\" />\n                Back\n              </Button>\n            )}\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            {step !== 'complete' && (\n              <Button variant=\"outline\" onClick={onClose} disabled={!canClose}>\n                Cancel\n              </Button>\n            )}\n\n            {step === 'preview' && validationResult?.isValid && (\n              <Button\n                onClick={handleImport}\n                disabled={loading || (validationResult.warnings.length > 0 && !skipWarnings)}\n              >\n                <Upload className=\"size-4\" />\n                Import Dashboard\n              </Button>\n            )}\n\n            {step === 'importing' && (\n              <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                <Spinner className=\"size-4\" />\n                Importing...\n              </div>\n            )}\n\n            {step === 'complete' && <Button onClick={onClose}>Done</Button>}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ImportDashboardDialog;\n"],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+/**
+ * PageTabsManager Component
+ *
+ * Manages dashboard page tabs with drag-and-drop reordering.
+ */
+export interface DashboardPageTab {
+    id: string;
+    name: string;
+    order: number;
+    widgetCount?: number;
+}
+export interface PageTabsManagerProps {
+    pages: DashboardPageTab[];
+    activePageId: string;
+    onPageSelect: (pageId: string) => void;
+    onPageCreate?: () => void;
+    onPageRename?: (pageId: string, newName: string) => void;
+    onPageDuplicate?: (pageId: string) => void;
+    onPageDelete?: (pageId: string) => void;
+    onPagesReorder?: (pageIds: string[]) => void;
+    editable?: boolean;
+    className?: string;
+}
+export declare function PageTabsManager({ pages, activePageId, onPageSelect, onPageCreate, onPageRename, onPageDuplicate, onPageDelete, onPagesReorder, editable, className, }: PageTabsManagerProps): import("react/jsx-runtime").JSX.Element;
+export default PageTabsManager;
+//# sourceMappingURL=PageTabsManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageTabsManager.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/PageTabsManager/PageTabsManager.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,QAAe,EACf,SAAc,GACf,EAAE,oBAAoB,2CAuTtB;AAED,eAAe,eAAe,CAAC"}