drizzle-cube 0.4.53 → 0.5.0

package/dist/client/chunks/{RetentionHeatmap-CyREolyP.js → RetentionHeatmap-B_5sewwi.js}

@@ -1,14 +1,15 @@
-import { c as e } from "./retention-YhT1Oohi.js";
-import t, { useMemo as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { k as e } from "./chart-activity-grid-CWT0gLv4.js";
+import { c as t } from "./retention-YhT1Oohi.js";
+import n, { useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/client/components/charts/RetentionHeatmap.tsx
-function o(e) {
+function s(e) {
 	return `rgba(34, 197, 94, ${.1 + Math.max(0, Math.min(1, e)) * .7})`;
 }
-function s(e) {
+function c(e) {
 	return e > .5 ? "#ffffff" : "var(--dc-text)";
 }
-function c(e) {
+function l(e) {
 	if (/^\d{4}-\d{2}$/.test(e)) return e;
 	let t = new Date(e);
 	return isNaN(t.getTime()) ? e : t.toLocaleDateString("en-US", {
@@ -16,25 +17,25 @@ function c(e) {
 		month: "short"
 	});
 }
-function l(e) {
+function u(e) {
 	return `${Math.round(e * 100)}%`;
 }
-var u = t.memo(function({ data: t, height: u = "100%", displayConfig: d }) {
-	let [f, p] = r(null), m = n(() => {
-		if (!t) return null;
-		if (e(t)) return t;
-		if (Array.isArray(t) && t.length > 0) {
-			let e = t, n = [...new Set(e.map((e) => e.breakdownValue || "All Users"))].sort(), r = [...new Set(e.map((e) => e.period))].sort((e, t) => e - t);
+var d = n.memo(function({ data: n, height: d = "100%", displayConfig: f }) {
+	let { t: p } = e(), [m, h] = i(null), g = r(() => {
+		if (!n) return null;
+		if (t(n)) return n;
+		if (Array.isArray(n) && n.length > 0) {
+			let e = n, t = [...new Set(e.map((e) => e.breakdownValue || "All Users"))].sort(), r = [...new Set(e.map((e) => e.period))].sort((e, t) => e - t);
 			return {
 				rows: e,
-				breakdownValues: n.length > 1 || n[0] !== "All Users" ? n : void 0,
+				breakdownValues: t.length > 1 || t[0] !== "All Users" ? t : void 0,
 				periods: r
 			};
 		}
 		return null;
-	}, [t]), h = n(() => {
-		if (!m) return null;
-		let { rows: e, breakdownValues: t, periods: n } = m, r = t || ["All Users"], i = /* @__PURE__ */ new Map();
+	}, [n]), _ = r(() => {
+		if (!g) return null;
+		let { rows: e, breakdownValues: t, periods: n } = g, r = t || ["All Users"], i = /* @__PURE__ */ new Map();
 		for (let t of e) i.set(`${t.breakdownValue || "All Users"}:${t.period}`, t);
 		return r.map((e) => {
 			let t = n.map((t) => i.get(`${e}:${t}`) || null);
@@ -44,10 +45,10 @@ var u = t.memo(function({ data: t, height: u = "100%", displayConfig: d }) {
 				periods: t
 			};
 		});
-	}, [m]), g = (e, t, n, r) => {
+	}, [g]), v = (e, t, n, r) => {
 		if (!r) return;
 		let i = e.currentTarget.getBoundingClientRect();
-		p({
+		h({
 			cohort: t,
 			period: n,
 			cohortSize: r.cohortSize,
@@ -56,92 +57,92 @@ var u = t.memo(function({ data: t, height: u = "100%", displayConfig: d }) {
 			x: i.left + i.width / 2,
 			y: i.top
 		});
-	}, _ = () => {
-		p(null);
+	}, y = () => {
+		h(null);
 	};
-	if (!t || Array.isArray(t) && t.length === 0) return /* @__PURE__ */ i("div", {
+	if (!n || Array.isArray(n) && n.length === 0) return /* @__PURE__ */ a("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: u },
-		children: /* @__PURE__ */ a("div", {
+		style: { height: d },
+		children: /* @__PURE__ */ o("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: "No data available"
-			}), /* @__PURE__ */ i("div", {
+				children: p("chart.runtime.noData")
+			}), /* @__PURE__ */ a("div", {
 				className: "dc:text-xs text-dc-text-secondary",
-				children: "Configure retention analysis to see results"
+				children: p("chart.runtime.noDataHint.retention")
 			})]
 		})
 	});
-	if (!h || h.length === 0) return /* @__PURE__ */ i("div", {
+	if (!_ || _.length === 0) return /* @__PURE__ */ a("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: u },
-		children: /* @__PURE__ */ a("div", {
+		style: { height: d },
+		children: /* @__PURE__ */ o("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: "Unable to render retention data"
-			}), /* @__PURE__ */ i("div", {
+				children: p("chart.runtime.unableToRender")
+			}), /* @__PURE__ */ a("div", {
 				className: "dc:text-xs text-dc-text-secondary",
-				children: "Data format may be incorrect"
+				children: p("chart.runtime.dataFormatIncorrect")
 			})]
 		})
 	});
-	let v = m?.periods ?? [], y = d?.showLegend ?? !0;
-	return /* @__PURE__ */ a("div", {
+	let b = g?.periods ?? [], x = f?.showLegend ?? !0;
+	return /* @__PURE__ */ o("div", {
 		className: "dc:relative dc:w-full dc:h-full dc:overflow-auto",
-		style: { height: u },
+		style: { height: d },
 		children: [
-			/* @__PURE__ */ a("table", {
+			/* @__PURE__ */ o("table", {
 				className: "dc:w-full dc:border-collapse dc:text-sm",
-				children: [/* @__PURE__ */ i("thead", {
+				children: [/* @__PURE__ */ a("thead", {
 					className: "dc:sticky dc:top-0 bg-dc-bg dc:z-10",
-					children: /* @__PURE__ */ a("tr", { children: [
-						/* @__PURE__ */ i("th", {
+					children: /* @__PURE__ */ o("tr", { children: [
+						/* @__PURE__ */ a("th", {
 							className: "dc:text-left dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:min-w-[100px]",
-							children: "Cohort"
+							children: p("chart.runtime.retention.cohort")
 						}),
-						/* @__PURE__ */ i("th", {
+						/* @__PURE__ */ a("th", {
 							className: "dc:text-right dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:min-w-[80px]",
-							children: "Users"
+							children: p("chart.runtime.retention.users")
 						}),
-						v.map((e) => /* @__PURE__ */ a("th", {
+						b.map((e) => /* @__PURE__ */ o("th", {
 							className: "dc:text-center dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:min-w-[60px]",
 							children: ["P", e]
 						}, e))
 					] })
-				}), /* @__PURE__ */ i("tbody", { children: h.map((e, t) => /* @__PURE__ */ a("tr", {
+				}), /* @__PURE__ */ a("tbody", { children: _.map((e, t) => /* @__PURE__ */ o("tr", {
 					className: t % 2 == 0 ? "bg-dc-bg" : "bg-dc-surface-secondary",
 					children: [
-						/* @__PURE__ */ i("td", {
+						/* @__PURE__ */ a("td", {
 							className: "dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:whitespace-nowrap",
-							children: c(e.cohort)
+							children: l(e.cohort)
 						}),
-						/* @__PURE__ */ i("td", {
+						/* @__PURE__ */ a("td", {
 							className: "dc:p-2 dc:text-right text-dc-text-secondary dc:border-b border-dc-border",
 							children: e.cohortSize.toLocaleString()
 						}),
 						e.periods.map((t, n) => {
-							let r = v[n], a = t?.retentionRate ?? 0;
-							return /* @__PURE__ */ i("td", {
+							let r = b[n], i = t?.retentionRate ?? 0;
+							return /* @__PURE__ */ a("td", {
 								className: "dc:p-2 dc:text-center dc:border-b border-dc-border dc:cursor-default dc:transition-opacity dc:hover:opacity-80",
 								style: {
-									backgroundColor: t ? o(a) : "transparent",
-									color: t ? s(a) : "var(--dc-text-muted)"
+									backgroundColor: t ? s(i) : "transparent",
+									color: t ? c(i) : "var(--dc-text-muted)"
 								},
-								onMouseEnter: (n) => g(n, e.cohort, r, t),
-								onMouseLeave: _,
-								children: t ? l(a) : "-"
+								onMouseEnter: (n) => v(n, e.cohort, r, t),
+								onMouseLeave: y,
+								children: t ? u(i) : "-"
 							}, r);
 						})
 					]
 				}, e.cohort)) })]
 			}),
-			y && /* @__PURE__ */ a("div", {
+			x && /* @__PURE__ */ o("div", {
 				className: "dc:flex dc:items-center dc:justify-center dc:mt-4 dc:gap-2 dc:text-xs text-dc-text-secondary",
 				children: [
-					/* @__PURE__ */ i("span", { children: "0%" }),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("span", { children: "0%" }),
+					/* @__PURE__ */ a("div", {
 						className: "dc:flex dc:h-4",
 						children: [
 							0,
@@ -150,36 +151,35 @@ var u = t.memo(function({ data: t, height: u = "100%", displayConfig: d }) {
 							.6,
 							.8,
 							1
-						].map((e) => /* @__PURE__ */ i("div", {
+						].map((e) => /* @__PURE__ */ a("div", {
 							className: "dc:w-6 dc:h-4",
-							style: { backgroundColor: o(e) }
+							style: { backgroundColor: s(e) }
 						}, e))
 					}),
-					/* @__PURE__ */ i("span", { children: "100%" })
+					/* @__PURE__ */ a("span", { children: "100%" })
 				]
 			}),
-			f && /* @__PURE__ */ a("div", {
+			m && /* @__PURE__ */ o("div", {
 				className: "dc:fixed dc:z-50 dc:px-3 dc:py-2 bg-dc-surface dc:border border-dc-border dc:rounded dc:shadow-lg dc:text-sm dc:pointer-events-none",
 				style: {
-					left: f.x,
-					top: f.y - 10,
+					left: m.x,
+					top: m.y - 10,
 					transform: "translate(-50%, -100%)"
 				},
 				children: [/* @__PURE__ */ a("div", {
 					className: "dc:font-medium text-dc-text dc:mb-1",
-					children: [
-						c(f.cohort),
-						" - Period ",
-						f.period
-					]
-				}), /* @__PURE__ */ a("div", {
+					children: p("chart.runtime.retention.periodLabel", {
+						cohort: l(m.cohort),
+						period: m.period
+					})
+				}), /* @__PURE__ */ o("div", {
 					className: "text-dc-text-secondary dc:space-y-0.5",
 					children: [
-						/* @__PURE__ */ a("div", { children: ["Cohort Size: ", f.cohortSize.toLocaleString()] }),
-						/* @__PURE__ */ a("div", { children: ["Retained: ", f.retainedUsers.toLocaleString()] }),
+						/* @__PURE__ */ a("div", { children: p("chart.runtime.retention.cohortSize", { count: m.cohortSize.toLocaleString() }) }),
+						/* @__PURE__ */ a("div", { children: p("chart.runtime.retention.retained", { count: m.retainedUsers.toLocaleString() }) }),
 						/* @__PURE__ */ a("div", {
 							className: "dc:font-medium text-dc-text",
-							children: ["Rate: ", l(f.retentionRate)]
+							children: p("chart.runtime.retention.rate", { rate: u(m.retentionRate) })
 						})
 					]
 				})]
@@ -188,6 +188,6 @@ var u = t.memo(function({ data: t, height: u = "100%", displayConfig: d }) {
 	});
 });
 //#endregion
-export { u as default };
+export { d as default };
 
-//# sourceMappingURL=RetentionHeatmap-CyREolyP.js.map
+//# sourceMappingURL=RetentionHeatmap-B_5sewwi.js.map

package/dist/client/chunks/RetentionHeatmap-B_5sewwi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionHeatmap-B_5sewwi.js","names":[],"sources":["../../../src/client/components/charts/RetentionHeatmap.tsx"],"sourcesContent":["/**\n * RetentionHeatmap Component\n *\n * Visualizes retention analysis data as a cohort × period matrix.\n * Displays retention rates with color intensity based on percentage.\n *\n * Features:\n * - Cohort labels in first column (e.g., \"2024-01\", \"2024-02\")\n * - Cohort size in second column\n * - Period columns (P0, P1, P2, ... PN)\n * - Cell background color intensity based on retention rate\n * - Hover tooltip with detailed stats\n */\n\nimport React, { useMemo, useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport type { ChartProps } from '../../types'\nimport type { RetentionChartData, RetentionResultRow } from '../../types/retention'\nimport { isRetentionData } from '../../types/retention'\n\n/**\n * Get color with opacity based on retention rate\n * Uses a green gradient: higher retention = more saturated green\n */\nfunction getRetentionColor(rate: number): string {\n  // Clamp rate between 0 and 1\n  const clampedRate = Math.max(0, Math.min(1, rate))\n\n  // Use CSS variable for theming support\n  // Fallback to a green color if CSS var not available\n  const alpha = 0.1 + clampedRate * 0.7 // Range from 0.1 to 0.8 opacity\n\n  // Green color (success color)\n  return `rgba(34, 197, 94, ${alpha})`\n}\n\n/**\n * Get text color that contrasts with background\n */\nfunction getTextColor(rate: number): string {\n  // Use dark text for lower rates, light text for higher rates\n  return rate > 0.5 ? '#ffffff' : 'var(--dc-text)'\n}\n\n/**\n * Format cohort period for display\n * Converts date strings to readable format\n */\nfunction formatCohortPeriod(cohort: string): string {\n  // If it's already in YYYY-MM format, return as-is\n  if (/^\\d{4}-\\d{2}$/.test(cohort)) {\n    return cohort\n  }\n\n  // Try to parse as date\n  const date = new Date(cohort)\n  if (!isNaN(date.getTime())) {\n    return date.toLocaleDateString('en-US', { year: 'numeric', month: 'short' })\n  }\n\n  return cohort\n}\n\n/**\n * Format percentage for display\n */\nfunction formatPercentage(rate: number): string {\n  return `${Math.round(rate * 100)}%`\n}\n\ninterface TooltipData {\n  cohort: string\n  period: number\n  cohortSize: number\n  retainedUsers: number\n  retentionRate: number\n  x: number\n  y: number\n}\n\n/**\n * RetentionHeatmap Component\n */\nconst RetentionHeatmap = React.memo(function RetentionHeatmap({\n  data,\n  height = '100%',\n  displayConfig,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [tooltip, setTooltip] = useState<TooltipData | null>(null)\n\n  // Parse retention data\n  const retentionData = useMemo<RetentionChartData | null>(() => {\n    if (!data) return null\n\n    // Check if data is already in RetentionChartData format\n    if (isRetentionData(data)) {\n      return data\n    }\n\n    // If data is an array of RetentionResultRow, convert it\n    if (Array.isArray(data) && data.length > 0) {\n      const rows = data as RetentionResultRow[]\n      const breakdownValues = [...new Set(rows.map(r => r.breakdownValue || 'All Users'))].sort()\n      const periods = [...new Set(rows.map(r => r.period))].sort((a, b) => a - b)\n\n      return {\n        rows,\n        breakdownValues: breakdownValues.length > 1 || breakdownValues[0] !== 'All Users' ? breakdownValues : undefined,\n        periods,\n      }\n    }\n\n    return null\n  }, [data])\n\n  // Build matrix for display\n  // In the new simplified format, rows are grouped by breakdownValue (or 'All Users' if no breakdown)\n  const matrix = useMemo(() => {\n    if (!retentionData) return null\n\n    const { rows, breakdownValues, periods } = retentionData\n\n    // Determine segments: use breakdownValues if available, otherwise single 'All Users' segment\n    const segments = breakdownValues || ['All Users']\n\n    // Create a lookup map for quick access: segment:period -> row\n    const lookup = new Map<string, RetentionResultRow>()\n    for (const row of rows) {\n      const segment = row.breakdownValue || 'All Users'\n      lookup.set(`${segment}:${row.period}`, row)\n    }\n\n    // Build matrix structure - one row per segment\n    return segments.map((segment: string) => {\n      const segmentRows = periods.map(period => {\n        const row = lookup.get(`${segment}:${period}`)\n        return row || null\n      })\n\n      // Get cohort size from period 0\n      const period0 = segmentRows[0]\n      const cohortSize = period0?.cohortSize ?? 0\n\n      return {\n        cohort: segment, // Keep 'cohort' key for compatibility with rendering\n        cohortSize,\n        periods: segmentRows,\n      }\n    })\n  }, [retentionData])\n\n  // Handle mouse enter on cell\n  const handleMouseEnter = (\n    event: React.MouseEvent,\n    cohort: string,\n    period: number,\n    row: RetentionResultRow | null\n  ) => {\n    if (!row) return\n\n    const rect = event.currentTarget.getBoundingClientRect()\n    setTooltip({\n      cohort,\n      period,\n      cohortSize: row.cohortSize,\n      retainedUsers: row.retainedUsers,\n      retentionRate: row.retentionRate,\n      x: rect.left + rect.width / 2,\n      y: rect.top,\n    })\n  }\n\n  const handleMouseLeave = () => {\n    setTooltip(null)\n  }\n\n  // Handle empty/loading states\n  if (!data || (Array.isArray(data) && data.length === 0)) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.noDataHint.retention')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  if (!matrix || matrix.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.unableToRender')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.dataFormatIncorrect')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  const periods = retentionData?.periods ?? []\n  const showLegend = displayConfig?.showLegend ?? true\n\n  return (\n    <div className=\"dc:relative dc:w-full dc:h-full dc:overflow-auto\" style={{ height }}>\n      {/* Retention Matrix Table */}\n      <table className=\"dc:w-full dc:border-collapse dc:text-sm\">\n        <thead className=\"dc:sticky dc:top-0 bg-dc-bg dc:z-10\">\n          <tr>\n            <th className=\"dc:text-left dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:min-w-[100px]\">\n              {t('chart.runtime.retention.cohort')}\n            </th>\n            <th className=\"dc:text-right dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:min-w-[80px]\">\n              {t('chart.runtime.retention.users')}\n            </th>\n            {periods.map(period => (\n              <th\n                key={period}\n                className=\"dc:text-center dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:min-w-[60px]\"\n              >\n                P{period}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {matrix.map((row, rowIndex) => (\n            <tr key={row.cohort} className={rowIndex % 2 === 0 ? 'bg-dc-bg' : 'bg-dc-surface-secondary'}>\n              <td className=\"dc:p-2 dc:font-medium text-dc-text dc:border-b border-dc-border dc:whitespace-nowrap\">\n                {formatCohortPeriod(row.cohort)}\n              </td>\n              <td className=\"dc:p-2 dc:text-right text-dc-text-secondary dc:border-b border-dc-border\">\n                {row.cohortSize.toLocaleString()}\n              </td>\n              {row.periods.map((cell, periodIndex) => {\n                const period = periods[periodIndex]\n                const rate = cell?.retentionRate ?? 0\n                const bgColor = cell ? getRetentionColor(rate) : 'transparent'\n                const textColor = cell ? getTextColor(rate) : 'var(--dc-text-muted)'\n\n                return (\n                  <td\n                    key={period}\n                    className=\"dc:p-2 dc:text-center dc:border-b border-dc-border dc:cursor-default dc:transition-opacity dc:hover:opacity-80\"\n                    style={{ backgroundColor: bgColor, color: textColor }}\n                    onMouseEnter={(e) => handleMouseEnter(e, row.cohort, period, cell)}\n                    onMouseLeave={handleMouseLeave}\n                  >\n                    {cell ? formatPercentage(rate) : '-'}\n                  </td>\n                )\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      {/* Legend */}\n      {showLegend && (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:mt-4 dc:gap-2 dc:text-xs text-dc-text-secondary\">\n          <span>0%</span>\n          <div className=\"dc:flex dc:h-4\">\n            {[0, 0.2, 0.4, 0.6, 0.8, 1].map(rate => (\n              <div\n                key={rate}\n                className=\"dc:w-6 dc:h-4\"\n                style={{ backgroundColor: getRetentionColor(rate) }}\n              />\n            ))}\n          </div>\n          <span>100%</span>\n        </div>\n      )}\n\n      {/* Tooltip */}\n      {tooltip && (\n        <div\n          className=\"dc:fixed dc:z-50 dc:px-3 dc:py-2 bg-dc-surface dc:border border-dc-border dc:rounded dc:shadow-lg dc:text-sm dc:pointer-events-none\"\n          style={{\n            left: tooltip.x,\n            top: tooltip.y - 10,\n            transform: 'translate(-50%, -100%)',\n          }}\n        >\n          <div className=\"dc:font-medium text-dc-text dc:mb-1\">\n            {t('chart.runtime.retention.periodLabel', {\n              cohort: formatCohortPeriod(tooltip.cohort),\n              period: tooltip.period\n            })}\n          </div>\n          <div className=\"text-dc-text-secondary dc:space-y-0.5\">\n            <div>{t('chart.runtime.retention.cohortSize', { count: tooltip.cohortSize.toLocaleString() })}</div>\n            <div>{t('chart.runtime.retention.retained', { count: tooltip.retainedUsers.toLocaleString() })}</div>\n            <div className=\"dc:font-medium text-dc-text\">\n              {t('chart.runtime.retention.rate', { rate: formatPercentage(tooltip.retentionRate) })}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nexport default RetentionHeatmap\n"],"mappings":"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"}

package/dist/client/chunks/SchemaVisualization-CCICjhvv.js

@@ -0,0 +1,2 @@
+import { t as e } from "./schema-visualization-Xp60Ff2W.js";
+export { e as SchemaVisualization, e as default };

package/dist/client/chunks/SchemaVisualizationLazy-DraGsMx6.js

@@ -0,0 +1,2 @@
+import { n as e } from "./schema-visualization-Xp60Ff2W.js";
+export { e as SchemaVisualizationLazy };