@keboola/design 11.2.0 → 11.3.0

package/dist/flint.js

@@ -0,0 +1,212 @@
+import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
+import { ZoomableSvg } from "./ZoomableSvg-CNIzRHKH.js";
+import { useThemeAttributes } from "./themeTokens-7T1AFLhq.js";
+import { SERIES_TOKENS, createVegaColorResolver, vegaRgb, vegaTheme } from "./vegaTheme-FBXgAdHK.js";
+import { DiagramSource, makeResponsive } from "./svgTransforms-C9njt92h.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/blocks/FlintChart/flintTheme.ts
+/**
+* How the second palette tier (series 6-10) is derived from the core hues.
+*
+* - Each core hue is pushed *away* from its own surface, so the tier stays
+*   in-family but reads as a distinct series: darkened on light, lightened on
+*   dark. A single "multiply the channels" rule would darken in both, which on
+*   a dark surface moves toward the backdrop — measured, that drops contrast
+*   from ~6.7:1 to ~3.7:1, while lightening raises it to ~9:1.
+* - `amount` is the fraction of the distance travelled toward black (light) or
+*   white (dark).
+*/
+const TIER_TWO_SHIFT = {
+	light: {
+		towards: 0,
+		amount: .38
+	},
+	dark: {
+		towards: 255,
+		amount: .35
+	}
+};
+/**
+* Move an `rgb()` string's channels a fraction of the way toward `towards`
+* (0 = black, 255 = white). Returns the input unchanged if it is not that shape.
+*/
+const shiftChannels = (colour, towards, amount) => {
+	const channels = colour.match(/\d+/g);
+	if (!channels || channels.length < 3) return colour;
+	const shifted = channels.slice(0, 3).map((c) => Math.round(Number(c) + (towards - Number(c)) * amount));
+	return vegaRgb(shifted.join(" "));
+};
+/**
+* Put the design system's categorical chart palette on a Flint input.
+*
+* Series colours are resolved by flint itself during assembly (they land in the
+* Vega-Lite `color` scale's `range`), so unlike the chrome in `vegaTheme` they
+* cannot be set through the compile `config` — they ride `theme_spec.ink.series`
+* on the input instead.
+*
+* `--chart-1..5` is the decorative palette the recharts wrappers in
+* `@keboola/design/charts` already use, so a Flint chart now matches the rest of
+* the platform's data-viz, follows the colour scheme, and re-skins with a brand
+* that overrides `colors.chart` / `colorsDark.chart`.
+*
+* An author-supplied `theme_spec` wins: a fence that names a Flint house (or its
+* own spec) asked for that look deliberately, so it is passed through untouched.
+*
+* `null` is not such a spec. The input is `JSON.parse`d model output, where
+* `"theme_spec": null` is valid JSON, and flint dereferences the value while
+* assembling (`reading 'extends'`) — so leaving it in place throws and the chart
+* falls back to raw source. It is replaced, exactly like a missing one.
+*/
+const withFlintSeriesPalette = (input, scheme) => {
+	if (input.theme_spec !== void 0 && input.theme_spec !== null) return input;
+	const token = createVegaColorResolver(scheme);
+	const categorical = SERIES_TOKENS.map((name) => token(name));
+	return {
+		...input,
+		theme_spec: { ink: {
+			surface: { canvas: token("card") },
+			series: {
+				categorical,
+				categoricalExtended: [...categorical, ...categorical.map((colour) => shiftChannels(colour, TIER_TWO_SHIFT[scheme].towards, TIER_TWO_SHIFT[scheme].amount))],
+				overflow: token("muted-foreground"),
+				sequential: {
+					stops: [token("accent"), token("chart-1")],
+					space: "lab",
+					endpointsAgainstSurface: true
+				}
+			}
+		} }
+	};
+};
+//#endregion
+//#region src/blocks/FlintChart/renderFlintSvg.ts
+/**
+* Compile a Flint `ChartAssemblyInput` to a static SVG string.
+*
+* - `assembleVegaLite` returns a Vega-Lite spec carrying `_`-prefixed internal
+*   hint keys (`_width`, `_options`, `_transform`, …) that are not part of the
+*   Vega-Lite schema — they are stripped before compiling.
+* - `config` (the scheme-following theme) rides the compile options; flint's
+*   spec-side config sets no colours, so the two cannot conflict on merge.
+* - The Vega view renders headless (`renderer: 'none'`); nothing mounts to the
+*   DOM, `toSVG()` is the only output.
+*/
+const renderFlintSvg = async (runtime, input, config) => {
+	const assembled = runtime.assembleVegaLite(input);
+	const vlSpec = Object.fromEntries(Object.entries(assembled).filter(([key]) => !key.startsWith("_")));
+	const { spec } = runtime.vegaLite.compile(vlSpec, { config });
+	const view = new runtime.vega.View(runtime.vega.parse(spec), { renderer: "none" });
+	try {
+		await view.runAsync();
+		return await view.toSVG();
+	} finally {
+		view.finalize();
+	}
+};
+//#endregion
+//#region src/blocks/FlintChart/FlintChart.tsx
+let runtimePromise = null;
+const getFlintRuntime = () => {
+	if (!runtimePromise) runtimePromise = Promise.all([
+		import("flint-chart/vegalite"),
+		import("vega"),
+		import("vega-lite")
+	]).then(([flint, vega, vegaLite]) => ({
+		assembleVegaLite: flint.assembleVegaLite,
+		vega,
+		vegaLite
+	})).catch((err) => {
+		runtimePromise = null;
+		throw err;
+	});
+	return runtimePromise;
+};
+const RENDER_DEBOUNCE_MS = 300;
+const MAX_SOURCE_CHARS = 2e5;
+const MAX_CACHED_CHARTS = 24;
+const svgCache = /* @__PURE__ */ new Map();
+const cacheSvg = (key, svg) => {
+	if (!svgCache.has(key) && svgCache.size >= MAX_CACHED_CHARTS) {
+		const oldest = svgCache.keys().next();
+		if (!oldest.done) svgCache.delete(oldest.value);
+	}
+	svgCache.set(key, svg);
+};
+const chartCacheKey = (code, themeKey) => `${themeKey}\n${code}`;
+const prevThemeKeyOf = (key) => key.slice(0, key.indexOf("\n"));
+const FlintChart = ({ code, renderActions }) => {
+	const { scheme, cacheKey: themeKey } = useThemeAttributes();
+	const cacheKey = chartCacheKey(code, themeKey);
+	const [svg, setSvg] = useState(() => svgCache.get(cacheKey) ?? null);
+	const [renderFailed, setRenderFailed] = useState(false);
+	const [prevKey, setPrevKey] = useState(cacheKey);
+	const [prevCode, setPrevCode] = useState(code);
+	if (cacheKey !== prevKey) {
+		const cached = svgCache.get(cacheKey);
+		const sameThemeStillStreaming = themeKey === prevThemeKeyOf(prevKey) && code.startsWith(prevCode);
+		setPrevKey(cacheKey);
+		setPrevCode(code);
+		if (cached) setSvg(cached);
+		else if (!sameThemeStillStreaming) setSvg(null);
+		setRenderFailed(false);
+	}
+	useEffect(() => {
+		if (svgCache.has(cacheKey)) return;
+		let cancelled = false;
+		let graceTimer;
+		const debounceTimer = setTimeout(() => {
+			if (code.length > MAX_SOURCE_CHARS) {
+				console.error(`[FlintChart] source exceeds ${MAX_SOURCE_CHARS} characters (${code.length}); not rendering`);
+				setSvg(null);
+				setRenderFailed(true);
+				return;
+			}
+			let input;
+			try {
+				input = JSON.parse(code);
+			} catch (err) {
+				graceTimer = setTimeout(() => {
+					console.debug("[FlintChart] source never became parseable JSON:", err);
+					setSvg(null);
+					setRenderFailed(true);
+				}, 1200);
+				return;
+			}
+			getFlintRuntime().then(async (runtime) => {
+				if (cancelled) return;
+				const svgOutput = makeResponsive(await renderFlintSvg(runtime, withFlintSeriesPalette(input, scheme), vegaTheme(scheme)));
+				if (cancelled) return;
+				cacheSvg(cacheKey, svgOutput);
+				setSvg(svgOutput);
+				setRenderFailed(false);
+			}).catch((err) => {
+				if (cancelled) return;
+				console.error("[FlintChart] render failed:", err);
+				setSvg(null);
+				setRenderFailed(true);
+			});
+		}, RENDER_DEBOUNCE_MS);
+		return () => {
+			cancelled = true;
+			clearTimeout(debounceTimer);
+			if (graceTimer) clearTimeout(graceTimer);
+		};
+	}, [
+		cacheKey,
+		code,
+		scheme
+	]);
+	if (renderFailed) return /* @__PURE__ */ jsx(DiagramSource, { code });
+	if (svg) return /* @__PURE__ */ jsx(ZoomableSvg, {
+		html: svg,
+		copyText: `\`\`\`flint\n${code}\n\`\`\``,
+		className: "tw:my-3",
+		renderActions
+	}, svg);
+	return /* @__PURE__ */ jsx(DiagramSkeleton, {});
+};
+//#endregion
+export { FlintChart };
+
+//# sourceMappingURL=flint.js.map

package/dist/flint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint.js","names":[],"sources":["../src/blocks/FlintChart/flintTheme.ts","../src/blocks/FlintChart/renderFlintSvg.ts","../src/blocks/FlintChart/FlintChart.tsx"],"sourcesContent":["import type { ChartAssemblyInput } from 'flint-chart';\n\nimport type { ResolvedColorScheme } from '../../components/ThemeProvider/types';\nimport { createVegaColorResolver, SERIES_TOKENS, vegaRgb } from '../../vega/vegaTokens';\n\n/**\n * How the second palette tier (series 6-10) is derived from the core hues.\n *\n * - Each core hue is pushed *away* from its own surface, so the tier stays\n *   in-family but reads as a distinct series: darkened on light, lightened on\n *   dark. A single \"multiply the channels\" rule would darken in both, which on\n *   a dark surface moves toward the backdrop — measured, that drops contrast\n *   from ~6.7:1 to ~3.7:1, while lightening raises it to ~9:1.\n * - `amount` is the fraction of the distance travelled toward black (light) or\n *   white (dark).\n */\nconst TIER_TWO_SHIFT = {\n  light: { towards: 0, amount: 0.38 },\n  dark: { towards: 255, amount: 0.35 },\n} as const;\n\n/**\n * Move an `rgb()` string's channels a fraction of the way toward `towards`\n * (0 = black, 255 = white). Returns the input unchanged if it is not that shape.\n */\nconst shiftChannels = (colour: string, towards: number, amount: number): string => {\n  const channels = colour.match(/\\d+/g);\n  if (!channels || channels.length < 3) return colour;\n  const shifted = channels\n    .slice(0, 3)\n    .map((c) => Math.round(Number(c) + (towards - Number(c)) * amount));\n  return vegaRgb(shifted.join(' '));\n};\n\n/**\n * Put the design system's categorical chart palette on a Flint input.\n *\n * Series colours are resolved by flint itself during assembly (they land in the\n * Vega-Lite `color` scale's `range`), so unlike the chrome in `vegaTheme` they\n * cannot be set through the compile `config` — they ride `theme_spec.ink.series`\n * on the input instead.\n *\n * `--chart-1..5` is the decorative palette the recharts wrappers in\n * `@keboola/design/charts` already use, so a Flint chart now matches the rest of\n * the platform's data-viz, follows the colour scheme, and re-skins with a brand\n * that overrides `colors.chart` / `colorsDark.chart`.\n *\n * An author-supplied `theme_spec` wins: a fence that names a Flint house (or its\n * own spec) asked for that look deliberately, so it is passed through untouched.\n *\n * `null` is not such a spec. The input is `JSON.parse`d model output, where\n * `\"theme_spec\": null` is valid JSON, and flint dereferences the value while\n * assembling (`reading 'extends'`) — so leaving it in place throws and the chart\n * falls back to raw source. It is replaced, exactly like a missing one.\n */\nexport const withFlintSeriesPalette = (\n  input: ChartAssemblyInput,\n  scheme: ResolvedColorScheme,\n): ChartAssemblyInput => {\n  if (input.theme_spec !== undefined && input.theme_spec !== null) return input;\n\n  const token = createVegaColorResolver(scheme);\n  const categorical = SERIES_TOKENS.map((name) => token(name));\n\n  return {\n    ...input,\n    theme_spec: {\n      ink: {\n        // `endpointsAgainstSurface` below needs to know what the chart sits on.\n        surface: { canvas: token('card') },\n        series: {\n          categorical,\n          // Past five series flint drops `categorical` wholesale for its own\n          // `tableau10` — brand-blind and scheme-blind — so a six-region or\n          // seven-month split would silently stop following the theme. The\n          // extended set keeps those on our hues: a second tier shifted away\n          // from the surface (darker on light, lighter on dark, per\n          // `TIER_TWO_SHIFT`), distinct from the core five but the same family.\n          categoricalExtended: [\n            ...categorical,\n            ...categorical.map((colour) =>\n              shiftChannels(colour, TIER_TWO_SHIFT[scheme].towards, TIER_TWO_SHIFT[scheme].amount),\n            ),\n          ],\n          // The tail past even the extended set.\n          overflow: token('muted-foreground'),\n          // A quantitative `color` field takes this ramp instead of the\n          // categorical set. Without it flint synthesises `[black, series[0]]`,\n          // which puts pure black at the low end in *both* schemes — invisible\n          // cells on a dark surface.\n          sequential: {\n            stops: [token('accent'), token('chart-1')],\n            space: 'lab',\n            endpointsAgainstSurface: true,\n          },\n        },\n      },\n    },\n  };\n};\n","import type { ChartAssemblyInput } from 'flint-chart';\nimport type { assembleVegaLite } from 'flint-chart/vegalite';\nimport type * as vega from 'vega';\nimport type * as vegaLite from 'vega-lite';\nimport type { Config, TopLevelSpec } from 'vega-lite';\n\n// The subset of the lazily imported modules the render pipeline needs. Kept as\n// a parameter (not module state) so the pipeline is unit-testable with a fake\n// runtime, without mocking dynamic imports.\nexport type FlintRuntime = {\n  assembleVegaLite: typeof assembleVegaLite;\n  vega: Pick<typeof vega, 'View' | 'parse'>;\n  vegaLite: Pick<typeof vegaLite, 'compile'>;\n};\n\n/**\n * Compile a Flint `ChartAssemblyInput` to a static SVG string.\n *\n * - `assembleVegaLite` returns a Vega-Lite spec carrying `_`-prefixed internal\n *   hint keys (`_width`, `_options`, `_transform`, …) that are not part of the\n *   Vega-Lite schema — they are stripped before compiling.\n * - `config` (the scheme-following theme) rides the compile options; flint's\n *   spec-side config sets no colours, so the two cannot conflict on merge.\n * - The Vega view renders headless (`renderer: 'none'`); nothing mounts to the\n *   DOM, `toSVG()` is the only output.\n */\nexport const renderFlintSvg = async (\n  runtime: FlintRuntime,\n  input: ChartAssemblyInput,\n  config: Config,\n): Promise<string> => {\n  const assembled: Record<string, unknown> = runtime.assembleVegaLite(input);\n  // `assembleVegaLite` is typed loosely upstream; once the hint keys are gone\n  // the remainder is the Vega-Lite spec `compile` expects, which TypeScript\n  // cannot see through the untyped boundary — hence the assertion.\n  const vlSpec = Object.fromEntries(\n    Object.entries(assembled).filter(([key]) => !key.startsWith('_')),\n  ) as unknown as TopLevelSpec;\n  const { spec } = runtime.vegaLite.compile(vlSpec, { config });\n  const view = new runtime.vega.View(runtime.vega.parse(spec), { renderer: 'none' });\n  try {\n    await view.runAsync();\n    return await view.toSVG();\n  } finally {\n    view.finalize();\n  }\n};\n","import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { ChartAssemblyInput } from 'flint-chart';\n\nimport { useThemeAttributes } from '../../components/ThemeProvider/useThemeAttributes';\nimport { ZoomableSvg } from '../../components/ZoomableSvg';\nimport { vegaTheme } from '../../vega/vegaTheme';\nimport { DiagramSkeleton } from '../DiagramShared/DiagramSkeleton';\nimport { DiagramSource } from '../DiagramShared/DiagramSource';\nimport { makeResponsive } from '../DiagramShared/svgTransforms';\n\nimport { withFlintSeriesPalette } from './flintTheme';\nimport type { FlintRuntime } from './renderFlintSvg';\nimport { renderFlintSvg } from './renderFlintSvg';\n\nlet runtimePromise: Promise<FlintRuntime> | null = null;\n\n// One memoized promise for the heavy chart stack (flint-chart + vega +\n// vega-lite), reset on failure so a transient chunk-load error can retry on the\n// next render — mirrors `getMermaid()` in `MermaidDiagram`.\nconst getFlintRuntime = (): Promise<FlintRuntime> => {\n  if (!runtimePromise) {\n    runtimePromise = Promise.all([\n      import('flint-chart/vegalite'),\n      import('vega'),\n      import('vega-lite'),\n    ])\n      .then(([flint, vega, vegaLite]) => ({\n        assembleVegaLite: flint.assembleVegaLite,\n        vega,\n        vegaLite,\n      }))\n      .catch((err) => {\n        runtimePromise = null;\n        throw err;\n      });\n  }\n  return runtimePromise;\n};\n\nconst RENDER_DEBOUNCE_MS = 300;\n\n// No prefix of a JSON document parses, so while a ```flint fence streams in the\n// source is unparseable in exactly the same way a broken one is. Unparseable\n// source is treated as still-streaming (skeleton stays up) until it has been\n// unchanged this long — only then is it shown as raw source.\nconst PARSE_GRACE_MS = 1500;\n\n// Ceiling on the fence source, in characters. `JSON.parse` plus vega's compile\n// and layout are synchronous, so an oversized payload — a model dumping a raw\n// table into the block — would block the main thread and freeze the chat. The\n// prompt caps inline data at ~50 rows; this sits far above a legitimate spec of\n// that size while still refusing anything pathological.\nconst MAX_SOURCE_CHARS = 200_000;\n\n// Module-level SVG cache — persists across component remounts (e.g. tab switches\n// that cause React to remount the tree). The chart chrome colours are baked into\n// the markup, so the key is the code *plus* the theme key (scheme + brand): the\n// same spec is a different SVG under a different colour scheme or brand.\n// Values are stored already `makeResponsive`d, so the string identity is stable\n// and ZoomableSvg's sanitize memo never re-runs for an unchanged chart.\n//\n// Bounded, and evicted oldest-first: a vega SVG is mark-per-datum, so entries run\n// to hundreds of KB, and a long chat visits many distinct charts. `Map` iterates\n// in insertion order, so the first key is the oldest.\nconst MAX_CACHED_CHARTS = 24;\nconst svgCache = new Map<string, string>();\n\nconst cacheSvg = (key: string, svg: string): void => {\n  // Overwriting an existing key adds no entry, so it must not evict one — two\n  // instances of the same chart both missing the cache and both writing would\n  // otherwise cost an unrelated chart its slot.\n  if (!svgCache.has(key) && svgCache.size >= MAX_CACHED_CHARTS) {\n    const oldest = svgCache.keys().next();\n    if (!oldest.done) svgCache.delete(oldest.value);\n  }\n  svgCache.set(key, svg);\n};\n\nconst chartCacheKey = (code: string, themeKey: string): string => `${themeKey}\\n${code}`;\n\n// The theme half of a cache key — used to tell \"same theme, more source\" (a spec\n// still streaming) from a theme/brand switch, which must not keep a stale chart.\nconst prevThemeKeyOf = (key: string): string => key.slice(0, key.indexOf('\\n'));\n\ntype Props = {\n  /** Raw source of a ```flint fence — a flint-chart `ChartAssemblyInput` as pure JSON\n   *  (`data.values` rows, optional `semantic_types`, and a `chart_spec` naming the\n   *  chartType and encodings). Rendered through the Vega-Lite backend. */\n  code: string;\n  /** Extra toolbar controls (e.g. an `ExportMenu`), forwarded to `ZoomableSvg`.\n   *  Receives the sanitized SVG. Omit to keep the default toolbar. */\n  renderActions?: (safeSvg: string) => ReactNode;\n};\n\nexport const FlintChart = ({ code, renderActions }: Props) => {\n  // Re-renders whenever the active colour scheme or brand changes, so the chart\n  // chrome is re-rendered in the new palette instead of staying a light island\n  // on a dark page — same contract as MermaidDiagram.\n  const { scheme, cacheKey: themeKey } = useThemeAttributes();\n  const cacheKey = chartCacheKey(code, themeKey);\n\n  const [svg, setSvg] = useState<string | null>(() => svgCache.get(cacheKey) ?? null);\n  const [renderFailed, setRenderFailed] = useState(false);\n\n  // Synchronously reset stale state when the code or the theme changes, to avoid\n  // a one-frame flash.\n  //\n  // A cache hit is applied immediately. On a miss the previous SVG is dropped\n  // unless *only* the tail of the source grew — i.e. the same spec still\n  // streaming in, where holding the last good chart avoids a skeleton flicker\n  // between chunks. Anything else (a different spec, or a new theme/brand) must\n  // clear: the colours are baked into the markup, so keeping it would show a\n  // light chart on a dark page, and keeping a chart for a spec that is no longer\n  // on screen is simply wrong.\n  const [prevKey, setPrevKey] = useState(cacheKey);\n  const [prevCode, setPrevCode] = useState(code);\n  if (cacheKey !== prevKey) {\n    const cached = svgCache.get(cacheKey);\n    const sameThemeStillStreaming =\n      themeKey === prevThemeKeyOf(prevKey) && code.startsWith(prevCode);\n    setPrevKey(cacheKey);\n    setPrevCode(code);\n    if (cached) setSvg(cached);\n    else if (!sameThemeStillStreaming) setSvg(null);\n    setRenderFailed(false);\n  }\n\n  useEffect(() => {\n    if (svgCache.has(cacheKey)) return;\n\n    let cancelled = false;\n    let graceTimer: ReturnType<typeof setTimeout> | undefined;\n\n    const debounceTimer = setTimeout(() => {\n      if (code.length > MAX_SOURCE_CHARS) {\n        // Not a streaming artifact — a fence this size never becomes renderable,\n        // so fail straight to the source instead of waiting out the grace period.\n        console.error(\n          `[FlintChart] source exceeds ${MAX_SOURCE_CHARS} characters (${code.length}); not rendering`,\n        );\n        setSvg(null);\n        setRenderFailed(true);\n        return;\n      }\n\n      let input: ChartAssemblyInput;\n      try {\n        input = JSON.parse(code);\n      } catch (err) {\n        // Likely a fence still streaming — declare failure (and log the parse\n        // error) only if the code is still unchanged when the grace period ends.\n        graceTimer = setTimeout(() => {\n          console.debug('[FlintChart] source never became parseable JSON:', err);\n          setSvg(null);\n          setRenderFailed(true);\n        }, PARSE_GRACE_MS - RENDER_DEBOUNCE_MS);\n        return;\n      }\n\n      getFlintRuntime()\n        .then(async (runtime) => {\n          if (cancelled) return;\n          // Theme resolved at render time, off the live CSS variables — the\n          // scheme comes out of the same read as the cache key, so the palette\n          // can never be resolved under one scheme and cached under the other.\n          const svgOutput = makeResponsive(\n            await renderFlintSvg(runtime, withFlintSeriesPalette(input, scheme), vegaTheme(scheme)),\n          );\n          if (cancelled) return;\n          cacheSvg(cacheKey, svgOutput);\n          setSvg(svgOutput);\n          setRenderFailed(false);\n        })\n        .catch((err) => {\n          if (cancelled) return;\n          console.error('[FlintChart] render failed:', err);\n          setSvg(null);\n          setRenderFailed(true);\n        });\n    }, RENDER_DEBOUNCE_MS);\n\n    return () => {\n      cancelled = true;\n      clearTimeout(debounceTimer);\n      if (graceTimer) clearTimeout(graceTimer);\n    };\n  }, [cacheKey, code, scheme]);\n\n  if (renderFailed) {\n    return <DiagramSource code={code} />;\n  }\n\n  if (svg) {\n    return (\n      <ZoomableSvg\n        // Keyed by the rendered SVG, not the source: while the same fence is\n        // still streaming the chart is deliberately held (see above), and keying\n        // on `code` would remount it on every chunk — dropping the reader's\n        // zoom/pan and re-running the DOMPurify pass over an identical chart.\n        key={svg}\n        html={svg}\n        copyText={`\\`\\`\\`flint\\n${code}\\n\\`\\`\\``}\n        className=\"tw:my-3\"\n        renderActions={renderActions}\n      />\n    );\n  }\n\n  return <DiagramSkeleton />;\n};\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { BrandId, ChangeClassification, ColorScheme, DiffChunk, FieldItemProps, MergeConflict, ResolvedColorScheme, Theme, Tokens } from "./FieldItem-CAPj9lj3.js";
+import { BrandId, ColorScheme, ResolvedColorScheme, Theme, Tokens } from "./types-BPcAjMG0.js";
+import { ChangeClassification, DiffChunk, FieldItemProps, MergeConflict } from "./FieldItem-vhIJW4pj.js";
 import { LucideIcon } from "./index-m-kQEWiY.js";
 import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
 import * as React$2 from "react";
@@ -4567,7 +4568,8 @@ declare const InlineStepLabel: ({ variant, children }: Props$2) => import("react
 type Props$124 = {
   /** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
    *  render through the design `Table`; fenced ```mermaid blocks render via
-   *  `MermaidDiagram`; other fenced blocks get a hover copy button. */
+   *  `MermaidDiagram`; other fenced blocks — including ```flint, deliberately,
+   *  as this is the reduced-capability renderer — get a hover copy button. */
   children: string;
   className?: string;
 };
@@ -5115,6 +5117,9 @@ type DotsLoaderProps = {
 };
 declare const DotsLoader: ({ className }: DotsLoaderProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
+//#region src/blocks/DiagramShared/DiagramSkeleton.d.ts
+declare const DiagramSkeleton: () => import("react/jsx-runtime").JSX.Element;
+//#endregion
 //#region src/components/Progress/Progress.d.ts
 declare const variants$3: (props?: ({
   variant?: "default" | "success" | null | undefined;
@@ -5161,8 +5166,22 @@ declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, pl
  * already full width.
  */
 type AppShellHeaderSpan = 'content' | 'full';
+/**
+ * The shell's grid areas, as stamped on each slot's `data-app-shell-slot`.
+ *
+ * - Pair it with `appShellSlotSelector` to target a slot from outside the shell.
+ */
+type AppShellSlot = 'header' | 'sidebar' | 'main' | 'aside';
 //#endregion
 //#region src/blocks/AppShell/AppShell.d.ts
+/**
+ * Targets a shell slot from outside the shell.
+ *
+ * - Each slot component stamps `data-app-shell-slot` with its own name.
+ * - Exported so a consumer never hand-types the attribute: renaming it then breaks the
+ *   build instead of silently matching nothing.
+ */
+declare const appShellSlotSelector: (slot: AppShellSlot) => string;
 type RootProps$7 = ComponentPropsWithoutRef<'div'> & {
   /**
    * How far the header row stretches. `content` (default) gives it the middle
@@ -5182,6 +5201,24 @@ type SlotProps = ComponentPropsWithoutRef<'div'> & {
   /** Render as the child element (Radix-Slot pattern), forwarding props onto it. */
   asChild?: boolean;
 };
+type MainProps = SlotProps & {
+  /**
+   * Classes for the padded content wrapper inside `Main`, where the page gutter lives.
+   *
+   * This is the one to reach for when overriding the gutter — `className` lands on the scroll
+   * container, and a `p-*` there is what breaks every sticky header below it.
+   */
+  contentClassName?: string;
+  /**
+   * Bounds the content wrapper to `Main`'s height instead of letting it grow with the content.
+   *
+   * - For a page that owns its `overflow-auto` scroller: a bounded wrapper is what gives a
+   *   `flex-1` descendant a definite height, so that descendant is what scrolls.
+   * - Gives up the bottom-gutter guarantee below, so pair it with a gutter-free
+   *   `contentClassName`.
+   */
+  clampContent?: boolean;
+};
 type ChromeSlotProps = SlotProps & {
   /**
    * Drop the slot's own padding, background and border so a hosted chrome component
@@ -5201,7 +5238,7 @@ declare const Header$1: ({ ref, className, asChild, flush, children, ...props }:
 declare const SidebarSlot$1: ({ ref, className, asChild, children, ...props }: SlotProps & {
   ref?: Ref<ComponentRef<'div'>>;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const Main: ({ ref, className, asChild, children, ...props }: SlotProps & {
+declare const Main: ({ ref, className, contentClassName, clampContent, asChild, children, ...props }: MainProps & {
   ref?: Ref<ComponentRef<'main'>>;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const Aside: ({ ref, className, asChild, flush, children, ...props }: ChromeSlotProps & {
@@ -5240,9 +5277,14 @@ declare const AppShell: typeof Root$16 & {
    */
   Sidebar: typeof SidebarSlot$1;
   /**
-   * Main content outlet. Applies an opinionated default page gutter (`tw:p-6`)
-   * so content looks right out of the box; override the padding (e.g. `tw:p-0`)
-   * when the app owns its own gutter.
+   * Main content outlet. Scrolls its own content, and applies an opinionated
+   * default page gutter (`tw:p-6`) on a wrapper inside the scroll container.
+   *
+   * - Override the gutter through `contentClassName` (e.g. `tw:p-0`) when the
+   *   app owns its own.
+   * - `className` lands on the scroll container itself — a `p-*` there parks
+   *   every `position: sticky` descendant one gutter below the scrollport's
+   *   visible top edge.
    */
   Main: typeof Main;
   /** Optional right rail. Present in both shells. */
@@ -7008,5 +7050,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
 /** WCAG level for normal-size text at a given ratio. */
 declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
 //#endregion
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, type RootProps$1 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$2 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$3 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$6 as StatCardGridProps, type RootProps$5 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThinkingIndicator, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$7 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, type RootProps$1 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$2 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$3 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$6 as StatCardGridProps, type RootProps$5 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThinkingIndicator, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$7 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,76 +1,78 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-D0c5VAyF.js";
-import { ArgoDesignContext, DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME, useArgoDesign, useTheme } from "./context-KxxeMHbR.js";
+import { Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-B-g7d_Jb.js";
+import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "./defaults-CTfvj2KB.js";
+import { ArgoDesignContext, useArgoDesign, useTheme } from "./context-BrNtMc1H.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
-import { Button, ButtonInline, argoVariants } from "./Button-6xBX0nNl.js";
+import { Button, ButtonInline, argoVariants } from "./Button-CPsEQuTN.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-t90tVw6l.js";
+import { DropdownMenu } from "./DropdownMenu-DpMEcyCq.js";
 import { ScrollArea, ScrollBar } from "./internal/components/ScrollArea.js";
 import { SplitButton } from "./internal/blocks/SplitButton.js";
-import { MultiActionButtonGroup } from "./MultiActionButtonGroup-BiIIubiL.js";
+import { MultiActionButtonGroup } from "./MultiActionButtonGroup-GTeFk-L8.js";
 import { Toggle } from "./internal/components/Toggle.js";
 import { ToggleGroup } from "./ToggleGroup-Cy_10Mvu.js";
-import { Clipboard } from "./Clipboard-CBJZiviP.js";
-import { ClipboardButton, ClipboardInline } from "./ClipboardButton-ClcluT0C.js";
+import { Clipboard } from "./Clipboard-B7rckqV_.js";
+import { ClipboardButton, ClipboardInline } from "./ClipboardButton-CQ6Aewpg.js";
 import { ExportMenu } from "./internal/blocks/ExportMenu.js";
-import { CopyField } from "./CopyField-BJ96zvXs.js";
+import { CopyField } from "./CopyField-DI66uY_g.js";
 import { Label } from "./internal/components/Label.js";
 import { MicrosoftButton } from "./internal/blocks/MicrosoftButton.js";
 import { GoogleButton } from "./internal/blocks/GoogleButton.js";
 import { Link } from "./internal/components/Link.js";
-import { AlertModal } from "./AlertModal-Dp_XuJBW.js";
-import { Modal } from "./Modal-wqG8nJiK.js";
+import { AlertModal } from "./AlertModal-DQAGpsEy.js";
+import { Modal } from "./Modal-o4ATIexE.js";
 import { Separator } from "./internal/components/Separator.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-Cb3PGgh4.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-j-M4aPFd.js";
 import { Truncated } from "./internal/components/Truncated.js";
-import { Sheet } from "./Sheet-Dw9BDvjI.js";
-import { Popover } from "./Popover-CzeHjvrB.js";
-import { Popconfirm } from "./Popconfirm-D7_vfxFd.js";
-import { HoverCard } from "./HoverCard-WfDkLK1s.js";
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-C0aZfVTq.js";
-import { InputGroup } from "./InputGroup-CdTq8H7c.js";
-import { TextInput } from "./TextInput-CMuN1WfY.js";
+import { Sheet } from "./Sheet-BIzs2K2H.js";
+import { Popover } from "./Popover-DsbI2HKu.js";
+import { Popconfirm } from "./Popconfirm-C2Ky5hJO.js";
+import { HoverCard } from "./HoverCard-yQq-O49c.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-Ds68v2rX.js";
+import { InputGroup } from "./InputGroup-D7zlmqPB.js";
+import { TextInput } from "./TextInput-DhdRk8qm.js";
 import { SpotlightBackdrop, useTargetRect } from "./internal/components/SpotlightBackdrop.js";
 import { Calendar } from "./Calendar-cG5NIJ4O.js";
-import { DatePicker } from "./DatePicker-Dw3DpbUh.js";
-import { TimePicker } from "./TimePicker-D9zktB8A.js";
-import { DateRangePicker } from "./DateRangePicker-DCmMHg4s.js";
-import { Switch } from "./Switch-CX2A0v50.js";
-import { RadioGroup } from "./RadioGroup-sIveSsNa.js";
-import { Slider } from "./Slider-BOPfMOMm.js";
-import { Search, SearchForm } from "./Search-3UiqNZRj.js";
-import { Select } from "./Select-Is0VkePH.js";
-import { Checkbox } from "./Checkbox-GJ8-srt4.js";
+import { DatePicker } from "./DatePicker-DyEGuW9m.js";
+import { TimePicker } from "./TimePicker-B6d2rAbX.js";
+import { DateRangePicker } from "./DateRangePicker-CYYhX6S7.js";
+import { Switch } from "./Switch-BueTV03C.js";
+import { RadioGroup } from "./RadioGroup-BMxuZEbT.js";
+import { Slider } from "./Slider-CjxyfEty.js";
+import { Search, SearchForm } from "./Search-DFeECt5D.js";
+import { Select } from "./Select-D6IZVvwL.js";
+import { Checkbox } from "./Checkbox-5VNCcV7E.js";
 import { Badge } from "./Badge-Ch26CXoP.js";
-import { Combobox } from "./Combobox-Dgm6Z4ib.js";
+import { Combobox } from "./Combobox-CyoRA7oY.js";
 import { MultiCombobox } from "./internal/blocks/MultiCombobox.js";
-import { FormGroup } from "./FormGroup-C41n65cE.js";
-import { ColorInput } from "./ColorInput-B8z4j4Y_.js";
+import { FormGroup } from "./FormGroup-BnwP0jNu.js";
+import { ColorInput } from "./ColorInput-Q1D9Vcc_.js";
 import { HelpBlock } from "./internal/components/HelpBlock.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
 import { MultiComboboxField } from "./internal/blocks/Form/connectors/MultiComboboxField.js";
 import { AutoSaveTextarea } from "./AutoSaveTextarea-BeuWuszr.js";
-import { ColorModeSwitch } from "./ColorModeSwitch-dZFZyqy1.js";
-import { DateInput } from "./DateInput-B3UdzRfW.js";
+import { ColorModeSwitch } from "./ColorModeSwitch-B5PXCVqB.js";
+import { DateInput } from "./DateInput-BPj2pzsn.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
 import { TimeInput } from "./internal/blocks/TimeInput.js";
-import { DateRangeInput } from "./DateRangeInput-DTuySEiq.js";
+import { DateRangeInput } from "./DateRangeInput-u9DxNbHW.js";
 import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./OtpInput-CbbymqYs.js";
-import { SearchInput } from "./SearchInput-C7dF_Ir-.js";
+import { SearchInput } from "./SearchInput-CCpdUego.js";
 import { SearchInputWithNavigation } from "./internal/blocks/SearchInputWithNavigation.js";
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-BRv0TaZk.js";
-import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing } from "./AIKit-DiS0CVOW.js";
+import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-C336MVnU.js";
+import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing } from "./AIKit-DaFT7p92.js";
 import { Table, tableAriaSort } from "./Table-CvYuTuNU.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
+import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
 import { Avatar } from "./internal/components/Avatar.js";
 import { Progress } from "./internal/components/Progress.js";
 import { Collapsible } from "./Collapsible-BQXWEOBC.js";
-import { Alert } from "./Alert-DfZq9kGe.js";
-import { toast } from "./toast-CjkURw0M.js";
-import { Toaster, useNotification } from "./Toast-DQSbs3oA.js";
+import { Alert } from "./Alert-CseY3yAj.js";
+import { toast } from "./toast-BweSoKn3.js";
+import { Toaster, useNotification } from "./Toast-CxXUulYN.js";
 import { EmptySearchContent } from "./internal/components/EmptySearchContent.js";
-import { Card } from "./Card-BAoZ35CV.js";
+import { Card } from "./Card-Cd5HSBmv.js";
 import { EmptyConfigurationActionCard } from "./internal/blocks/EmptyConfigurationActionCard.js";
 import { EmptyState } from "./internal/blocks/EmptyState.js";
 import { ErrorState } from "./internal/blocks/ErrorState.js";
@@ -78,25 +80,25 @@ import { SkeletonList } from "./internal/components/Skeleton/SkeletonList.js";
 import { DotsLoader } from "./internal/components/DotsLoader.js";
 import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
 import { PanelWithDetails } from "./internal/components/PanelWithDetails.js";
-import { ThemeProvider, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "./ThemeProvider-QncUrfJn.js";
-import { AppShell } from "./AppShell-B5GQN6Zs.js";
+import { ThemeProvider, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "./ThemeProvider-DZfGdf1v.js";
+import { AppShell, appShellSlotSelector } from "./AppShell-BUoxM3fv.js";
 import { PageLayout } from "./PageLayout-DSVM-ASz.js";
 import { PageHeader } from "./PageHeader-Q3IpCnQd.js";
-import { PageToolbar } from "./PageToolbar-OQg3mPF-.js";
-import { SectionNav } from "./SectionNav-8NoTOKO8.js";
-import { BrandLogo } from "./BrandLogo-CJkRd0F8.js";
+import { PageToolbar } from "./PageToolbar-bG2YtSa3.js";
+import { SectionNav } from "./SectionNav-Bw_MVL0_.js";
+import { BrandLogo } from "./BrandLogo-V2pRUAeO.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "./Resizable-D3vYToZH.js";
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-Dcb4rinA.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-r1TW4g_b.js";
 import { useScrollbarPosition } from "./internal/hooks/useScrollbarPosition.js";
-import { Navbar } from "./Navbar-BfaPeLUL.js";
+import { Navbar } from "./Navbar-CAQs4BZz.js";
 import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "./Workbench-BzE-Vvd9.js";
-import { Breadcrumb } from "./Breadcrumb-Frst8MTA.js";
-import { Tabs, TabsContent } from "./Tabs-UMQuDoW8.js";
+import { Breadcrumb } from "./Breadcrumb-CQTPn_KB.js";
+import { Tabs, TabsContent } from "./Tabs-l72-WuhK.js";
 import { Stepper } from "./Stepper-C8sm9ZFM.js";
 import { Timeline } from "./Timeline-6btyJl4D.js";
 import { MarkedText } from "./MarkedText-Ckbft5mw.js";
-import { Kbd, kbdVariants, keys } from "./Kbd-CxHAo1oo.js";
-import { Pagination } from "./Pagination-Cjfda8KG.js";
+import { Kbd, kbdVariants, keys } from "./Kbd-D6LpR7G2.js";
+import { Pagination } from "./Pagination-BB3X7ooY.js";
 import { DiffType, DiffView, computeDiffRows, computeLineInformation } from "./DiffView-ppTIzh2h.js";
 import { PaneHeader } from "./internal/components/MergeEditor/PaneHeader.js";
 import { ConflictStatusIndicator } from "./internal/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.js";
@@ -104,10 +106,10 @@ import { useMergeDiff } from "./useMergeDiff-CvowEXJ1.js";
 import { DashboardHero } from "./internal/blocks/DashboardHero.js";
 import { StatCard, StatCardGrid } from "./internal/blocks/StatCard.js";
 import { ChartPanel } from "./internal/blocks/ChartPanel.js";
-import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-DHvcFoEi.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-CTygENDc.js";
 import { useAutosizeInput } from "./internal/hooks/useAutosizeInput.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-CZEu6sAq.js";
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-DyzgfVkl.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-CNIzRHKH.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-BnTLMRMp.js";
 import { Slot } from "@radix-ui/react-slot";
-export { Alert, AlertModal, AnswerSummary, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, DateInput, DatePicker, DateRangeInput, DateRangePicker, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, ErrorState, ExportMenu, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, InlineStepLabel, InputGroup, Kbd, Label, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, PlanRewritingIndicator, Popconfirm, Popover, Progress, PromptInput, Question, QuestionBlock, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, Select, Separator, Sheet, Sidebar, SidebarProvider, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, StatCard, StatCardGrid, Stepper, SuggestedPrompt, Switch, Table, Tabs, TabsContent, TextInput, Textarea, ThemeProvider, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, Tooltip, TooltipProvider, Truncated, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, DateInput, DatePicker, DateRangeInput, DateRangePicker, DiagramSkeleton, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, ErrorState, ExportMenu, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, InlineStepLabel, InputGroup, Kbd, Label, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, PlanRewritingIndicator, Popconfirm, Popover, Progress, PromptInput, Question, QuestionBlock, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, Select, Separator, Sheet, Sidebar, SidebarProvider, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, StatCard, StatCardGrid, Stepper, SuggestedPrompt, Switch, Table, Tabs, TabsContent, TextInput, Textarea, ThemeProvider, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, Tooltip, TooltipProvider, Truncated, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };

package/dist/internal/blocks/AIKit.js

@@ -1,2 +1,2 @@
-import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing } from "../../AIKit-DiS0CVOW.js";
+import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing } from "../../AIKit-DaFT7p92.js";
 export { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing };

package/dist/internal/blocks/AppShell.js

@@ -1,2 +1,2 @@
-import { AppShell } from "../../AppShell-B5GQN6Zs.js";
-export { AppShell };
+import { AppShell, appShellSlotSelector } from "../../AppShell-BUoxM3fv.js";
+export { AppShell, appShellSlotSelector };

package/dist/internal/blocks/BrandEditor.js

@@ -1,2 +1,2 @@
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-DyzgfVkl.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-BnTLMRMp.js";
 export { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel };

package/dist/internal/blocks/ChartPanel.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Card } from "../../Card-BAoZ35CV.js";
+import { Card } from "../../Card-Cd5HSBmv.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ChartPanel/ChartPanel.tsx
 /**

package/dist/internal/blocks/ClipboardButton.js

@@ -1,2 +1,2 @@
-import { ClipboardButton, ClipboardInline } from "../../ClipboardButton-ClcluT0C.js";
+import { ClipboardButton, ClipboardInline } from "../../ClipboardButton-CQ6Aewpg.js";
 export { ClipboardButton, ClipboardInline };

package/dist/internal/blocks/ColorInput.js

@@ -1,2 +1,2 @@
-import { ColorInput } from "../../ColorInput-B8z4j4Y_.js";
+import { ColorInput } from "../../ColorInput-Q1D9Vcc_.js";
 export { ColorInput };

package/dist/internal/blocks/ColorModeSwitch.js

@@ -1,2 +1,2 @@
-import { ColorModeSwitch } from "../../ColorModeSwitch-dZFZyqy1.js";
+import { ColorModeSwitch } from "../../ColorModeSwitch-B5PXCVqB.js";
 export { ColorModeSwitch };

package/dist/internal/blocks/Command.js

@@ -1,2 +1,2 @@
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "../../Command-C0aZfVTq.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "../../Command-Ds68v2rX.js";
 export { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState };

package/dist/internal/blocks/CopyField.js

@@ -1,2 +1,2 @@
-import { CopyField } from "../../CopyField-BJ96zvXs.js";
+import { CopyField } from "../../CopyField-DI66uY_g.js";
 export { CopyField };

package/dist/internal/blocks/DateInput.js

@@ -1,2 +1,2 @@
-import { DateInput } from "../../DateInput-B3UdzRfW.js";
+import { DateInput } from "../../DateInput-BPj2pzsn.js";
 export { DateInput };