@burdenoff/microfe-bigconsole 2026.801.3 → 2026.803.2

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

@@ -7,63 +7,65 @@ function _(e) {
 	return e.toLowerCase().split(/[^a-z0-9]+/).filter(Boolean).join("-").slice(0, 60);
 }
 var v = t(function({ isOpen: t, dashboardId: v, dashboardName: y, dashboardDescription: b, onClose: x, onPublished: S }) {
-	let { publishToStore: C } = e({ autoLoad: !1 }), [w, T] = i(y), [E, D] = i(_(y)), [O, k] = i(b ?? ""), [A, j] = i(!1), [M, N] = i(null), [P, F] = i(null);
+	let { publishToStore: C } = e({ autoLoad: !1 }), [w, T] = i(y), [E, D] = i(_(y)), [O, k] = i(b ?? ""), [A, j] = i(!1), [M, N] = i(!1), [P, F] = i(null), [I, L] = i(null);
 	r(() => {
-		t && (T(y), D(_(y)), k(b ?? ""), N(null), F(null));
+		t && (T(y), D(_(y)), k(b ?? ""), j(!1), F(null), L(null));
 	}, [
 		t,
 		y,
 		b
 	]);
-	let I = n(async () => {
+	let R = n(async () => {
 		if (!w.trim()) {
-			N("A template name is required");
+			F("A template name is required");
 			return;
 		}
 		if (!E.trim()) {
-			N("A slug is required");
+			F("A slug is required");
 			return;
 		}
 		if (!O.trim()) {
-			N("A description is required — it is what people see in the gallery");
+			F("A description is required — it is what people see in the gallery");
 			return;
 		}
-		N(null), j(!0);
+		F(null), N(!0);
 		try {
 			let e = await C({
 				dashboardId: v,
 				name: w.trim(),
 				slug: E.trim(),
-				description: O.trim()
+				description: O.trim(),
+				includeSampleData: A
 			});
 			if (!e.success) {
-				N(e.errorMessage ?? "Failed to publish to the store");
+				F(e.errorMessage ?? "Failed to publish to the store");
 				return;
 			}
-			F(e), S?.(e);
+			L(e), S?.(e);
 		} finally {
-			j(!1);
+			N(!1);
 		}
 	}, [
 		w,
 		E,
 		O,
+		A,
 		v,
 		C,
 		S
-	]), L = {
+	]), z = {
 		display: "block",
 		marginBottom: "var(--space-2xs)",
 		fontSize: "var(--font-size-sm)"
 	};
 	return /* @__PURE__ */ h(o, {
 		open: t,
-		onOpenChange: (e) => !e && !A && x(),
+		onOpenChange: (e) => !e && !M && x(),
 		children: /* @__PURE__ */ g(s, {
 			style: { maxWidth: "520px" },
 			children: [
 				/* @__PURE__ */ g(u, { children: [/* @__PURE__ */ h(d, { children: "Publish as Template" }), /* @__PURE__ */ h(c, { children: "Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing from this workspace is published." })] }),
-				P ? /* @__PURE__ */ g("div", {
+				I ? /* @__PURE__ */ g("div", {
 					style: { padding: "var(--space-md) 0" },
 					children: [
 						/* @__PURE__ */ h("p", {
@@ -76,21 +78,21 @@ var v = t(function({ isOpen: t, dashboardId: v, dashboardName: y, dashboardDescr
 								color: "var(--color-text-muted)"
 							},
 							children: [
-								P.sinkCount,
+								I.sinkCount,
 								" data source",
-								P.sinkCount === 1 ? "" : "s",
+								I.sinkCount === 1 ? "" : "s",
 								" turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved."
 							]
 						}),
-						P.unknownSinkIds.length > 0 && /* @__PURE__ */ g("p", {
+						I.unknownSinkIds.length > 0 && /* @__PURE__ */ g("p", {
 							style: {
 								fontSize: "var(--font-size-sm)",
 								color: "var(--color-text-warning)"
 							},
 							children: [
-								P.unknownSinkIds.length,
+								I.unknownSinkIds.length,
 								" data source",
-								P.unknownSinkIds.length === 1 ? "" : "s",
+								I.unknownSinkIds.length === 1 ? "" : "s",
 								" could not be named — those slots use generic labels."
 							]
 						})
@@ -104,56 +106,56 @@ var v = t(function({ isOpen: t, dashboardId: v, dashboardName: y, dashboardDescr
 					children: [
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "tpl-name",
-							style: L,
+							style: z,
 							children: "Template name"
 						}), /* @__PURE__ */ h(f, {
 							id: "tpl-name",
 							value: w,
-							disabled: A,
+							disabled: M,
 							onChange: (e) => {
 								T(e.target.value), D(_(e.target.value));
 							}
 						})] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "tpl-slug",
-							style: L,
+							style: z,
 							children: "Slug"
 						}), /* @__PURE__ */ h(f, {
 							id: "tpl-slug",
 							value: E,
-							disabled: A,
+							disabled: M,
 							onChange: (e) => D(_(e.target.value))
 						})] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "tpl-desc",
-							style: L,
+							style: z,
 							children: "Description"
 						}), /* @__PURE__ */ h(m, {
 							id: "tpl-desc",
 							rows: 3,
 							value: O,
-							disabled: A,
+							disabled: M,
 							placeholder: "What is this dashboard for, and what data does it need?",
 							onChange: (e) => k(e.target.value)
 						})] }),
-						M && /* @__PURE__ */ h("p", {
+						P && /* @__PURE__ */ h("p", {
 							style: {
 								color: "var(--color-text-danger)",
 								fontSize: "var(--font-size-sm)"
 							},
-							children: M
+							children: P
 						})
 					]
 				}),
 				/* @__PURE__ */ g(l, { children: [/* @__PURE__ */ h(a, {
 					variant: "outline",
 					onClick: x,
-					disabled: A,
-					children: P ? "Done" : "Cancel"
-				}), !P && /* @__PURE__ */ h(a, {
-					onClick: I,
-					disabled: A,
-					children: A ? /* @__PURE__ */ h(p, {}) : "Publish"
+					disabled: M,
+					children: I ? "Done" : "Cancel"
+				}), !I && /* @__PURE__ */ h(a, {
+					onClick: R,
+					disabled: M,
+					children: M ? /* @__PURE__ */ h(p, {}) : "Publish"
 				})] })
 			]
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"PublishToStoreDialog.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/PublishToStoreDialog.tsx"],"sourcesContent":["/**\n * PublishToStoreDialog\n *\n * Turns the open dashboard into a store template.\n *\n * WHY THIS EXISTS:\n *   A workflow template's {nodes, edges} can plausibly be hand-written into the\n *   developer portal. A dashboard export — every widget with its layout\n *   coordinates, bindings and filters — cannot. Without this, authoring a\n *   dashboard template means hand-crafting a large JSON document, which nobody\n *   will do, and the gallery stays empty.\n *\n * The backend tokenises the board (replacing this workspace's data-sink\n * references with named slots), then a DRAFT Dashboard Template application is\n * created in the developer portal from the result. It deliberately stops there\n * rather than writing a store product directly: devportal already owns\n * versioning, review and publisher identity for dashboard templates, and\n * forking that pipeline would orphan the listing.\n *\n * @module bigconsole/components/dashboard/PublishToStoreDialog\n */\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Spinner,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { type FC, memo, useCallback, useEffect, useState } from 'react';\n\nimport { useStoreDashboardTemplates, type PublishToStoreResult } from '../../hooks/useStoreDashboardTemplates';\n\nexport interface PublishToStoreDialogProps {\n  isOpen: boolean;\n  dashboardId: string;\n  dashboardName: string;\n  dashboardDescription?: string | null;\n  onClose: () => void;\n  onPublished?: (result: PublishToStoreResult) => void;\n}\n\n/** Store slugs are lowercase, hyphenated and unique. */\nfunction slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .split(/[^a-z0-9]+/)\n    .filter(Boolean)\n    .join('-')\n    .slice(0, 60);\n}\n\nexport const PublishToStoreDialog: FC<PublishToStoreDialogProps> = memo(function PublishToStoreDialog({\n  isOpen,\n  dashboardId,\n  dashboardName,\n  dashboardDescription,\n  onClose,\n  onPublished,\n}) {\n  const { publishToStore } = useStoreDashboardTemplates({ autoLoad: false });\n\n  const [name, setName] = useState(dashboardName);\n  const [slug, setSlug] = useState(slugify(dashboardName));\n  const [description, setDescription] = useState(dashboardDescription ?? '');\n  const [publishing, setPublishing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [result, setResult] = useState<PublishToStoreResult | null>(null);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setName(dashboardName);\n    setSlug(slugify(dashboardName));\n    setDescription(dashboardDescription ?? '');\n    setError(null);\n    setResult(null);\n  }, [isOpen, dashboardName, dashboardDescription]);\n\n  const handlePublish = useCallback(async () => {\n    if (!name.trim()) {\n      setError('A template name is required');\n      return;\n    }\n    if (!slug.trim()) {\n      setError('A slug is required');\n      return;\n    }\n    if (!description.trim()) {\n      setError('A description is required — it is what people see in the gallery');\n      return;\n    }\n\n    setError(null);\n    setPublishing(true);\n    try {\n      const published = await publishToStore({\n        dashboardId,\n        name: name.trim(),\n        slug: slug.trim(),\n        description: description.trim(),\n      });\n      if (!published.success) {\n        setError(published.errorMessage ?? 'Failed to publish to the store');\n        return;\n      }\n      setResult(published);\n      onPublished?.(published);\n    } finally {\n      setPublishing(false);\n    }\n  }, [name, slug, description, dashboardId, publishToStore, onPublished]);\n\n  const label = { display: 'block', marginBottom: 'var(--space-2xs)', fontSize: 'var(--font-size-sm)' };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !publishing && onClose()}>\n      <DialogContent style={{ maxWidth: '520px' }}>\n        <DialogHeader>\n          <DialogTitle>Publish as Template</DialogTitle>\n          <DialogDescription>\n            Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing\n            from this workspace is published.\n          </DialogDescription>\n        </DialogHeader>\n\n        {result ? (\n          <div style={{ padding: 'var(--space-md) 0' }}>\n            <p style={{ fontWeight: 'var(--font-weight-medium)' }}>Draft template created</p>\n            <p style={{ fontSize: 'var(--font-size-sm)', color: 'var(--color-text-muted)' }}>\n              {result.sinkCount} data source{result.sinkCount === 1 ? '' : 's'} turned into slots. Finish in the\n              Developer Portal: review the listing, then submit it for approval. It appears in the gallery once\n              approved.\n            </p>\n            {result.unknownSinkIds.length > 0 && (\n              <p style={{ fontSize: 'var(--font-size-sm)', color: 'var(--color-text-warning)' }}>\n                {result.unknownSinkIds.length} data source\n                {result.unknownSinkIds.length === 1 ? '' : 's'} could not be named — those slots use generic labels.\n              </p>\n            )}\n          </div>\n        ) : (\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }}>\n            <div>\n              <label htmlFor=\"tpl-name\" style={label}>\n                Template name\n              </label>\n              <Input\n                id=\"tpl-name\"\n                value={name}\n                disabled={publishing}\n                onChange={(e) => {\n                  setName(e.target.value);\n                  setSlug(slugify(e.target.value));\n                }}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"tpl-slug\" style={label}>\n                Slug\n              </label>\n              <Input\n                id=\"tpl-slug\"\n                value={slug}\n                disabled={publishing}\n                onChange={(e) => setSlug(slugify(e.target.value))}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"tpl-desc\" style={label}>\n                Description\n              </label>\n              <Textarea\n                id=\"tpl-desc\"\n                rows={3}\n                value={description}\n                disabled={publishing}\n                placeholder=\"What is this dashboard for, and what data does it need?\"\n                onChange={(e) => setDescription(e.target.value)}\n              />\n            </div>\n\n            {error && <p style={{ color: 'var(--color-text-danger)', fontSize: 'var(--font-size-sm)' }}>{error}</p>}\n          </div>\n        )}\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} disabled={publishing}>\n            {result ? 'Done' : 'Cancel'}\n          </Button>\n          {!result && (\n            <Button onClick={handlePublish} disabled={publishing}>\n              {publishing ? <Spinner /> : 'Publish'}\n            </Button>\n          )}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default PublishToStoreDialog;\n"],"mappings":";;;;;AA+CA,SAAS,EAAQ,GAAuB;AACtC,QAAO,EACJ,aAAa,CACb,MAAM,aAAa,CACnB,OAAO,QAAQ,CACf,KAAK,IAAI,CACT,MAAM,GAAG,GAAG;;AAGjB,IAAa,IAAsD,EAAK,SAA8B,EACpG,WACA,gBACA,kBACA,yBACA,YACA,kBACC;CACD,IAAM,EAAE,sBAAmB,EAA2B,EAAE,UAAU,IAAO,CAAC,EAEpE,CAAC,GAAM,KAAW,EAAS,EAAc,EACzC,CAAC,GAAM,KAAW,EAAS,EAAQ,EAAc,CAAC,EAClD,CAAC,GAAa,KAAkB,EAAS,KAAwB,GAAG,EACpE,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAQ,KAAa,EAAsC,KAAK;AAEvE,SAAgB;AACT,QACL,EAAQ,EAAc,EACtB,EAAQ,EAAQ,EAAc,CAAC,EAC/B,EAAe,KAAwB,GAAG,EAC1C,EAAS,KAAK,EACd,EAAU,KAAK;IACd;EAAC;EAAQ;EAAe;EAAqB,CAAC;CAEjD,IAAM,IAAgB,EAAY,YAAY;AAC5C,MAAI,CAAC,EAAK,MAAM,EAAE;AAChB,KAAS,8BAA8B;AACvC;;AAEF,MAAI,CAAC,EAAK,MAAM,EAAE;AAChB,KAAS,qBAAqB;AAC9B;;AAEF,MAAI,CAAC,EAAY,MAAM,EAAE;AACvB,KAAS,mEAAmE;AAC5E;;AAIF,EADA,EAAS,KAAK,EACd,EAAc,GAAK;AACnB,MAAI;GACF,IAAM,IAAY,MAAM,EAAe;IACrC;IACA,MAAM,EAAK,MAAM;IACjB,MAAM,EAAK,MAAM;IACjB,aAAa,EAAY,MAAM;IAChC,CAAC;AACF,OAAI,CAAC,EAAU,SAAS;AACtB,MAAS,EAAU,gBAAgB,iCAAiC;AACpE;;AAGF,GADA,EAAU,EAAU,EACpB,IAAc,EAAU;YAChB;AACR,KAAc,GAAM;;IAErB;EAAC;EAAM;EAAM;EAAa;EAAa;EAAgB;EAAY,CAAC,EAEjE,IAAQ;EAAE,SAAS;EAAS,cAAc;EAAoB,UAAU;EAAuB;AAErG,QACE,kBAAC,GAAD;EAAQ,MAAM;EAAQ,eAAe,MAAS,CAAC,KAAQ,CAAC,KAAc,GAAS;YAC7E,kBAAC,GAAD;GAAe,OAAO,EAAE,UAAU,SAAS;aAA3C;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAa,uBAAiC,CAAA,EAC9C,kBAAC,GAAD,EAAA,UAAmB,8IAGC,CAAA,CACP,EAAA,CAAA;IAEd,IACC,kBAAC,OAAD;KAAK,OAAO,EAAE,SAAS,qBAAqB;eAA5C;MACE,kBAAC,KAAD;OAAG,OAAO,EAAE,YAAY,6BAA6B;iBAAE;OAA0B,CAAA;MACjF,kBAAC,KAAD;OAAG,OAAO;QAAE,UAAU;QAAuB,OAAO;QAA2B;iBAA/E;QACG,EAAO;QAAU;QAAa,EAAO,cAAc,IAAI,KAAK;QAAI;QAG/D;;MACH,EAAO,eAAe,SAAS,KAC9B,kBAAC,KAAD;OAAG,OAAO;QAAE,UAAU;QAAuB,OAAO;QAA6B;iBAAjF;QACG,EAAO,eAAe;QAAO;QAC7B,EAAO,eAAe,WAAW,IAAI,KAAK;QAAI;QAC7C;;MAEF;SAEN,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,eAAe;MAAU,KAAK;MAAmB;eAAhF;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAW,OAAO;iBAAO;OAEhC,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,OAAO;OACP,UAAU;OACV,WAAW,MAAM;AAEf,QADA,EAAQ,EAAE,OAAO,MAAM,EACvB,EAAQ,EAAQ,EAAE,OAAO,MAAM,CAAC;;OAElC,CAAA,CACE,EAAA,CAAA;MAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAW,OAAO;iBAAO;OAEhC,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,OAAO;OACP,UAAU;OACV,WAAW,MAAM,EAAQ,EAAQ,EAAE,OAAO,MAAM,CAAC;OACjD,CAAA,CACE,EAAA,CAAA;MAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAW,OAAO;iBAAO;OAEhC,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,MAAM;OACN,OAAO;OACP,UAAU;OACV,aAAY;OACZ,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;OAC/C,CAAA,CACE,EAAA,CAAA;MAEL,KAAS,kBAAC,KAAD;OAAG,OAAO;QAAE,OAAO;QAA4B,UAAU;QAAuB;iBAAG;OAAU,CAAA;MACnG;;IAGR,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,SAAS;KAAS,UAAU;eACnD,IAAS,SAAS;KACZ,CAAA,EACR,CAAC,KACA,kBAAC,GAAD;KAAQ,SAAS;KAAe,UAAU;eACvC,IAAa,kBAAC,GAAD,EAAW,CAAA,GAAG;KACrB,CAAA,CAEE,EAAA,CAAA;IACD;;EACT,CAAA;EAEX"}
+{"version":3,"file":"PublishToStoreDialog.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/PublishToStoreDialog.tsx"],"sourcesContent":["/**\n * PublishToStoreDialog\n *\n * Turns the open dashboard into a store template.\n *\n * WHY THIS EXISTS:\n *   A workflow template's {nodes, edges} can plausibly be hand-written into the\n *   developer portal. A dashboard export — every widget with its layout\n *   coordinates, bindings and filters — cannot. Without this, authoring a\n *   dashboard template means hand-crafting a large JSON document, which nobody\n *   will do, and the gallery stays empty.\n *\n * The backend tokenises the board (replacing this workspace's data-sink\n * references with named slots), then a DRAFT Dashboard Template application is\n * created in the developer portal from the result. It deliberately stops there\n * rather than writing a store product directly: devportal already owns\n * versioning, review and publisher identity for dashboard templates, and\n * forking that pipeline would orphan the listing.\n *\n * @module bigconsole/components/dashboard/PublishToStoreDialog\n */\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Spinner,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { type FC, memo, useCallback, useEffect, useState } from 'react';\n\nimport { useStoreDashboardTemplates, type PublishToStoreResult } from '../../hooks/useStoreDashboardTemplates';\n\nexport interface PublishToStoreDialogProps {\n  isOpen: boolean;\n  dashboardId: string;\n  dashboardName: string;\n  dashboardDescription?: string | null;\n  onClose: () => void;\n  onPublished?: (result: PublishToStoreResult) => void;\n}\n\n/** Store slugs are lowercase, hyphenated and unique. */\nfunction slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .split(/[^a-z0-9]+/)\n    .filter(Boolean)\n    .join('-')\n    .slice(0, 60);\n}\n\nexport const PublishToStoreDialog: FC<PublishToStoreDialogProps> = memo(function PublishToStoreDialog({\n  isOpen,\n  dashboardId,\n  dashboardName,\n  dashboardDescription,\n  onClose,\n  onPublished,\n}) {\n  const { publishToStore } = useStoreDashboardTemplates({ autoLoad: false });\n\n  const [name, setName] = useState(dashboardName);\n  const [slug, setSlug] = useState(slugify(dashboardName));\n  const [description, setDescription] = useState(dashboardDescription ?? '');\n  const [includeSampleData, setIncludeSampleData] = useState(false);\n  const [publishing, setPublishing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [result, setResult] = useState<PublishToStoreResult | null>(null);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setName(dashboardName);\n    setSlug(slugify(dashboardName));\n    setDescription(dashboardDescription ?? '');\n    setIncludeSampleData(false);\n    setError(null);\n    setResult(null);\n  }, [isOpen, dashboardName, dashboardDescription]);\n\n  const handlePublish = useCallback(async () => {\n    if (!name.trim()) {\n      setError('A template name is required');\n      return;\n    }\n    if (!slug.trim()) {\n      setError('A slug is required');\n      return;\n    }\n    if (!description.trim()) {\n      setError('A description is required — it is what people see in the gallery');\n      return;\n    }\n\n    setError(null);\n    setPublishing(true);\n    try {\n      const published = await publishToStore({\n        dashboardId,\n        name: name.trim(),\n        slug: slug.trim(),\n        description: description.trim(),\n        includeSampleData,\n      });\n      if (!published.success) {\n        setError(published.errorMessage ?? 'Failed to publish to the store');\n        return;\n      }\n      setResult(published);\n      onPublished?.(published);\n    } finally {\n      setPublishing(false);\n    }\n  }, [name, slug, description, includeSampleData, dashboardId, publishToStore, onPublished]);\n\n  const label = { display: 'block', marginBottom: 'var(--space-2xs)', fontSize: 'var(--font-size-sm)' };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !publishing && onClose()}>\n      <DialogContent style={{ maxWidth: '520px' }}>\n        <DialogHeader>\n          <DialogTitle>Publish as Template</DialogTitle>\n          <DialogDescription>\n            Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing\n            from this workspace is published.\n          </DialogDescription>\n        </DialogHeader>\n\n        {result ? (\n          <div style={{ padding: 'var(--space-md) 0' }}>\n            <p style={{ fontWeight: 'var(--font-weight-medium)' }}>Draft template created</p>\n            <p style={{ fontSize: 'var(--font-size-sm)', color: 'var(--color-text-muted)' }}>\n              {result.sinkCount} data source{result.sinkCount === 1 ? '' : 's'} turned into slots. Finish in the\n              Developer Portal: review the listing, then submit it for approval. It appears in the gallery once\n              approved.\n            </p>\n            {result.unknownSinkIds.length > 0 && (\n              <p style={{ fontSize: 'var(--font-size-sm)', color: 'var(--color-text-warning)' }}>\n                {result.unknownSinkIds.length} data source\n                {result.unknownSinkIds.length === 1 ? '' : 's'} could not be named — those slots use generic labels.\n              </p>\n            )}\n          </div>\n        ) : (\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }}>\n            <div>\n              <label htmlFor=\"tpl-name\" style={label}>\n                Template name\n              </label>\n              <Input\n                id=\"tpl-name\"\n                value={name}\n                disabled={publishing}\n                onChange={(e) => {\n                  setName(e.target.value);\n                  setSlug(slugify(e.target.value));\n                }}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"tpl-slug\" style={label}>\n                Slug\n              </label>\n              <Input\n                id=\"tpl-slug\"\n                value={slug}\n                disabled={publishing}\n                onChange={(e) => setSlug(slugify(e.target.value))}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"tpl-desc\" style={label}>\n                Description\n              </label>\n              <Textarea\n                id=\"tpl-desc\"\n                rows={3}\n                value={description}\n                disabled={publishing}\n                placeholder=\"What is this dashboard for, and what data does it need?\"\n                onChange={(e) => setDescription(e.target.value)}\n              />\n            </div>\n\n            {error && <p style={{ color: 'var(--color-text-danger)', fontSize: 'var(--font-size-sm)' }}>{error}</p>}\n          </div>\n        )}\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} disabled={publishing}>\n            {result ? 'Done' : 'Cancel'}\n          </Button>\n          {!result && (\n            <Button onClick={handlePublish} disabled={publishing}>\n              {publishing ? <Spinner /> : 'Publish'}\n            </Button>\n          )}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default PublishToStoreDialog;\n"],"mappings":";;;;;AA+CA,SAAS,EAAQ,GAAuB;AACtC,QAAO,EACJ,aAAa,CACb,MAAM,aAAa,CACnB,OAAO,QAAQ,CACf,KAAK,IAAI,CACT,MAAM,GAAG,GAAG;;AAGjB,IAAa,IAAsD,EAAK,SAA8B,EACpG,WACA,gBACA,kBACA,yBACA,YACA,kBACC;CACD,IAAM,EAAE,sBAAmB,EAA2B,EAAE,UAAU,IAAO,CAAC,EAEpE,CAAC,GAAM,KAAW,EAAS,EAAc,EACzC,CAAC,GAAM,KAAW,EAAS,EAAQ,EAAc,CAAC,EAClD,CAAC,GAAa,KAAkB,EAAS,KAAwB,GAAG,EACpE,CAAC,GAAmB,KAAwB,EAAS,GAAM,EAC3D,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAQ,KAAa,EAAsC,KAAK;AAEvE,SAAgB;AACT,QACL,EAAQ,EAAc,EACtB,EAAQ,EAAQ,EAAc,CAAC,EAC/B,EAAe,KAAwB,GAAG,EAC1C,EAAqB,GAAM,EAC3B,EAAS,KAAK,EACd,EAAU,KAAK;IACd;EAAC;EAAQ;EAAe;EAAqB,CAAC;CAEjD,IAAM,IAAgB,EAAY,YAAY;AAC5C,MAAI,CAAC,EAAK,MAAM,EAAE;AAChB,KAAS,8BAA8B;AACvC;;AAEF,MAAI,CAAC,EAAK,MAAM,EAAE;AAChB,KAAS,qBAAqB;AAC9B;;AAEF,MAAI,CAAC,EAAY,MAAM,EAAE;AACvB,KAAS,mEAAmE;AAC5E;;AAIF,EADA,EAAS,KAAK,EACd,EAAc,GAAK;AACnB,MAAI;GACF,IAAM,IAAY,MAAM,EAAe;IACrC;IACA,MAAM,EAAK,MAAM;IACjB,MAAM,EAAK,MAAM;IACjB,aAAa,EAAY,MAAM;IAC/B;IACD,CAAC;AACF,OAAI,CAAC,EAAU,SAAS;AACtB,MAAS,EAAU,gBAAgB,iCAAiC;AACpE;;AAGF,GADA,EAAU,EAAU,EACpB,IAAc,EAAU;YAChB;AACR,KAAc,GAAM;;IAErB;EAAC;EAAM;EAAM;EAAa;EAAmB;EAAa;EAAgB;EAAY,CAAC,EAEpF,IAAQ;EAAE,SAAS;EAAS,cAAc;EAAoB,UAAU;EAAuB;AAErG,QACE,kBAAC,GAAD;EAAQ,MAAM;EAAQ,eAAe,MAAS,CAAC,KAAQ,CAAC,KAAc,GAAS;YAC7E,kBAAC,GAAD;GAAe,OAAO,EAAE,UAAU,SAAS;aAA3C;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAa,uBAAiC,CAAA,EAC9C,kBAAC,GAAD,EAAA,UAAmB,8IAGC,CAAA,CACP,EAAA,CAAA;IAEd,IACC,kBAAC,OAAD;KAAK,OAAO,EAAE,SAAS,qBAAqB;eAA5C;MACE,kBAAC,KAAD;OAAG,OAAO,EAAE,YAAY,6BAA6B;iBAAE;OAA0B,CAAA;MACjF,kBAAC,KAAD;OAAG,OAAO;QAAE,UAAU;QAAuB,OAAO;QAA2B;iBAA/E;QACG,EAAO;QAAU;QAAa,EAAO,cAAc,IAAI,KAAK;QAAI;QAG/D;;MACH,EAAO,eAAe,SAAS,KAC9B,kBAAC,KAAD;OAAG,OAAO;QAAE,UAAU;QAAuB,OAAO;QAA6B;iBAAjF;QACG,EAAO,eAAe;QAAO;QAC7B,EAAO,eAAe,WAAW,IAAI,KAAK;QAAI;QAC7C;;MAEF;SAEN,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,eAAe;MAAU,KAAK;MAAmB;eAAhF;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAW,OAAO;iBAAO;OAEhC,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,OAAO;OACP,UAAU;OACV,WAAW,MAAM;AAEf,QADA,EAAQ,EAAE,OAAO,MAAM,EACvB,EAAQ,EAAQ,EAAE,OAAO,MAAM,CAAC;;OAElC,CAAA,CACE,EAAA,CAAA;MAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAW,OAAO;iBAAO;OAEhC,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,OAAO;OACP,UAAU;OACV,WAAW,MAAM,EAAQ,EAAQ,EAAE,OAAO,MAAM,CAAC;OACjD,CAAA,CACE,EAAA,CAAA;MAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAW,OAAO;iBAAO;OAEhC,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,MAAM;OACN,OAAO;OACP,UAAU;OACV,aAAY;OACZ,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;OAC/C,CAAA,CACE,EAAA,CAAA;MAEL,KAAS,kBAAC,KAAD;OAAG,OAAO;QAAE,OAAO;QAA4B,UAAU;QAAuB;iBAAG;OAAU,CAAA;MACnG;;IAGR,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,SAAS;KAAS,UAAU;eACnD,IAAS,SAAS;KACZ,CAAA,EACR,CAAC,KACA,kBAAC,GAAD;KAAQ,SAAS;KAAe,UAAU;eACvC,IAAa,kBAAC,GAAD,EAAW,CAAA,GAAG;KACrB,CAAA,CAEE,EAAA,CAAA;IACD;;EACT,CAAA;EAEX"}

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

@@ -2,7 +2,27 @@ import e from "../../../hooks/useDashboardEmbedPolicy.js";
 import { useEffect as t, useMemo as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx
-function s(e) {
+var s = [
+	{
+		value: "light",
+		label: "Light"
+	},
+	{
+		value: "dark",
+		label: "Dark"
+	},
+	{
+		value: "auto",
+		label: "Auto (match viewer)"
+	}
+];
+function c(e, t) {
+	return t === "light" ? e : e.replace(/(?<=\s)src="([^"]*)"/, (e, n) => {
+		let r = n.indexOf("#"), i = r === -1 ? n : n.slice(0, r), a = r === -1 ? "" : n.slice(r);
+		return `src="${i}${i.includes("?") ? "&" : "?"}theme=${t}${a}"`;
+	});
+}
+function l(e) {
 	let t = e.trim();
 	if (!t) return null;
 	try {
@@ -12,65 +32,65 @@ function s(e) {
 		return null;
 	}
 }
-function c({ dashboardId: c, colors: l }) {
-	let { policy: u, secret: d, loading: f, error: p, fetchPolicy: m, publishToWeb: h, setAllowedOrigins: g, rotateKey: _, unpublish: v } = e(), [y, b] = r(""), [x, S] = r([]), [C, w] = r(!1), [T, E] = r(!1), [D, O] = r(null);
+function u({ dashboardId: u, colors: d }) {
+	let { policy: f, secret: p, loading: m, error: h, fetchPolicy: g, publishToWeb: _, setAllowedOrigins: v, rotateKey: y, unpublish: b } = e(), [x, S] = r(""), [C, w] = r([]), [T, E] = r(!1), [D, O] = r(!1), [k, A] = r("light"), [j, M] = r(null);
 	t(() => {
-		c && m(c);
-	}, [c, m]);
-	let k = u?.status === "ACTIVE", A = k ? u?.allowedParentOrigins ?? [] : x, j = n(() => d?.iframeSnippet ? d.iframeSnippet : null, [d]), M = () => {
-		O(null);
-		let e = s(y);
+		u && g(u);
+	}, [u, g]);
+	let N = f?.status === "ACTIVE", P = N ? f?.allowedParentOrigins ?? [] : C, F = n(() => p?.iframeSnippet ? c(p.iframeSnippet, k) : null, [p, k]), I = () => {
+		M(null);
+		let e = l(x);
 		if (!e) {
-			O("Enter a valid https origin, e.g. https://example.com");
+			M("Enter a valid https origin, e.g. https://example.com");
 			return;
 		}
-		if (A.includes(e)) {
-			b("");
+		if (P.includes(e)) {
+			S("");
 			return;
 		}
-		k && u ? g(u.id, [...A, e]) : S((t) => [...t, e]), b("");
-	}, N = (e) => {
-		k && u ? g(u.id, A.filter((t) => t !== e)) : S((t) => t.filter((t) => t !== e));
-	}, P = async () => {
-		if (O(null), x.length === 0) {
-			O("Add at least one allowed website domain before publishing.");
+		N && f ? v(f.id, [...P, e]) : w((t) => [...t, e]), S("");
+	}, L = (e) => {
+		N && f ? v(f.id, P.filter((t) => t !== e)) : w((t) => t.filter((t) => t !== e));
+	}, R = async () => {
+		if (M(null), C.length === 0) {
+			M("Add at least one allowed website domain before publishing.");
 			return;
 		}
-		if (!C) {
-			O("Please confirm this dashboard is safe to be public.");
+		if (!T) {
+			M("Please confirm this dashboard is safe to be public.");
 			return;
 		}
-		await h(c, x, !0);
-	}, F = async (e) => {
+		await _(u, C, !0);
+	}, z = async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), E(!0), setTimeout(() => E(!1), 1500);
+			await navigator.clipboard.writeText(e), O(!0), setTimeout(() => O(!1), 1500);
 		} catch {
-			O("Could not copy — select and copy manually.");
+			M("Could not copy — select and copy manually.");
 		}
-	}, I = {
+	}, B = {
 		padding: "8px 14px",
 		borderRadius: "8px",
 		border: "none",
-		background: l.actionPrimaryBg,
+		background: d.actionPrimaryBg,
 		color: "#fff",
 		fontSize: "13px",
 		fontWeight: 600,
 		cursor: "pointer"
-	}, L = {
+	}, V = {
 		padding: "8px 14px",
 		borderRadius: "8px",
-		border: `1px solid ${l.borderDefault}`,
+		border: `1px solid ${d.borderDefault}`,
 		background: "transparent",
-		color: l.textPrimary,
+		color: d.textPrimary,
 		fontSize: "13px",
 		cursor: "pointer"
-	}, R = {
+	}, H = {
 		flex: 1,
 		padding: "8px 10px",
 		borderRadius: "8px",
-		border: `1px solid ${l.borderDefault}`,
-		background: l.bgSecondary,
-		color: l.textPrimary,
+		border: `1px solid ${d.borderDefault}`,
+		background: d.bgSecondary,
+		color: d.textPrimary,
 		fontSize: "13px"
 	};
 	return /* @__PURE__ */ o("div", {
@@ -83,23 +103,23 @@ function c({ dashboardId: c, colors: l }) {
 					justifyContent: "space-between",
 					padding: "12px 14px",
 					borderRadius: "10px",
-					background: l.bgSecondary,
+					background: d.bgSecondary,
 					marginBottom: "16px"
 				},
 				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
 					style: {
 						fontSize: "14px",
 						fontWeight: 600,
-						color: l.textPrimary
+						color: d.textPrimary
 					},
 					children: "Publish to the web"
 				}), /* @__PURE__ */ a("div", {
 					style: {
 						fontSize: "12px",
-						color: l.textSecondary,
+						color: d.textSecondary,
 						marginTop: "2px"
 					},
-					children: k ? "This dashboard is live. Anyone with the link on an allowed website sees its live data." : "Embed this dashboard on your website. Viewers see live data — no login required."
+					children: N ? "This dashboard is live. Anyone with the link on an allowed website sees its live data." : "Embed this dashboard on your website. Viewers see live data — no login required."
 				})] }), /* @__PURE__ */ a("span", {
 					style: {
 						fontSize: "11px",
@@ -107,9 +127,9 @@ function c({ dashboardId: c, colors: l }) {
 						padding: "3px 8px",
 						borderRadius: "999px",
 						color: "#fff",
-						background: k ? l.statusSuccessBg : l.textTertiary
+						background: N ? d.statusSuccessBg : d.textTertiary
 					},
-					children: k ? "PUBLISHED" : "PRIVATE"
+					children: N ? "PUBLISHED" : "PRIVATE"
 				})]
 			}),
 			/* @__PURE__ */ o("div", {
@@ -119,7 +139,7 @@ function c({ dashboardId: c, colors: l }) {
 						style: {
 							fontSize: "12px",
 							fontWeight: 600,
-							color: l.textSecondary,
+							color: d.textSecondary,
 							marginBottom: "6px"
 						},
 						children: "Allowed website domains"
@@ -131,24 +151,24 @@ function c({ dashboardId: c, colors: l }) {
 							marginBottom: "8px"
 						},
 						children: [/* @__PURE__ */ a("input", {
-							style: R,
+							style: H,
 							placeholder: "https://yoursite.com",
-							value: y,
-							onChange: (e) => b(e.target.value),
+							value: x,
+							onChange: (e) => S(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && M();
+								e.key === "Enter" && I();
 							}
 						}), /* @__PURE__ */ a("button", {
-							style: L,
-							onClick: M,
+							style: V,
+							onClick: I,
 							type: "button",
 							children: "Add"
 						})]
 					}),
-					A.length === 0 ? /* @__PURE__ */ a("div", {
+					P.length === 0 ? /* @__PURE__ */ a("div", {
 						style: {
 							fontSize: "12px",
-							color: l.textTertiary
+							color: d.textTertiary
 						},
 						children: "No domains yet. Only listed https domains may frame this dashboard."
 					}) : /* @__PURE__ */ a("div", {
@@ -157,28 +177,28 @@ function c({ dashboardId: c, colors: l }) {
 							flexDirection: "column",
 							gap: "6px"
 						},
-						children: A.map((e) => /* @__PURE__ */ o("div", {
+						children: P.map((e) => /* @__PURE__ */ o("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								justifyContent: "space-between",
 								padding: "6px 10px",
 								borderRadius: "8px",
-								background: l.bgTertiary
+								background: d.bgTertiary
 							},
 							children: [/* @__PURE__ */ a("span", {
 								style: {
 									fontSize: "13px",
-									color: l.textPrimary
+									color: d.textPrimary
 								},
 								children: e
 							}), /* @__PURE__ */ a("button", {
 								style: {
-									...L,
+									...V,
 									padding: "2px 8px",
-									color: l.statusErrorText
+									color: d.statusErrorText
 								},
-								onClick: () => N(e),
+								onClick: () => L(e),
 								type: "button",
 								children: "Remove"
 							})]
@@ -186,7 +206,7 @@ function c({ dashboardId: c, colors: l }) {
 					})
 				]
 			}),
-			!k && /* @__PURE__ */ o("div", {
+			!N && /* @__PURE__ */ o("div", {
 				style: { marginBottom: "8px" },
 				children: [/* @__PURE__ */ o("label", {
 					style: {
@@ -197,46 +217,85 @@ function c({ dashboardId: c, colors: l }) {
 					},
 					children: [/* @__PURE__ */ a("input", {
 						type: "checkbox",
-						checked: C,
-						onChange: (e) => w(e.target.checked)
+						checked: T,
+						onChange: (e) => E(e.target.checked)
 					}), /* @__PURE__ */ a("span", {
 						style: {
 							fontSize: "12px",
-							color: l.textSecondary
+							color: d.textSecondary
 						},
 						children: "I understand this makes the dashboard's live data visible to anyone with the link, and I confirm it is safe to be public."
 					})]
 				}), /* @__PURE__ */ a("button", {
-					style: I,
-					onClick: P,
-					disabled: f,
+					style: B,
+					onClick: R,
+					disabled: m,
 					type: "button",
-					children: f ? "Publishing…" : "Publish to web"
+					children: m ? "Publishing…" : "Publish to web"
 				})]
 			}),
-			k && /* @__PURE__ */ o(i, { children: [j ? /* @__PURE__ */ o("div", {
+			N && /* @__PURE__ */ o(i, { children: [F ? /* @__PURE__ */ o("div", {
 				style: { marginBottom: "16px" },
 				children: [
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						style: {
-							fontSize: "12px",
-							fontWeight: 600,
-							color: l.textSecondary,
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
 							marginBottom: "6px"
 						},
-						children: "Embed snippet"
+						children: [/* @__PURE__ */ a("span", {
+							style: {
+								fontSize: "12px",
+								fontWeight: 600,
+								color: d.textSecondary
+							},
+							children: "Embed snippet"
+						}), /* @__PURE__ */ o("label", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "6px"
+							},
+							children: [/* @__PURE__ */ a("span", {
+								style: {
+									fontSize: "12px",
+									color: d.textTertiary
+								},
+								children: "Theme"
+							}), /* @__PURE__ */ a("select", {
+								value: k,
+								onChange: (e) => {
+									let t = e.target.value;
+									(t === "light" || t === "dark" || t === "auto") && A(t);
+								},
+								style: {
+									padding: "4px 8px",
+									borderRadius: "6px",
+									border: `1px solid ${d.borderDefault}`,
+									background: d.bgSecondary,
+									color: d.textPrimary,
+									fontSize: "12px",
+									cursor: "pointer"
+								},
+								children: s.map((e) => /* @__PURE__ */ a("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							})]
+						})]
 					}),
 					/* @__PURE__ */ a("textarea", {
 						readOnly: !0,
-						value: j,
+						value: F,
 						style: {
 							width: "100%",
 							minHeight: "96px",
 							padding: "10px",
 							borderRadius: "8px",
-							border: `1px solid ${l.borderDefault}`,
-							background: l.bgSecondary,
-							color: l.textPrimary,
+							border: `1px solid ${d.borderDefault}`,
+							background: d.bgSecondary,
+							color: d.textPrimary,
 							fontFamily: "monospace",
 							fontSize: "12px",
 							resize: "vertical"
@@ -244,19 +303,19 @@ function c({ dashboardId: c, colors: l }) {
 					}),
 					/* @__PURE__ */ a("button", {
 						style: {
-							...L,
+							...V,
 							marginTop: "8px"
 						},
-						onClick: () => F(j),
+						onClick: () => z(F),
 						type: "button",
-						children: T ? "Copied ✓" : "Copy snippet"
+						children: D ? "Copied ✓" : "Copy snippet"
 					})
 				]
 			}) : /* @__PURE__ */ o("div", {
 				style: {
 					fontSize: "12px",
-					color: l.textSecondary,
-					background: l.bgSecondary,
+					color: d.textSecondary,
+					background: d.bgSecondary,
 					borderRadius: "8px",
 					padding: "10px 12px",
 					marginBottom: "16px"
@@ -272,37 +331,37 @@ function c({ dashboardId: c, colors: l }) {
 					gap: "8px"
 				},
 				children: [/* @__PURE__ */ a("button", {
-					style: L,
-					onClick: () => u && _(u.id),
-					disabled: f,
+					style: V,
+					onClick: () => f && y(f.id),
+					disabled: m,
 					type: "button",
 					children: "Rotate link"
 				}), /* @__PURE__ */ a("button", {
 					style: {
-						...L,
-						color: l.statusErrorText,
-						borderColor: l.statusErrorText
+						...V,
+						color: d.statusErrorText,
+						borderColor: d.statusErrorText
 					},
 					onClick: () => {
-						u && window.confirm("Unpublish this dashboard? The embed will stop working immediately for anyone using the link.") && v(u.id);
+						f && window.confirm("Unpublish this dashboard? The embed will stop working immediately for anyone using the link.") && b(f.id);
 					},
-					disabled: f,
+					disabled: m,
 					type: "button",
 					children: "Unpublish"
 				})]
 			})] }),
-			(D || p) && /* @__PURE__ */ a("div", {
+			(j || h) && /* @__PURE__ */ a("div", {
 				style: {
 					marginTop: "12px",
 					fontSize: "12px",
-					color: l.statusErrorText
+					color: d.statusErrorText
 				},
-				children: D ?? p?.message
+				children: j ?? h?.message
 			})
 		]
 	});
 }
 //#endregion
-export { c as default };
+export { u as default };
 
 //# sourceMappingURL=EmbedTab.js.map