@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

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

@@ -1,167 +1,159 @@
 import e from "../../hooks/useStoreDashboardTemplates.js";
 import { memo as t, useCallback as n, useEffect as r, useState as i } from "react";
-import { Button as a, Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d, Input as f, Spinner as p, Textarea as m } from "@burdenoff/fe-libs/ui";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as o, Dialog as s, DialogContent as c, DialogDescription as l, DialogFooter as u, DialogHeader as d, DialogTitle as f, Input as p, Spinner as m, Textarea as h } from "@burdenoff/fe-libs/ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/PublishToStoreDialog.tsx
-function _(e) {
+function v(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(!1), [P, F] = i(null), [I, L] = i(null);
+var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescription: x, onClose: S, onPublished: C }) {
+	let { t: w } = a(), { publishToStore: T } = e({ autoLoad: !1 }), [E, D] = i(b), [O, k] = i(v(b)), [A, j] = i(x ?? ""), [M, N] = i(!1), [P, F] = i(!1), [I, L] = i(null), [R, z] = i(null);
 	r(() => {
-		t && (T(y), D(_(y)), k(b ?? ""), j(!1), F(null), L(null));
+		t && (D(b), k(v(b)), j(x ?? ""), N(!1), L(null), z(null));
 	}, [
 		t,
-		y,
-		b
+		b,
+		x
 	]);
-	let R = n(async () => {
-		if (!w.trim()) {
-			F("A template name is required");
-			return;
-		}
+	let B = n(async () => {
 		if (!E.trim()) {
-			F("A slug is required");
+			L(w("bigconsole.dashboards.publishStore.error.nameRequired", "A template name is required"));
 			return;
 		}
 		if (!O.trim()) {
-			F("A description is required — it is what people see in the gallery");
+			L(w("bigconsole.dashboards.publishStore.error.slugRequired", "A slug is required"));
 			return;
 		}
-		F(null), N(!0);
+		if (!A.trim()) {
+			L(w("bigconsole.dashboards.publishStore.error.descriptionRequired", "A description is required — it is what people see in the gallery"));
+			return;
+		}
+		L(null), F(!0);
 		try {
-			let e = await C({
-				dashboardId: v,
-				name: w.trim(),
-				slug: E.trim(),
-				description: O.trim(),
-				includeSampleData: A
+			let e = await T({
+				dashboardId: y,
+				name: E.trim(),
+				slug: O.trim(),
+				description: A.trim(),
+				includeSampleData: M
 			});
 			if (!e.success) {
-				F(e.errorMessage ?? "Failed to publish to the store");
+				L(e.errorMessage ?? w("bigconsole.dashboards.publishStore.error.publishFailed", "Failed to publish to the store"));
 				return;
 			}
-			L(e), S?.(e);
+			z(e), C?.(e);
 		} finally {
-			N(!1);
+			F(!1);
 		}
 	}, [
-		w,
 		E,
 		O,
 		A,
-		v,
+		M,
+		y,
+		T,
 		C,
-		S
-	]), z = {
+		w
+	]), V = {
 		display: "block",
 		marginBottom: "var(--space-2xs)",
 		fontSize: "var(--font-size-sm)"
 	};
-	return /* @__PURE__ */ h(o, {
+	return /* @__PURE__ */ g(s, {
 		open: t,
-		onOpenChange: (e) => !e && !M && x(),
-		children: /* @__PURE__ */ g(s, {
+		onOpenChange: (e) => !e && !P && S(),
+		children: /* @__PURE__ */ _(c, {
 			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." })] }),
-				I ? /* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _(d, { children: [/* @__PURE__ */ g(f, { children: w("bigconsole.dashboards.publishStore.title", "Publish as Template") }), /* @__PURE__ */ g(l, { children: w("bigconsole.dashboards.publishStore.subtitle", "Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing from this workspace is published.") })] }),
+				R ? /* @__PURE__ */ _("div", {
 					style: { padding: "var(--space-md) 0" },
 					children: [
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ g("p", {
 							style: { fontWeight: "var(--font-weight-medium)" },
-							children: "Draft template created"
+							children: w("bigconsole.dashboards.publishStore.result.title", "Draft template created")
 						}),
 						/* @__PURE__ */ g("p", {
 							style: {
 								fontSize: "var(--font-size-sm)",
 								color: "var(--color-text-muted)"
 							},
-							children: [
-								I.sinkCount,
-								" data source",
-								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."
-							]
+							children: R.sinkCount === 1 ? w("bigconsole.dashboards.publishStore.result.sinksOne", "{{count}} data source turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved.", { count: R.sinkCount ?? "" }) : w("bigconsole.dashboards.publishStore.result.sinksMany", "{{count}} data sources turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved.", { count: R.sinkCount ?? "" })
 						}),
-						I.unknownSinkIds.length > 0 && /* @__PURE__ */ g("p", {
+						R.unknownSinkIds.length > 0 && /* @__PURE__ */ g("p", {
 							style: {
 								fontSize: "var(--font-size-sm)",
 								color: "var(--color-text-warning)"
 							},
-							children: [
-								I.unknownSinkIds.length,
-								" data source",
-								I.unknownSinkIds.length === 1 ? "" : "s",
-								" could not be named — those slots use generic labels."
-							]
+							children: R.unknownSinkIds.length === 1 ? w("bigconsole.dashboards.publishStore.result.unknownOne", "{{count}} data source could not be named — those slots use generic labels.", { count: R.unknownSinkIds.length ?? "" }) : w("bigconsole.dashboards.publishStore.result.unknownMany", "{{count}} data sources could not be named — those slots use generic labels.", { count: R.unknownSinkIds.length ?? "" })
 						})
 					]
-				}) : /* @__PURE__ */ g("div", {
+				}) : /* @__PURE__ */ _("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: "var(--space-sm)"
 					},
 					children: [
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
 							htmlFor: "tpl-name",
-							style: z,
-							children: "Template name"
-						}), /* @__PURE__ */ h(f, {
+							style: V,
+							children: w("bigconsole.dashboards.publishStore.field.name", "Template name")
+						}), /* @__PURE__ */ g(p, {
 							id: "tpl-name",
-							value: w,
-							disabled: M,
+							value: E,
+							disabled: P,
 							onChange: (e) => {
-								T(e.target.value), D(_(e.target.value));
+								D(e.target.value), k(v(e.target.value));
 							}
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
 							htmlFor: "tpl-slug",
-							style: z,
-							children: "Slug"
-						}), /* @__PURE__ */ h(f, {
+							style: V,
+							children: w("bigconsole.dashboards.publishStore.field.slug", "Slug")
+						}), /* @__PURE__ */ g(p, {
 							id: "tpl-slug",
-							value: E,
-							disabled: M,
-							onChange: (e) => D(_(e.target.value))
+							value: O,
+							disabled: P,
+							onChange: (e) => k(v(e.target.value))
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
 							htmlFor: "tpl-desc",
-							style: z,
-							children: "Description"
-						}), /* @__PURE__ */ h(m, {
+							style: V,
+							children: w("bigconsole.dashboards.publishStore.field.description", "Description")
+						}), /* @__PURE__ */ g(h, {
 							id: "tpl-desc",
 							rows: 3,
-							value: O,
-							disabled: M,
-							placeholder: "What is this dashboard for, and what data does it need?",
-							onChange: (e) => k(e.target.value)
+							value: A,
+							disabled: P,
+							placeholder: w("bigconsole.dashboards.publishStore.field.descriptionPlaceholder", "What is this dashboard for, and what data does it need?"),
+							onChange: (e) => j(e.target.value)
 						})] }),
-						P && /* @__PURE__ */ h("p", {
+						I && /* @__PURE__ */ g("p", {
 							style: {
 								color: "var(--color-text-danger)",
 								fontSize: "var(--font-size-sm)"
 							},
-							children: P
+							children: I
 						})
 					]
 				}),
-				/* @__PURE__ */ g(l, { children: [/* @__PURE__ */ h(a, {
+				/* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(o, {
 					variant: "outline",
-					onClick: x,
-					disabled: M,
-					children: I ? "Done" : "Cancel"
-				}), !I && /* @__PURE__ */ h(a, {
-					onClick: R,
-					disabled: M,
-					children: M ? /* @__PURE__ */ h(p, {}) : "Publish"
+					onClick: S,
+					disabled: P,
+					children: R ? w("bigconsole.dashboards.publishStore.action.done", "Done") : w("bigconsole.dashboards.publishStore.action.cancel", "Cancel")
+				}), !R && /* @__PURE__ */ g(o, {
+					onClick: B,
+					disabled: P,
+					children: P ? /* @__PURE__ */ g(m, {}) : w("bigconsole.dashboards.publishStore.action.publish", "Publish")
 				})] })
 			]
 		})
 	});
 });
 //#endregion
-export { v as default };
+export { y as default };
 
 //# sourceMappingURL=PublishToStoreDialog.js.map

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 [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":"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"}
+{"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';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\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 { t } = useI18n();\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(t('bigconsole.dashboards.publishStore.error.nameRequired', 'A template name is required'));\n      return;\n    }\n    if (!slug.trim()) {\n      setError(t('bigconsole.dashboards.publishStore.error.slugRequired', 'A slug is required'));\n      return;\n    }\n    if (!description.trim()) {\n      setError(\n        t(\n          'bigconsole.dashboards.publishStore.error.descriptionRequired',\n          'A description is required — it is what people see in the gallery'\n        )\n      );\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(\n          published.errorMessage ??\n            t('bigconsole.dashboards.publishStore.error.publishFailed', 'Failed to publish to the store')\n        );\n        return;\n      }\n      setResult(published);\n      onPublished?.(published);\n    } finally {\n      setPublishing(false);\n    }\n  }, [name, slug, description, includeSampleData, dashboardId, publishToStore, onPublished, t]);\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>{t('bigconsole.dashboards.publishStore.title', 'Publish as Template')}</DialogTitle>\n          <DialogDescription>\n            {t(\n              'bigconsole.dashboards.publishStore.subtitle',\n              'Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing from this workspace is published.'\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        {result ? (\n          <div style={{ padding: 'var(--space-md) 0' }}>\n            <p style={{ fontWeight: 'var(--font-weight-medium)' }}>\n              {t('bigconsole.dashboards.publishStore.result.title', 'Draft template created')}\n            </p>\n            <p style={{ fontSize: 'var(--font-size-sm)', color: 'var(--color-text-muted)' }}>\n              {result.sinkCount === 1\n                ? t(\n                    'bigconsole.dashboards.publishStore.result.sinksOne',\n                    '{{count}} data source turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved.',\n                    { count: result.sinkCount ?? '' }\n                  )\n                : t(\n                    'bigconsole.dashboards.publishStore.result.sinksMany',\n                    '{{count}} data sources turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved.',\n                    { count: result.sinkCount ?? '' }\n                  )}\n            </p>\n            {result.unknownSinkIds.length > 0 && (\n              <p style={{ fontSize: 'var(--font-size-sm)', color: 'var(--color-text-warning)' }}>\n                {result.unknownSinkIds.length === 1\n                  ? t(\n                      'bigconsole.dashboards.publishStore.result.unknownOne',\n                      '{{count}} data source could not be named — those slots use generic labels.',\n                      { count: result.unknownSinkIds.length ?? '' }\n                    )\n                  : t(\n                      'bigconsole.dashboards.publishStore.result.unknownMany',\n                      '{{count}} data sources could not be named — those slots use generic labels.',\n                      { count: result.unknownSinkIds.length ?? '' }\n                    )}\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                {t('bigconsole.dashboards.publishStore.field.name', '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                {t('bigconsole.dashboards.publishStore.field.slug', '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                {t('bigconsole.dashboards.publishStore.field.description', 'Description')}\n              </label>\n              <Textarea\n                id=\"tpl-desc\"\n                rows={3}\n                value={description}\n                disabled={publishing}\n                placeholder={t(\n                  'bigconsole.dashboards.publishStore.field.descriptionPlaceholder',\n                  'What is this dashboard for, and what data does it need?'\n                )}\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\n              ? t('bigconsole.dashboards.publishStore.action.done', 'Done')\n              : t('bigconsole.dashboards.publishStore.action.cancel', 'Cancel')}\n          </Button>\n          {!result && (\n            <Button onClick={handlePublish} disabled={publishing}>\n              {publishing ? <Spinner /> : t('bigconsole.dashboards.publishStore.action.publish', 'Publish')}\n            </Button>\n          )}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default PublishToStoreDialog;\n"],"mappings":"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"}