@burdenoff/microfe-bigconsole 2026.729.4 → 2026.730.2

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

@@ -18,9 +18,8 @@ import "../builder/DashboardEditorShell.js";
 import "../builder/index.js";
 import "./DashboardCanvas.js";
 import "./LiveCanvasToggle.js";
-import "./TemplatePicker/TemplatePicker.js";
-import "./TemplatePicker/index.js";
 import "./CreateDashboardDialog.js";
 import "./ExportDashboardDialog.js";
 import "./ImportDashboardDialog.js";
+import "./TemplatePicker/index.js";
 import "./DrilldownBreadcrumb.js";

package/dist/bigconsole/graphql/storeTemplates.js

@@ -0,0 +1,27 @@
+import "../../generated/global-operations.js";
+import { gql as e } from "@apollo/client";
+//#region src/bigconsole/graphql/storeTemplates.ts
+var t = e`
+  mutation ImportDashboardTemplate($input: ImportDashboardTemplateInput!) {
+    importDashboardTemplate(input: $input) {
+      success
+      errorMessage
+      unresolvedSlots
+      resolvedSlots
+      widgetsNeedingData
+      warnings
+      stats {
+        pagesCreated
+        widgetsCreated
+      }
+      dashboard {
+        id
+        name
+      }
+    }
+  }
+`;
+//#endregion
+export { t as IMPORT_DASHBOARD_TEMPLATE };
+
+//# sourceMappingURL=storeTemplates.js.map

package/dist/bigconsole/graphql/storeTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storeTemplates.js","names":[],"sources":["../../../src/bigconsole/graphql/storeTemplates.ts"],"sourcesContent":["/**\n * GraphQL documents for store-distributed dashboard templates.\n *\n * The two catalog reads are generated from\n * `src/operations/global/store/queries/*.graphql` in the usual way.\n *\n * `IMPORT_DASHBOARD_TEMPLATE` is defined inline as an interim measure.\n * `importDashboardTemplate` is new in wspace-bigconsole-svc, so it is not yet\n * present in `graphql/wspace.graphql` — that file is only ever refreshed by\n * `bun run schema:pull` against a live gateway (hand-editing it is a repo\n * guardrail), and the gateway supergraph only carries the field once the\n * service has deployed and Hive has reconciled.\n *\n * It cannot simply be dropped into `src/operations/wspace/**` yet either:\n * `src/generated` is gitignored and CI regenerates it, so an operation file\n * referencing a field the checked-in schema lacks fails codegen and breaks the\n * build. Once `schema:pull` has run, move this document into\n * `src/operations/wspace/dashboard/mutations/importDashboardTemplate.graphql`\n * and import the generated `ImportDashboardTemplateDocument` instead — the\n * shape is unchanged.\n *\n * @module bigconsole/graphql/storeTemplates\n */\nimport { gql } from '@apollo/client';\n\nexport {\n  BrowseDashboardTemplatesDocument as BROWSE_DASHBOARD_TEMPLATES,\n  GetDashboardTemplateDetailDocument as GET_DASHBOARD_TEMPLATE_DETAIL,\n} from '../../generated/global-operations';\n\nexport const IMPORT_DASHBOARD_TEMPLATE = gql`\n  mutation ImportDashboardTemplate($input: ImportDashboardTemplateInput!) {\n    importDashboardTemplate(input: $input) {\n      success\n      errorMessage\n      unresolvedSlots\n      resolvedSlots\n      widgetsNeedingData\n      warnings\n      stats {\n        pagesCreated\n        widgetsCreated\n      }\n      dashboard {\n        id\n        name\n      }\n    }\n  }\n`;\n"],"mappings":";;;AA8BA,IAAa,IAA4B,CAAG"}

package/dist/bigconsole/hooks/useDashboardTemplates.js

@@ -1,301 +1,4 @@
-import { ArchiveTemplateDocument as e, CreateTemplateDocument as t, DeleteTemplateDocument as n, DeprecateTemplateDocument as r, GetTemplateDocument as i, InstantiateTemplateDocument as a, ListFeaturedTemplatesDocument as o, ListTemplatesDocument as s, PublishTemplateDocument as c, RateTemplateDocument as l, SearchTemplatesDocument as u, UpdateTemplateDocument as d } from "../../generated/wspace-operations.js";
-import { createBigConsoleQuotaError as f, isBigConsoleQuotaError as p } from "../utils/quota.js";
-import { useCallback as m, useState as h } from "react";
-import { useApolloClient as g } from "@apollo/client/react";
-//#region src/bigconsole/hooks/useDashboardTemplates.ts
-function _(e) {
-	return {
-		id: e.id,
-		workspaceId: e.workspaceId,
-		tenantId: e.tenantId,
-		name: e.name,
-		description: e.description,
-		category: e.category,
-		tags: e.tags || [],
-		definition: e.definition || {},
-		definitionVersion: e.definitionVersion || "1.0",
-		placeholders: e.placeholders || {},
-		thumbnailFileId: e.thumbnailFileId,
-		previewUrl: e.previewUrl,
-		authorType: e.authorType || "WORKSPACE",
-		isPublic: e.isPublic ?? !1,
-		isActive: e.isActive ?? !0,
-		isFeatured: e.isFeatured ?? !1,
-		complexity: e.complexity || "BEGINNER",
-		usageCount: e.usageCount || 0,
-		rating: e.rating,
-		ratingCount: e.ratingCount || 0,
-		status: e.status || "DRAFT",
-		version: e.version || 1,
-		metadata: e.metadata,
-		createdAt: e.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
-		createdBy: e.createdBy,
-		updatedAt: e.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
-	};
-}
-function v(e) {
-	return {
-		id: e.id,
-		workspaceId: e.workspaceId,
-		name: e.name,
-		description: e.description,
-		category: e.category,
-		tags: e.tags || [],
-		thumbnailFileId: e.thumbnailFileId,
-		previewUrl: e.previewUrl,
-		authorType: e.authorType || "WORKSPACE",
-		isPublic: e.isPublic ?? !1,
-		isFeatured: e.isFeatured ?? !1,
-		complexity: e.complexity || "BEGINNER",
-		usageCount: e.usageCount || 0,
-		rating: e.rating,
-		ratingCount: e.ratingCount || 0,
-		status: e.status || "DRAFT",
-		createdAt: e.createdAt || (/* @__PURE__ */ new Date()).toISOString()
-	};
-}
-function y() {
-	let [y, b] = h([]), [x, S] = h([]), [C, w] = h(!1), [T, E] = h(null), D = g(), O = [
-		"ANALYTICS",
-		"OPERATIONS",
-		"SALES",
-		"MARKETING",
-		"FINANCE",
-		"HR",
-		"CUSTOM"
-	], k = m(async (e) => {
-		try {
-			w(!0), E(null);
-			let t = ((await D.query({
-				query: s,
-				variables: {
-					...e,
-					first: 100
-				},
-				fetchPolicy: "network-only"
-			})).data?.listTemplates?.edges || []).map((e) => v(e.node));
-			return b(t), t;
-		} catch (e) {
-			return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch templates")), [];
-		} finally {
-			w(!1);
-		}
-	}, [D]);
-	return {
-		templates: y,
-		featuredTemplates: x,
-		categories: O,
-		loading: C,
-		error: T,
-		fetchTemplates: k,
-		fetchFeaturedTemplates: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = ((await D.query({
-					query: o,
-					variables: {
-						category: e,
-						first: 50
-					},
-					fetchPolicy: "network-only"
-				})).data?.listFeaturedTemplates?.edges || []).map((e) => v(e.node));
-				return S(t), t;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch featured templates")), [];
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		searchTemplates: m(async (e, t, n) => {
-			try {
-				w(!0), E(null);
-				let r = ((await D.query({
-					query: u,
-					variables: {
-						query: e,
-						category: t,
-						complexity: n,
-						first: 50
-					},
-					fetchPolicy: "network-only"
-				})).data?.searchTemplates?.edges || []).map((e) => v(e.node));
-				return b(r), r;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to search templates")), [];
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		getTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = await D.query({
-					query: i,
-					variables: { id: e },
-					fetchPolicy: "network-only"
-				});
-				return t.data?.getTemplate ? _(t.data.getTemplate) : null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to get template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		createTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let n = await D.mutate({
-					mutation: t,
-					variables: { input: e }
-				});
-				if (n.data?.createTemplate) {
-					let e = _(n.data.createTemplate);
-					return await k(), e;
-				}
-				return null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to create template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D, k]),
-		updateTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = await D.mutate({
-					mutation: d,
-					variables: { input: e }
-				});
-				if (t.data?.updateTemplate) {
-					let e = t.data.updateTemplate, n = _(e);
-					return b((t) => t.map((t) => t.id === n.id ? v(e) : t)), n;
-				}
-				return null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to update template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		deleteTemplate: m(async (e) => {
-			try {
-				return w(!0), E(null), (await D.mutate({
-					mutation: n,
-					variables: { id: e }
-				})).data?.deleteTemplate ? (b((t) => t.filter((t) => t.id !== e)), S((t) => t.filter((t) => t.id !== e)), !0) : !1;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to delete template")), !1;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		instantiateTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = await D.mutate({
-					mutation: a,
-					variables: { input: e }
-				});
-				if (p(t)) throw f(t);
-				return t.data?.instantiateTemplate ? (b((t) => t.map((t) => t.id === e.templateId ? {
-					...t,
-					usageCount: t.usageCount + 1
-				} : t)), t.data.instantiateTemplate) : null;
-			} catch (e) {
-				if (p(e)) throw e;
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to instantiate template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		rateTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = await D.mutate({
-					mutation: l,
-					variables: { input: e }
-				});
-				if (t.data?.rateTemplate) {
-					let e = _(t.data.rateTemplate);
-					return b((t) => t.map((t) => t.id === e.id ? {
-						...t,
-						rating: e.rating,
-						ratingCount: e.ratingCount
-					} : t)), e;
-				}
-				return null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to rate template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		publishTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = await D.mutate({
-					mutation: c,
-					variables: { id: e }
-				});
-				if (t.data?.publishTemplate) {
-					let n = _(t.data.publishTemplate);
-					return b((t) => t.map((t) => t.id === e ? {
-						...t,
-						status: "ACTIVE"
-					} : t)), n;
-				}
-				return null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to publish template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		deprecateTemplate: m(async (e) => {
-			try {
-				w(!0), E(null);
-				let t = await D.mutate({
-					mutation: r,
-					variables: { id: e }
-				});
-				if (t.data?.deprecateTemplate) {
-					let n = _(t.data.deprecateTemplate);
-					return b((t) => t.map((t) => t.id === e ? {
-						...t,
-						status: "DEPRECATED"
-					} : t)), n;
-				}
-				return null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to deprecate template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D]),
-		archiveTemplate: m(async (t) => {
-			try {
-				w(!0), E(null);
-				let n = await D.mutate({
-					mutation: e,
-					variables: { id: t }
-				});
-				if (n.data?.archiveTemplate) {
-					let e = _(n.data.archiveTemplate);
-					return b((e) => e.map((e) => e.id === t ? {
-						...e,
-						status: "ARCHIVED"
-					} : e)), e;
-				}
-				return null;
-			} catch (e) {
-				return E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to archive template")), null;
-			} finally {
-				w(!1);
-			}
-		}, [D])
-	};
-}
-//#endregion
-export { y as default };
-
-//# sourceMappingURL=useDashboardTemplates.js.map
+import "../../generated/wspace-operations.js";
+import "../utils/quota.js";
+import "react";
+import "@apollo/client/react";

package/dist/bigconsole/hooks/useStoreDashboardTemplates.js

@@ -0,0 +1,137 @@
+import { BrowseDashboardTemplatesDocument as e, GetDashboardTemplateDetailDocument as t } from "../../generated/global-operations.js";
+import { IMPORT_DASHBOARD_TEMPLATE as n } from "../graphql/storeTemplates.js";
+import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { useApolloClient as s } from "@apollo/client/react";
+import { useGatewayClient as c } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/bigconsole/hooks/useStoreDashboardTemplates.ts
+function l(e) {
+	let t = e.pricingModel ?? "FREE";
+	return {
+		id: e.id,
+		name: e.name,
+		slug: e.slug,
+		description: e.description ?? null,
+		icon: e.icon ?? null,
+		category: e.category ?? null,
+		tags: e.tags ?? [],
+		featured: e.featured ?? !1,
+		downloads: e.downloads ?? 0,
+		rating: e.rating ?? null,
+		pricingModel: t,
+		price: e.price ?? 0,
+		requiresPurchase: t !== "FREE" && (e.price ?? 0) > 0
+	};
+}
+function u(u = {}) {
+	let { search: d, category: f, autoLoad: p = !0 } = u, m = c("global"), h = s(), [g, _] = o([]), [v, y] = o(0), [b, x] = o(!1), [S, C] = o(null), w = r(async (t) => {
+		if (m) {
+			x(!0), C(null);
+			try {
+				let n = await m.query({
+					query: e,
+					variables: { input: {
+						filter: {
+							type: "DASHBOARD",
+							status: "PUBLISHED",
+							compatibleWith: "bigconsole",
+							...t ?? d ? { search: t ?? d } : {},
+							...f && f !== "ALL" ? { category: f } : {}
+						},
+						sortBy: "RELEVANCE",
+						pagination: {
+							limit: 50,
+							offset: 0
+						}
+					} },
+					fetchPolicy: "network-only"
+				});
+				_((n.data?.browseStore?.products ?? []).map(l)), y(n.data?.browseStore?.totalCount ?? 0);
+			} catch (e) {
+				C(e instanceof Error ? e.message : "Failed to load templates from the store"), _([]), y(0);
+			} finally {
+				x(!1);
+			}
+		}
+	}, [
+		m,
+		d,
+		f
+	]);
+	i(() => {
+		p && w();
+	}, [p, w]);
+	let T = r(async (e) => {
+		if (!m) return null;
+		try {
+			let n = (await m.query({
+				query: t,
+				variables: { id: e },
+				fetchPolicy: "network-only"
+			})).data?.product?.content;
+			if (!n || typeof n != "object") return null;
+			let r = n;
+			return r.definition ? {
+				definition: r.definition,
+				requiredDataSinks: r.requiredDataSinks ?? [],
+				requiredWidgetTypes: r.requiredWidgetTypes ?? [],
+				requiredInputs: r.requiredInputs ?? [],
+				defaultDashboardName: r.defaultDashboardName,
+				defaultCategory: r.defaultCategory ?? null,
+				defaultTags: r.defaultTags ?? [],
+				difficultyLevel: r.difficultyLevel ?? "medium"
+			} : null;
+		} catch {
+			return null;
+		}
+	}, [m]), E = r(async (e) => {
+		let t = (await h.mutate({
+			mutation: n,
+			variables: { input: {
+				content: e.content,
+				sourceTemplateId: e.templateId,
+				sourceTemplateName: e.templateName,
+				...e.name ? { name: e.name } : {},
+				...e.visibility ? { visibility: e.visibility } : {},
+				...e.dataSinkBindings?.length ? { dataSinkBindings: e.dataSinkBindings } : {},
+				...e.inputValues && Object.keys(e.inputValues).length ? { inputValues: e.inputValues } : {}
+			} }
+		})).data?.importDashboardTemplate;
+		return t ? {
+			success: t.success,
+			dashboardId: t.dashboard?.id,
+			errorMessage: t.errorMessage,
+			unresolvedSlots: t.unresolvedSlots ?? [],
+			resolvedSlots: t.resolvedSlots ?? [],
+			widgetsNeedingData: t.widgetsNeedingData ?? 0,
+			warnings: t.warnings ?? []
+		} : {
+			success: !1,
+			errorMessage: "No response from the server",
+			unresolvedSlots: [],
+			resolvedSlots: [],
+			widgetsNeedingData: 0,
+			warnings: []
+		};
+	}, [h]);
+	return a(() => ({
+		templates: g,
+		loading: b,
+		error: S,
+		totalCount: v,
+		refetch: w,
+		fetchTemplateContent: T,
+		installTemplate: E
+	}), [
+		g,
+		b,
+		S,
+		v,
+		w,
+		T,
+		E
+	]);
+}
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=useStoreDashboardTemplates.js.map

package/dist/bigconsole/hooks/useStoreDashboardTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoreDashboardTemplates.js","names":[],"sources":["../../../src/bigconsole/hooks/useStoreDashboardTemplates.ts"],"sourcesContent":["/**\n * Store-distributed dashboard templates.\n *\n * Dashboard templates live in the global store as `StoreProduct` rows of type\n * `DASHBOARD` whose `content` column holds a `DashboardTemplateContent`\n * document. This mirrors how FluidGrids sources its workflow templates\n * (`browseStore(type: WORKFLOW)` → `content.definitionJson` →\n * `importWorkflowTemplate`).\n *\n * Two gateways are involved: the catalog is read from the **global** gateway,\n * and the install mutation runs against the **workspace** gateway, which is\n * where the dashboard is created.\n *\n * @module bigconsole/hooks/useStoreDashboardTemplates\n */\nimport { useApolloClient } from '@apollo/client/react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  BROWSE_DASHBOARD_TEMPLATES,\n  GET_DASHBOARD_TEMPLATE_DETAIL,\n  IMPORT_DASHBOARD_TEMPLATE,\n} from '../graphql/storeTemplates';\n\n/** A column a widget expects from the sink bound to its slot. */\nexport interface TemplateExpectedField {\n  name: string;\n  role?: string;\n}\n\n/** A data-binding slot the template needs filled. */\nexport interface TemplateRequiredDataSink {\n  slot: string;\n  label: string;\n  description?: string | null;\n  expectedFields: TemplateExpectedField[];\n  widgetTitles: string[];\n}\n\nexport interface TemplateRequiredWidgetType {\n  widgetType: string;\n  widgetTypeKey?: string | null;\n  publishType: 'BUILTIN' | 'STORE' | 'CUSTOM';\n  displayName?: string;\n  requiresPurchase?: boolean;\n}\n\nexport interface TemplateRequiredInput {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'select' | 'secret';\n  label: string;\n  placeholder?: string;\n  required: boolean;\n  defaultValue?: string | number | boolean | null;\n  options?: { label: string; value: string }[];\n  helpText?: string;\n}\n\nexport interface DashboardTemplateContent {\n  definition: unknown;\n  requiredDataSinks: TemplateRequiredDataSink[];\n  requiredWidgetTypes: TemplateRequiredWidgetType[];\n  requiredInputs: TemplateRequiredInput[];\n  defaultDashboardName?: string;\n  defaultCategory?: string | null;\n  defaultTags?: string[];\n  difficultyLevel?: 'easy' | 'medium' | 'hard';\n}\n\n/** A store product presented as a template card. */\nexport interface StoreDashboardTemplate {\n  id: string;\n  name: string;\n  slug: string;\n  description?: string | null;\n  icon?: string | null;\n  category?: string | null;\n  tags: string[];\n  featured: boolean;\n  downloads: number;\n  rating?: number | null;\n  pricingModel: string;\n  price: number;\n  /** True for anything the workspace has to buy before it can be installed. */\n  requiresPurchase: boolean;\n}\n\ninterface RawStoreProduct {\n  id: string;\n  name: string;\n  slug: string;\n  description?: string | null;\n  icon?: string | null;\n  category?: string | null;\n  tags?: string[] | null;\n  featured?: boolean | null;\n  downloads?: number | null;\n  rating?: number | null;\n  pricingModel?: string | null;\n  price?: number | null;\n}\n\nexport interface InstallTemplateArgs {\n  templateId: string;\n  templateName: string;\n  content: DashboardTemplateContent;\n  name?: string;\n  visibility?: string;\n  dataSinkBindings?: { slot: string; dataSinkId: string }[];\n  inputValues?: Record<string, unknown>;\n}\n\nexport interface InstallTemplateResult {\n  success: boolean;\n  dashboardId?: string;\n  errorMessage?: string;\n  unresolvedSlots: string[];\n  resolvedSlots: string[];\n  widgetsNeedingData: number;\n  warnings: string[];\n}\n\nfunction normalizeProduct(raw: RawStoreProduct): StoreDashboardTemplate {\n  const pricingModel = raw.pricingModel ?? 'FREE';\n  return {\n    id: raw.id,\n    name: raw.name,\n    slug: raw.slug,\n    description: raw.description ?? null,\n    icon: raw.icon ?? null,\n    category: raw.category ?? null,\n    tags: raw.tags ?? [],\n    featured: raw.featured ?? false,\n    downloads: raw.downloads ?? 0,\n    rating: raw.rating ?? null,\n    pricingModel,\n    price: raw.price ?? 0,\n    requiresPurchase: pricingModel !== 'FREE' && (raw.price ?? 0) > 0,\n  };\n}\n\nexport interface UseStoreDashboardTemplatesResult {\n  templates: StoreDashboardTemplate[];\n  loading: boolean;\n  error: string | null;\n  totalCount: number;\n  refetch: (search?: string) => Promise<void>;\n  /** Fetch the full template document. Kept lazy: content is large. */\n  fetchTemplateContent: (templateId: string) => Promise<DashboardTemplateContent | null>;\n  installTemplate: (args: InstallTemplateArgs) => Promise<InstallTemplateResult>;\n}\n\nexport function useStoreDashboardTemplates(\n  options: { search?: string; category?: string; autoLoad?: boolean } = {}\n): UseStoreDashboardTemplatesResult {\n  const { search, category, autoLoad = true } = options;\n\n  const globalClient = useGatewayClient('global');\n  const workspaceClient = useApolloClient();\n\n  const [templates, setTemplates] = useState<StoreDashboardTemplate[]>([]);\n  const [totalCount, setTotalCount] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const refetch = useCallback(\n    async (overrideSearch?: string): Promise<void> => {\n      if (!globalClient) return;\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await globalClient.query<{\n          browseStore?: { products?: RawStoreProduct[]; totalCount?: number };\n        }>({\n          query: BROWSE_DASHBOARD_TEMPLATES,\n          variables: {\n            input: {\n              filter: {\n                type: 'DASHBOARD',\n                status: 'PUBLISHED',\n                // Without this a template published from another product's\n                // devportal listing would show up in BigConsole's gallery.\n                compatibleWith: 'bigconsole',\n                ...((overrideSearch ?? search) ? { search: overrideSearch ?? search } : {}),\n                ...(category && category !== 'ALL' ? { category } : {}),\n              },\n              sortBy: 'RELEVANCE',\n              pagination: { limit: 50, offset: 0 },\n            },\n          },\n          fetchPolicy: 'network-only',\n        });\n\n        setTemplates((result.data?.browseStore?.products ?? []).map(normalizeProduct));\n        setTotalCount(result.data?.browseStore?.totalCount ?? 0);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to load templates from the store');\n        setTemplates([]);\n        setTotalCount(0);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [globalClient, search, category]\n  );\n\n  useEffect(() => {\n    if (autoLoad) void refetch();\n  }, [autoLoad, refetch]);\n\n  const fetchTemplateContent = useCallback(\n    async (templateId: string): Promise<DashboardTemplateContent | null> => {\n      if (!globalClient) return null;\n      try {\n        const result = await globalClient.query<{ product?: { content?: unknown } }>({\n          query: GET_DASHBOARD_TEMPLATE_DETAIL,\n          variables: { id: templateId },\n          fetchPolicy: 'network-only',\n        });\n        const content = result.data?.product?.content;\n        if (!content || typeof content !== 'object') return null;\n        const doc = content as Partial<DashboardTemplateContent>;\n        if (!doc.definition) return null;\n        return {\n          definition: doc.definition,\n          requiredDataSinks: doc.requiredDataSinks ?? [],\n          requiredWidgetTypes: doc.requiredWidgetTypes ?? [],\n          requiredInputs: doc.requiredInputs ?? [],\n          defaultDashboardName: doc.defaultDashboardName,\n          defaultCategory: doc.defaultCategory ?? null,\n          defaultTags: doc.defaultTags ?? [],\n          difficultyLevel: doc.difficultyLevel ?? 'medium',\n        };\n      } catch {\n        return null;\n      }\n    },\n    [globalClient]\n  );\n\n  const installTemplate = useCallback(\n    async (args: InstallTemplateArgs): Promise<InstallTemplateResult> => {\n      const result = await workspaceClient.mutate<{\n        importDashboardTemplate?: InstallTemplateResult & { dashboard?: { id: string } | null };\n      }>({\n        mutation: IMPORT_DASHBOARD_TEMPLATE,\n        variables: {\n          input: {\n            content: args.content,\n            sourceTemplateId: args.templateId,\n            sourceTemplateName: args.templateName,\n            ...(args.name ? { name: args.name } : {}),\n            ...(args.visibility ? { visibility: args.visibility } : {}),\n            ...(args.dataSinkBindings?.length ? { dataSinkBindings: args.dataSinkBindings } : {}),\n            ...(args.inputValues && Object.keys(args.inputValues).length ? { inputValues: args.inputValues } : {}),\n          },\n        },\n      });\n\n      const payload = result.data?.importDashboardTemplate;\n      if (!payload) {\n        return {\n          success: false,\n          errorMessage: 'No response from the server',\n          unresolvedSlots: [],\n          resolvedSlots: [],\n          widgetsNeedingData: 0,\n          warnings: [],\n        };\n      }\n\n      return {\n        success: payload.success,\n        dashboardId: payload.dashboard?.id,\n        errorMessage: payload.errorMessage,\n        unresolvedSlots: payload.unresolvedSlots ?? [],\n        resolvedSlots: payload.resolvedSlots ?? [],\n        widgetsNeedingData: payload.widgetsNeedingData ?? 0,\n        warnings: payload.warnings ?? [],\n      };\n    },\n    [workspaceClient]\n  );\n\n  return useMemo(\n    () => ({\n      templates,\n      loading,\n      error,\n      totalCount,\n      refetch,\n      fetchTemplateContent,\n      installTemplate,\n    }),\n    [templates, loading, error, totalCount, refetch, fetchTemplateContent, installTemplate]\n  );\n}\n\nexport default useStoreDashboardTemplates;\n"],"mappings":"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"}

package/dist/generated/global-operations.js

@@ -0,0 +1,49 @@
+import { gql as e } from "@apollo/client";
+import "@apollo/client/react";
+//#region src/generated/global-operations.ts
+var t = e`
+    query BrowseDashboardTemplates($input: BrowseStoreInput!) {
+  browseStore(input: $input) {
+    totalCount
+    hasMore
+    products {
+      id
+      name
+      slug
+      description
+      icon
+      category
+      tags
+      featured
+      downloads
+      rating
+      pricingModel
+      price
+    }
+  }
+}
+    `, n = e`
+    query GetDashboardTemplateDetail($id: ID!) {
+  product(id: $id) {
+    id
+    name
+    slug
+    description
+    longDescription
+    icon
+    screenshots
+    category
+    tags
+    pricingModel
+    price
+    downloads
+    rating
+    reviewCount
+    content
+  }
+}
+    `;
+//#endregion
+export { t as BrowseDashboardTemplatesDocument, n as GetDashboardTemplateDetailDocument };
+
+//# sourceMappingURL=global-operations.js.map

package/dist/generated/global-operations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-operations.js","names":[],"sources":["../../src/generated/global-operations.ts"],"sourcesContent":["// @ts-nocheck\nimport * as Types from './global-types';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nimport * as ApolloReactHooks from '@apollo/client/react';\nconst defaultOptions = {} as const;\nexport type BrowseDashboardTemplatesQueryVariables = Types.Exact<{\n  input: Types.BrowseStoreInput;\n}>;\n\n\nexport type BrowseDashboardTemplatesQuery = { __typename?: 'Query', browseStore: { __typename?: 'BrowseStoreResult', totalCount: number, hasMore: boolean, products: Array<{ __typename?: 'StoreProduct', id: string, name: string, slug: string, description?: string | null, icon?: string | null, category?: string | null, tags: Array<string>, featured: boolean, downloads: number, rating?: number | null, pricingModel: Types.PricingModel, price: number }> } };\n\nexport type GetDashboardTemplateDetailQueryVariables = Types.Exact<{\n  id: Types.Scalars['ID']['input'];\n}>;\n\n\nexport type GetDashboardTemplateDetailQuery = { __typename?: 'Query', product?: { __typename?: 'StoreProduct', id: string, name: string, slug: string, description?: string | null, longDescription?: string | null, icon?: string | null, screenshots: Array<string>, category?: string | null, tags: Array<string>, pricingModel: Types.PricingModel, price: number, downloads: number, rating?: number | null, reviewCount: number, content?: Record<string, unknown> | null } | null };\n\n\nexport const BrowseDashboardTemplatesDocument = gql`\n    query BrowseDashboardTemplates($input: BrowseStoreInput!) {\n  browseStore(input: $input) {\n    totalCount\n    hasMore\n    products {\n      id\n      name\n      slug\n      description\n      icon\n      category\n      tags\n      featured\n      downloads\n      rating\n      pricingModel\n      price\n    }\n  }\n}\n    `;\n\n/**\n * __useBrowseDashboardTemplatesQuery__\n *\n * To run a query within a React component, call `useBrowseDashboardTemplatesQuery` and pass it any options that fit your needs.\n * When your component renders, `useBrowseDashboardTemplatesQuery` returns an object from Apollo Client that contains loading, error, and data properties\n * you can use to render your UI.\n *\n * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;\n *\n * @example\n * const { data, loading, error } = useBrowseDashboardTemplatesQuery({\n *   variables: {\n *      input: // value for 'input'\n *   },\n * });\n */\nexport function useBrowseDashboardTemplatesQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables> & ({ variables: Types.BrowseDashboardTemplatesQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useQuery<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>(BrowseDashboardTemplatesDocument, options);\n      }\nexport function useBrowseDashboardTemplatesLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>) {\n          const options = {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useLazyQuery<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>(BrowseDashboardTemplatesDocument, options);\n        }\n// @ts-ignore\nexport function useBrowseDashboardTemplatesSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>;\nexport function useBrowseDashboardTemplatesSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.BrowseDashboardTemplatesQuery | undefined, Types.BrowseDashboardTemplatesQueryVariables>;\nexport function useBrowseDashboardTemplatesSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>) {\n          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useSuspenseQuery<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>(BrowseDashboardTemplatesDocument, options);\n        }\nexport type BrowseDashboardTemplatesQueryHookResult = ReturnType<typeof useBrowseDashboardTemplatesQuery>;\nexport type BrowseDashboardTemplatesLazyQueryHookResult = ReturnType<typeof useBrowseDashboardTemplatesLazyQuery>;\nexport type BrowseDashboardTemplatesSuspenseQueryHookResult = ReturnType<typeof useBrowseDashboardTemplatesSuspenseQuery>;\nexport type BrowseDashboardTemplatesQueryResult = Apollo.QueryResult<Types.BrowseDashboardTemplatesQuery, Types.BrowseDashboardTemplatesQueryVariables>;\nexport const GetDashboardTemplateDetailDocument = gql`\n    query GetDashboardTemplateDetail($id: ID!) {\n  product(id: $id) {\n    id\n    name\n    slug\n    description\n    longDescription\n    icon\n    screenshots\n    category\n    tags\n    pricingModel\n    price\n    downloads\n    rating\n    reviewCount\n    content\n  }\n}\n    `;\n\n/**\n * __useGetDashboardTemplateDetailQuery__\n *\n * To run a query within a React component, call `useGetDashboardTemplateDetailQuery` and pass it any options that fit your needs.\n * When your component renders, `useGetDashboardTemplateDetailQuery` returns an object from Apollo Client that contains loading, error, and data properties\n * you can use to render your UI.\n *\n * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;\n *\n * @example\n * const { data, loading, error } = useGetDashboardTemplateDetailQuery({\n *   variables: {\n *      id: // value for 'id'\n *   },\n * });\n */\nexport function useGetDashboardTemplateDetailQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables> & ({ variables: Types.GetDashboardTemplateDetailQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useQuery<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>(GetDashboardTemplateDetailDocument, options);\n      }\nexport function useGetDashboardTemplateDetailLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>) {\n          const options = {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useLazyQuery<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>(GetDashboardTemplateDetailDocument, options);\n        }\n// @ts-ignore\nexport function useGetDashboardTemplateDetailSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>;\nexport function useGetDashboardTemplateDetailSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetDashboardTemplateDetailQuery | undefined, Types.GetDashboardTemplateDetailQueryVariables>;\nexport function useGetDashboardTemplateDetailSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>) {\n          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useSuspenseQuery<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>(GetDashboardTemplateDetailDocument, options);\n        }\nexport type GetDashboardTemplateDetailQueryHookResult = ReturnType<typeof useGetDashboardTemplateDetailQuery>;\nexport type GetDashboardTemplateDetailLazyQueryHookResult = ReturnType<typeof useGetDashboardTemplateDetailLazyQuery>;\nexport type GetDashboardTemplateDetailSuspenseQueryHookResult = ReturnType<typeof useGetDashboardTemplateDetailSuspenseQuery>;\nexport type GetDashboardTemplateDetailQueryResult = Apollo.QueryResult<Types.GetDashboardTemplateDetailQuery, Types.GetDashboardTemplateDetailQueryVariables>;"],"mappings":";;;AAsBA,IAAa,IAAmC,CAAG;;;;;;;;;;;;;;;;;;;;;OA0DtC,IAAqC,CAAG"}