@odoo/o-spreadsheet 19.5.0-alpha.11 → 19.5.0-alpha.12

package/dist/o_spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.5.0-alpha.11
- * @date 2026-08-12T09:17:24.237Z
- * @hash bc056d7
+ * @version 19.5.0-alpha.12
+ * @date 2026-08-19T09:47:03.774Z
+ * @hash 68ca68e
  */
 
 (function(exports, _odoo_owl) {
@@ -208,6 +208,16 @@ _odoo_owl = __toESM(_odoo_owl, 1);
 			height: rect.height
 		};
 	}
+	function getBoundingRectWithMargins(el) {
+		const style = getComputedStyle(el);
+		const rect = el.getBoundingClientRect();
+		return {
+			x: rect.x,
+			y: rect.y,
+			width: rect.width + parseInt(style.marginLeft || "0") + parseInt(style.marginRight || "0"),
+			height: rect.height + parseInt(style.marginTop || "0") + parseInt(style.marginBottom || "0")
+		};
+	}
 	/**
 	* Iterate over all the children of `el` in the dom tree starting at `el`, depth first.
 	*/
@@ -651,6 +661,14 @@ _odoo_owl = __toESM(_odoo_owl, 1);
 		fontSize: 18,
 		color: TEXT_BODY
 	};
+	const CAROUSEL_LAYOUT = {
+		paddingX: 24,
+		paddingY: 8,
+		headerPaddingTop: 4,
+		separatorWidth: 1,
+		headerLineHeight: 1.5,
+		minHeaderHeight: 25
+	};
 	const DEFAULT_TOKEN_COLOR = "light-dark(#000000, #ffffff)";
 	const functionColor = DEFAULT_TOKEN_COLOR;
 	const operatorColor = "#3da4ab";
@@ -2635,7 +2653,7 @@ stores.inject(MyMetaStore, storeInstance);
 	*
 	* The end goal is to eliminate all compatibility shims.
 	*/
-	const { __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom: blockDom$1, config, onMounted: onMounted$24, onPatched: onPatched$5, onWillUnmount: onWillUnmount$18, App: OwlApp, Component: OwlComponent, EnvPlugin: OwlEnvPlugin, useChildEnv: OwlUseChildEnv, useChildSubEnv: OwlUseChildSubEnv, useComponent: OwlUseComponent, useEnv: OwlUseEnv, useExternalListener: OwlUseExternalListener, useLayoutEffect: OwlUseLayoutEffect, useSubEnv: OwlUseSubEnv, Plugin, plugin, props, providePlugins, useScope, xml: xml$4 } = _odoo_owl;
+	const { __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom: blockDom$1, config, onMounted: onMounted$26, onPatched: onPatched$5, onWillUnmount: onWillUnmount$20, App: OwlApp, Component: OwlComponent, EnvPlugin: OwlEnvPlugin, useChildEnv: OwlUseChildEnv, useChildSubEnv: OwlUseChildSubEnv, useComponent: OwlUseComponent, useEnv: OwlUseEnv, useExternalListener: OwlUseExternalListener, useLayoutEffect: OwlUseLayoutEffect, useSubEnv: OwlUseSubEnv, Plugin, plugin, props, providePlugins, useScope, xml: xml$5 } = _odoo_owl;
 	const isOdooCompatLoaded = __ODOO_COMPATIBILITY_LAYER_ADDED__ === true;
 	var _Component = class extends OwlComponent {
 		static template = "";
@@ -2656,8 +2674,8 @@ stores.inject(MyMetaStore, storeInstance);
 	function _useExternalListener(target, eventName, handler, eventParams) {
 		const node = useScope();
 		const boundHandler = handler.bind(node.component);
-		onMounted$24(() => target.addEventListener(eventName, boundHandler, eventParams));
-		onWillUnmount$18(() => target.removeEventListener(eventName, boundHandler, eventParams));
+		onMounted$26(() => target.addEventListener(eventName, boundHandler, eventParams));
+		onWillUnmount$20(() => target.removeEventListener(eventName, boundHandler, eventParams));
 	}
 	function onWillRender(cb) {
 		const node = useScope();
@@ -2672,7 +2690,7 @@ stores.inject(MyMetaStore, storeInstance);
 		let cleanup;
 		/** @type {any[]} */
 		let dependencies;
-		onMounted$24(() => {
+		onMounted$26(() => {
 			dependencies = computeDependencies();
 			cleanup = effect(...dependencies);
 		});
@@ -2689,7 +2707,7 @@ stores.inject(MyMetaStore, storeInstance);
 				cleanup = effect(...dependencies);
 			}
 		});
-		onWillUnmount$18(() => cleanup && cleanup());
+		onWillUnmount$20(() => cleanup && cleanup());
 	}
 	var _EnvPlugin = class extends Plugin {
 		static id = "__ENV__";
@@ -2762,7 +2780,7 @@ stores.inject(MyMetaStore, storeInstance);
 		}
 	};
 	var Portal = class extends OwlComponent {
-		static template = xml$4`<t t-call-slot="default"/>`;
+		static template = xml$5`<t t-call-slot="default"/>`;
 		constructor(node) {
 			super(node);
 			this.props = props();
@@ -2772,7 +2790,7 @@ stores.inject(MyMetaStore, storeInstance);
 			const node = this.__owl__;
 			const renderContent = node.renderFn;
 			node.renderFn = (...args) => new VPortal(node.props.selector, renderContent(...args));
-			onMounted$24(() => {
+			onMounted$26(() => {
 				const portal = node.bdom;
 				if (!portal.target) {
 					const target = document.querySelector(node.props.selector);
@@ -2780,7 +2798,7 @@ stores.inject(MyMetaStore, storeInstance);
 					else throw new Error("invalid portal target");
 				}
 			});
-			onWillUnmount$18(() => {
+			onWillUnmount$20(() => {
 				node.bdom.remove();
 			});
 		}
@@ -4073,6 +4091,18 @@ set(value) {
 			default: return "";
 		}
 	}
+	/**
+	* Only converts the decimal separator, ignore number format such as % or dates
+	*/
+	function toLocaleString(data, locale) {
+		const value = toValue(data);
+		switch (typeof value) {
+			case "string": return value;
+			case "number": return value.toString().replace(".", locale.decimalSeparator);
+			case "boolean": return value ? "TRUE" : "FALSE";
+			default: return "";
+		}
+	}
 	/** Normalize string by setting it to lowercase and replacing accent letters with plain letters */
 	const normalizeString = memoize(function normalizeString(str) {
 		return str.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
@@ -9249,8 +9279,8 @@ set(value) {
 	function fontSizeInPixels(fontSize) {
 		return Math.round(fontSize * 96 / 72);
 	}
-	function computeTextFont(style, fontUnit = "pt") {
-		return `${style.italic ? "italic " : ""}${style.bold ? "bold" : "400"} ${(fontUnit === "pt" ? computeTextFontSizeInPixels(style) : style.fontSize) ?? DEFAULT_FONT_SIZE}px ${DEFAULT_FONT}`;
+	function computeTextFont(style, fontUnit = "pt", fontWeight = 400) {
+		return `${style.italic ? "italic " : ""}${style.bold ? "bold" : fontWeight} ${(fontUnit === "pt" ? computeTextFontSizeInPixels(style) : style.fontSize) ?? DEFAULT_FONT_SIZE}px ${DEFAULT_FONT}`;
 	}
 	function computeTextFontSizeInPixels(style) {
 		return fontSizeInPixels(style?.fontSize || DEFAULT_FONT_SIZE);
@@ -11884,7 +11914,7 @@ set(value) {
 			chartId: types.string(),
 			isFullScreen: types.boolean().optional()
 		});
-		canvas = (0, _odoo_owl.signal)(null);
+		canvas = _odoo_owl.signal.ref(HTMLCanvasElement);
 		chart;
 		currentRuntime;
 		animationStore;
@@ -12607,7 +12637,7 @@ set(value) {
 			chartId: types.string(),
 			isFullScreen: types.boolean().optional()
 		});
-		canvas = (0, _odoo_owl.signal)(null);
+		canvas = _odoo_owl.signal.ref(HTMLCanvasElement);
 		zoomStore;
 		get runtime() {
 			return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -13992,6 +14022,44 @@ set(value) {
 		const definition = getters.getChartDefinition(item.chartId);
 		return (chartSubtypeRegistry.getAll().find((c) => c.matcher?.(definition)) || chartSubtypeRegistry.get(definition.type)).displayName;
 	}
+	function getCarouselLayout(figureRect, carousel, selectedItem) {
+		const layout = CAROUSEL_LAYOUT;
+		const title = {
+			...DEFAULT_CAROUSEL_TITLE_STYLE,
+			...carousel.title
+		};
+		const x = figureRect.x + layout.paddingX;
+		const width = Math.max(0, figureRect.width - 2 * layout.paddingX);
+		const titleHeight = title.text ? title.fontSize * layout.headerLineHeight : 0;
+		const headerRect = {
+			x,
+			y: figureRect.y + layout.paddingY + layout.headerPaddingTop,
+			width,
+			height: Math.max(layout.minHeaderHeight, titleHeight)
+		};
+		const headerBottom = headerRect.y + headerRect.height;
+		const separatorRect = title.text ? {
+			x,
+			y: headerBottom + layout.paddingY,
+			width,
+			height: layout.separatorWidth
+		} : void 0;
+		const contentPaddingTop = selectedItem?.type === "carouselDataView" ? layout.paddingY : 0;
+		const rectAboveContent = separatorRect || headerRect;
+		const contentY = rectAboveContent.y + rectAboveContent.height + contentPaddingTop;
+		const contentBottom = figureRect.y + figureRect.height - layout.paddingY;
+		return {
+			headerRect,
+			separatorRect,
+			contentRect: {
+				x,
+				y: contentY,
+				width,
+				height: Math.max(0, contentBottom - contentY)
+			},
+			headerLineHeight: layout.headerLineHeight
+		};
+	}
 
 //#endregion
 //#region src/helpers/figures/charts/gauge_chart_rendering.ts
@@ -14003,7 +14071,7 @@ set(value) {
 	const GAUGE_BACKGROUND_COLOR = "#F3F2F1";
 	const GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN = 6;
 	const GAUGE_TITLE_SECTION_HEIGHT = 25;
-	function drawGaugeChart(canvas, runtime, zoom = 1, dimensions) {
+	function drawGaugeChart(canvas, runtime, zoom = 1, dimensions, options) {
 		const size = dimensions ?? getCanvasSize(canvas);
 		const dpr = typeof globalThis.devicePixelRatio === "number" ? globalThis.devicePixelRatio : 1;
 		canvas.width = size.width * dpr;
@@ -14016,7 +14084,7 @@ set(value) {
 			height: size.height / zoom,
 			x: 0,
 			y: 0
-		}, runtime, ctx);
+		}, runtime, ctx, options);
 		drawBackground(ctx, config);
 		drawGauge(ctx, config);
 		drawInflectionValues(ctx, config);
@@ -14104,7 +14172,8 @@ set(value) {
 		ctx.fillText(title.label, title.textPosition.x, title.textPosition.y);
 		ctx.restore();
 	}
-	function getGaugeRenderingConfig(boundingRect, runtime, ctx) {
+	function getGaugeRenderingConfig(boundingRect, runtime, ctx, options) {
+		const labelFontSize = options?.labelFontSize ?? 12;
 		const maxValue = runtime.maxValue;
 		const minValue = runtime.minValue;
 		const gaugeValue = getGaugeValue(runtime, "animated");
@@ -14122,14 +14191,14 @@ set(value) {
 		if (computeTextWidth(ctx, gaugeLabel, { fontSize: gaugeValueFontSize }, "px") > maxTextWidth) gaugeValueFontSize = getFontSizeMatchingWidth(maxTextWidth, gaugeValueFontSize, (fontSize) => computeTextWidth(ctx, gaugeLabel, { fontSize }, "px"));
 		const minLabelPosition = {
 			x: gaugeRect.x + gaugeArcWidth / 2,
-			y: gaugeRect.y + gaugeRect.height + 12
+			y: gaugeRect.y + gaugeRect.height + labelFontSize
 		};
 		const maxLabelPosition = {
 			x: gaugeRect.x + gaugeRect.width - gaugeArcWidth / 2,
-			y: gaugeRect.y + gaugeRect.height + 12
+			y: gaugeRect.y + gaugeRect.height + labelFontSize
 		};
 		const textColor = chartMutedFontColor(runtime.background);
-		const inflectionValues = getInflectionValues(runtime, gaugeRect, textColor, ctx);
+		const inflectionValues = getInflectionValues(runtime, gaugeRect, textColor, ctx, labelFontSize);
 		let x = 0, titleWidth = 0, titleHeight = 0;
 		if (runtime.title.text) ({width: titleWidth, height: titleHeight} = computeTextDimension(ctx, runtime.title.text, {
 			fontSize: 16,
@@ -14177,13 +14246,13 @@ set(value) {
 			minLabel: {
 				label: runtime.minValue.label,
 				textPosition: minLabelPosition,
-				fontSize: 12,
+				fontSize: labelFontSize,
 				color: textColor
 			},
 			maxLabel: {
 				label: runtime.maxValue.label,
 				textPosition: maxLabelPosition,
-				fontSize: 12,
+				fontSize: labelFontSize,
 				color: textColor
 			}
 		};
@@ -14217,27 +14286,27 @@ set(value) {
 	*
 	* Also compute an offset for the text so that it doesn't overlap with other text.
 	*/
-	function getInflectionValues(runtime, gaugeRect, textColor, ctx) {
+	function getInflectionValues(runtime, gaugeRect, textColor, ctx, labelFontSize = 12) {
 		const maxValue = runtime.maxValue;
 		const minValue = runtime.minValue;
 		const gaugeCircleCenter = {
 			x: gaugeRect.x + gaugeRect.width / 2,
 			y: gaugeRect.y + gaugeRect.height
 		};
-		const textStyle = { fontSize: 12 };
+		const textStyle = { fontSize: labelFontSize };
 		const inflectionValues = [];
 		const inflectionValuesTextRects = [];
 		for (const inflectionValue of runtime.inflectionValues) {
 			const percentage = (inflectionValue.value - minValue.value) / (maxValue.value - minValue.value);
 			const labelWidth = computeTextWidth(ctx, inflectionValue.label, textStyle, "px");
 			const angle = Math.PI - Math.PI * percentage;
-			const textRect = getRectangleTangentToCircle(angle, gaugeRect.height + GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN, gaugeCircleCenter.x, gaugeCircleCenter.y, labelWidth + 2, 12);
-			const offset = inflectionValuesTextRects.some((rect) => doRectanglesIntersect(rect, textRect)) ? 12 : 0;
+			const textRect = getRectangleTangentToCircle(angle, gaugeRect.height + GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN, gaugeCircleCenter.x, gaugeCircleCenter.y, labelWidth + 2, labelFontSize);
+			const offset = inflectionValuesTextRects.some((rect) => doRectanglesIntersect(rect, textRect)) ? labelFontSize : 0;
 			inflectionValuesTextRects.push(textRect);
 			inflectionValues.push({
 				rotation: angle,
 				label: inflectionValue.label,
-				fontSize: 12,
+				fontSize: labelFontSize,
 				color: textColor,
 				offset
 			});
@@ -14357,6 +14426,44 @@ set(value) {
 			"mouseup"
 		]
 	};
+	/**
+	* Sample down a Chart.js configuration's data points to at most `maxPoints`, evenly spaced.
+	* Used for lightweight previews (drag preview, chart suggestions) where rendering every point
+	* of a large dataset would make Chart.js slow without any visible benefit on a small canvas.
+	*/
+	function limitChartConfigDataPoints(config, maxPoints = 150) {
+		const data = config.data;
+		if (!data) return config;
+		return {
+			...config,
+			data: {
+				...data,
+				labels: limitArrayDataPoints(data.labels, maxPoints),
+				datasets: data.datasets?.map((dataset) => limitDatasetDataPoints(dataset, maxPoints))
+			}
+		};
+	}
+	function limitDatasetDataPoints(dataset, maxPoints) {
+		const values = dataset.data;
+		if (!Array.isArray(values) || values.length <= maxPoints) return dataset;
+		const length = values.length;
+		const indices = sampleIndices(length, maxPoints);
+		const limited = { ...dataset };
+		for (const key of Object.keys(limited)) {
+			const value = limited[key];
+			if (Array.isArray(value) && value.length === length) limited[key] = indices.map((i) => value[i]);
+		}
+		return limited;
+	}
+	function limitArrayDataPoints(arr, maxPoints) {
+		if (!Array.isArray(arr) || arr.length <= maxPoints) return arr;
+		return sampleIndices(arr.length, maxPoints).map((i) => arr[i]);
+	}
+	/** Evenly spaced indices sampled from [0, length). */
+	function sampleIndices(length, maxPoints) {
+		const step = length / maxPoints;
+		return Array.from({ length: maxPoints }, (_, i) => Math.min(length - 1, Math.floor(i * step)));
+	}
 	async function chartToImageUrl(runtime, figure, type) {
 		try {
 			const canvas = createRenderingSurface(figure.width, figure.height);
@@ -14404,7 +14511,7 @@ set(value) {
 	*
 	* @returns a cleanup function to be called after the drawing is no longer needed (to free Chart.js resources)
 	*/
-	function drawChartOnCanvas(canvas, runtime, size, type) {
+	function drawChartOnCanvas(canvas, runtime, size, type, zoom = 1) {
 		if ("chartJsConfig" in runtime) {
 			if (!globalThis.Chart) throw new Error("Chart.js library is not loaded");
 			const extensionsLoaded = areChartJSExtensionsLoaded();
@@ -14420,8 +14527,8 @@ set(value) {
 				chart.destroy();
 				if (!extensionsLoaded) unregisterChartJsExtensions();
 			};
-		} else if (type === "scorecard") drawScoreChart(getScorecardConfiguration(size, runtime), canvas);
-		else if (type === "gauge") drawGaugeChart(canvas, runtime, 1, size);
+		} else if (type === "scorecard") drawScoreChart(getScorecardConfiguration(size, runtime), canvas, zoom);
+		else if (type === "gauge") drawGaugeChart(canvas, runtime, zoom, size);
 		return () => {};
 	}
 
@@ -14959,7 +15066,7 @@ set(value) {
 	var ZoomableChartJsComponent = class extends ChartJsComponent {
 		static template = "o-spreadsheet-ZoomableChartJsComponent";
 		store;
-		masterChartCanvas = (0, _odoo_owl.signal)(null);
+		masterChartCanvas = _odoo_owl.signal.ref(HTMLCanvasElement);
 		masterChart;
 		mode;
 		hasLinearScale;
@@ -15713,7 +15820,7 @@ set(value) {
 			chartId: types.string(),
 			isFullScreen: types.boolean().optional()
 		});
-		canvas = (0, _odoo_owl.signal)(null);
+		canvas = _odoo_owl.signal.ref(HTMLCanvasElement);
 		animationStore;
 		zoomStore;
 		get runtime() {
@@ -15950,7 +16057,7 @@ set(value) {
 			onKeyDown: types.function().optional(),
 			disableKeyboardNavigation: types.boolean().optional()
 		});
-		menuRef = (0, _odoo_owl.signal)(null);
+		menuRef = _odoo_owl.signal.ref();
 		setup() {
 			useLayoutEffect(() => {
 				const menuEl = this.menuRef();
@@ -16070,8 +16177,8 @@ set(value) {
 			zIndex: types.number().optional(),
 			class: types.string().optional()
 		});
-		popoverRef = (0, _odoo_owl.signal)(null);
-		popoverContentRef = (0, _odoo_owl.signal)(null);
+		popoverRef = _odoo_owl.signal.ref();
+		popoverContentRef = _odoo_owl.signal.ref();
 		currentPosition = void 0;
 		currentDisplayValue = void 0;
 		spreadsheetRect = useSpreadsheetRect();
@@ -16259,7 +16366,7 @@ set(value) {
 			isHoveringChild: false
 		});
 		state = (0, _odoo_owl.proxy)({ hoveredMenu: this.props.autoSelectFirstItem ? this.getNextEnabledMenuItem() : void 0 });
-		menuRef = (0, _odoo_owl.signal)(null);
+		menuRef = _odoo_owl.signal.ref();
 		openingTimeOut = useTimeOut();
 		setup() {
 			const domFocusableElementStore = useStore(DOMFocusableElementStore);
@@ -16548,43 +16655,29 @@ set(value) {
 	};
 
 //#endregion
-//#region src/components/tables/hovered_table_store.ts
-	var HoveredTableStore = class extends SpreadsheetStore {
-		mutators = ["clear", "hover"];
-		position;
+//#region src/stores/cell_hover_overlay_store.ts
+	var CellHoverOverlayStore = class extends SpreadsheetStore {
+		mutators = [
+			"hover",
+			"register",
+			"unRegister"
+		];
+		storeGetters = ["getCellHoverOverlayColor"];
+		providers = [];
 		overlayColors = new PositionMap();
-		hover(position) {
-			if (!this.getters.isDashboard() || deepEquals(this.position, position)) return "noStateChange";
-			this.position = position;
-			this.computeOverlay();
+		hover(hoveredPosition) {
+			this.overlayColors = new PositionMap();
+			if (!hoveredPosition) return;
+			for (const provider of this.providers) {
+				const positions = provider.getHighlightedPositions(hoveredPosition);
+				for (const position of positions) this.overlayColors.set(position, TABLE_HOVER_BACKGROUND_COLOR);
+			}
 		}
-		clear() {
-			this.position = void 0;
+		register(highlightProvider) {
+			this.providers.push(highlightProvider);
 		}
-		computeOverlay() {
-			this.overlayColors = new PositionMap();
-			if (!this.position) return;
-			const { sheetId, col, row } = this.position;
-			const table = this.getters.getTable({
-				sheetId,
-				col,
-				row
-			});
-			if (!table) return;
-			const { left, right, top } = table.range.zone;
-			const isTableHeader = row < top + table.config.numberOfHeaders;
-			const doesTableRowHaveContent = range(left, right + 1).some((col) => {
-				return !this.getters.isColHidden(sheetId, col) && this.getters.getEvaluatedCell({
-					sheetId,
-					col,
-					row
-				}).formattedValue;
-			});
-			if (!isTableHeader && doesTableRowHaveContent) for (let col = left; col <= right; col++) this.overlayColors.set({
-				sheetId,
-				col,
-				row
-			}, TABLE_HOVER_BACKGROUND_COLOR);
+		unRegister(highlightProvider) {
+			this.providers = this.providers.filter((h) => h !== highlightProvider);
 		}
 	};
 
@@ -16596,9 +16689,9 @@ set(value) {
 			position: types.CellPosition(),
 			sortDirection: types.or([types.SortDirection, types.literal("none")])
 		});
-		hoveredTableStore;
+		hoveredCellOverlayStore;
 		setup() {
-			this.hoveredTableStore = useStore(HoveredTableStore);
+			this.hoveredCellOverlayStore = useStore(CellHoverOverlayStore);
 		}
 		get style() {
 			const cellStyle = this.env.model.getters.getCellComputedStyle(this.props.position);
@@ -16618,7 +16711,7 @@ set(value) {
 			}
 		}
 		getBackgroundColor(cellStyle) {
-			const overlayColor = this.hoveredTableStore.overlayColors.get(this.props.position);
+			const overlayColor = this.hoveredCellOverlayStore.overlayColors.get(this.props.position);
 			if (overlayColor) return blendColors(cellStyle.fillColor || "#FFFFFF", overlayColor);
 			return cellStyle.fillColor || "#FFFFFF";
 		}
@@ -21357,7 +21450,7 @@ set(value) {
 //#region src/components/grid_overlay/grid_overlay.ts
 	function useCellHovered(env, gridRef) {
 		const delayedHoveredCell = useStore(DelayedHoveredCellStore);
-		const hoveredTable = useStore(HoveredTableStore);
+		const cellHoverOverlay = useStore(CellHoverOverlayStore);
 		const viewStore = useStore(ViewportsStore);
 		const hoveredPosition = {
 			col: void 0,
@@ -21401,7 +21494,9 @@ set(value) {
 			if (isChildEvent(gridRef(), zoomedMouseEvent.ev)) {
 				({x, y} = getOffsetRelativeToOverlay(zoomedMouseEvent));
 				lastMoved = Date.now();
-				hoveredTable.hover(getPosition());
+				const position = getPosition();
+				if (position.col < 0 || position.row < 0) cellHoverOverlay.hover(void 0);
+				else cellHoverOverlay.hover(getPosition());
 			}
 		}
 		function recompute() {
@@ -21412,7 +21507,7 @@ set(value) {
 			const zoomedMouseEvent = withZoom(env, e);
 			const { x, y } = getOffsetRelativeToOverlay(zoomedMouseEvent);
 			const gridRect = getElBoundingRect(gridRef());
-			if (y < 0 || y > gridRect.height || x < 0 || x > gridRect.width) return updateMousePosition(zoomedMouseEvent);
+			if (y <= 0 || y >= gridRect.height || x <= 0 || x >= gridRect.width) return updateMousePosition(zoomedMouseEvent);
 			else return pause();
 		}
 		(0, _odoo_owl.useListener)(gridRef, "pointermove", (ev) => !env.isMobile() && updateMousePosition(withZoom(env, ev)));
@@ -21449,7 +21544,7 @@ set(value) {
 			gridOverlayDimensions: types.string(),
 			hasFooter: types.boolean().optional(() => true)
 		});
-		gridOverlayRef = (0, _odoo_owl.signal)(null);
+		gridOverlayRef = _odoo_owl.signal.ref();
 		cellPopovers;
 		paintFormatStore;
 		hoveredIconStore;
@@ -21476,7 +21571,7 @@ set(value) {
 			return el;
 		}
 		get style() {
-			return this.props.gridOverlayDimensions + cssPropertiesToCss({ cursor: this.hoveredIconStore.hoveredIcon ? "pointer" : "default" });
+			return this.props.gridOverlayDimensions + cssPropertiesToCss({ cursor: this.hoveredIconStore.hoveredIcon ? "pointer" : "inherit" });
 		}
 		get isPaintingFormat() {
 			return this.paintFormatStore.isActive;
@@ -22116,8 +22211,9 @@ set(value) {
 	const CELL_ANIMATION_DURATION = 200;
 	var GridRenderer = class extends DisposableStore {
 		renderer;
+		storeGetters = ["drawLayer"];
 		fingerprints;
-		hoveredTables;
+		cellHoverOverlayStore = this.get(CellHoverOverlayStore);
 		hoveredIcon;
 		lastRenderSheetId = void 0;
 		lastRenderBoxes = /* @__PURE__ */ new Map();
@@ -22131,15 +22227,14 @@ set(value) {
 			const model = get(ModelStore);
 			this.getters = model.getters;
 			this.fingerprints = get(FormulaFingerprintStore);
-			this.hoveredTables = get(HoveredTableStore);
 			this.hoveredIcon = get(HoveredIconStore);
 			model.on("command-dispatched", this, this.handle);
 			model.on("command-finalized", this, this.finalize);
-			this.renderer.register(this);
+			if (this.renderer) this.renderer.register(this);
 			this.onDispose(() => {
 				model.off("command-dispatched", this);
 				model.off("command-finalized", this);
-				this.renderer.unRegister(this);
+				if (this.renderer) this.renderer.unRegister(this);
 			});
 		}
 		handle(cmd) {
@@ -22683,7 +22778,7 @@ set(value) {
 				border: this.getters.getCellComputedBorder(position) || void 0,
 				style,
 				dataBarFill,
-				overlayColor: this.hoveredTables.overlayColors.get(position),
+				overlayColor: this.cellHoverOverlayStore.overlayColors.get(position),
 				isError: cell.type === "error" && !!cell.message || this.getters.isDataValidationInvalid(position),
 				icons: cellIcons,
 				disabledAnimation: this.zonesWithPreventedAnimationsInNextFrame[sheetId]?.some((z) => isZoneInside(zone, z) || overlap(zone, z))
@@ -22859,6 +22954,7 @@ set(value) {
 			return boxes;
 		}
 		getBoxesWithAnimations(boxes, oldBoxes, timeStamp) {
+			if (!this.renderer) return boxes;
 			this.updateAnimationsProgress(timeStamp);
 			this.addNewAnimations(boxes, oldBoxes, timeStamp);
 			if (this.animations.size > 0) {
@@ -23003,7 +23099,7 @@ set(value) {
 			offset: types.Pixel(),
 			onScroll: types.function()
 		});
-		scrollbarRef = (0, _odoo_owl.signal)(null);
+		scrollbarRef = _odoo_owl.signal.ref();
 		scrollbar;
 		setup() {
 			this.scrollbar = new ScrollBar$1(this.scrollbarRef(), this.props.direction);
@@ -23105,6 +23201,9 @@ set(value) {
 				zoneToDisplay: this.range.zone,
 				getFooterSize: () => 0
 			});
+			const cellHoverOverlayStore = this.get(CellHoverOverlayStore);
+			cellHoverOverlayStore.register(this);
+			this.onDispose(() => cellHoverOverlayStore.unRegister(this));
 		}
 		handle(cmd) {
 			this.cachedColDimensions = void 0;
@@ -23253,6 +23352,16 @@ set(value) {
 			}
 			return normalizedWeights;
 		}
+		getHighlightedPositions(position) {
+			const highlightedPositions = [];
+			const { col, row, sheetId } = position;
+			if (sheetId !== this.range.sheetId || !isInside(col, row, this.range.zone)) return highlightedPositions;
+			for (let col = this.range.zone.left; col <= this.range.zone.right; col++) highlightedPositions.push({
+				...position,
+				col
+			});
+			return highlightedPositions;
+		}
 	};
 
 //#endregion
@@ -23269,10 +23378,11 @@ set(value) {
 			range: types.Range(),
 			canResizeColumns: types.boolean().optional(true),
 			onResizeColumns: types.function().optional(),
-			columnWeights: types.array().optional()
+			columnWeights: types.array().optional(),
+			size: types.object()
 		});
-		canvasRef = (0, _odoo_owl.signal)(null);
-		containerRef = (0, _odoo_owl.signal)(null);
+		canvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
+		containerRef = _odoo_owl.signal.ref();
 		store;
 		dndState = (0, _odoo_owl.proxy)({ col: void 0 });
 		onMouseWheel;
@@ -23284,8 +23394,8 @@ set(value) {
 			useChildStoreProvider([
 				ViewportsStore,
 				HoveredIconStore,
-				HoveredTableStore,
 				ClickableCellsStore,
+				CellHoverOverlayStore,
 				DelayedHoveredCellStore,
 				CellPopoverStore
 			]);
@@ -23294,18 +23404,10 @@ set(value) {
 			this.zoomStore = useStore(ZoomStore);
 			this.cellPopoverStore = useStore(CellPopoverStore);
 			this.rendererStore = useLocalStore(RendererStore, ["Background", "Chart"]);
-			const resizeObserver = new ResizeObserver(() => {
-				this.store.setContainerSize(this.containerWidth, this.containerHeight);
-			});
-			(0, _odoo_owl.useEffect)(() => {
-				const el = this.containerRef();
-				if (el) resizeObserver.observe(el);
-				return () => resizeObserver.disconnect();
-			});
 			(0, _odoo_owl.useEffect)(() => {
 				this.store.setRange(this.props.range);
 				if (this.dndState.col === void 0) this.store.setCustomColWeights(this.props.columnWeights);
-				this.store.setContainerSize(this.containerWidth, this.containerHeight);
+				this.store.setContainerSize(this.contentWidth, this.props.size.height);
 			});
 			useGridDrawing({
 				canvasRef: this.canvasRef,
@@ -23324,14 +23426,11 @@ set(value) {
 				}
 			});
 		}
-		get containerWidth() {
-			return Math.floor(getElBoundingRect(this.containerRef()).width / this.zoomStore.zoomLevel);
-		}
-		get containerHeight() {
-			return Math.floor(getElBoundingRect(this.containerRef()).height / this.zoomStore.zoomLevel);
+		get contentWidth() {
+			return this.hasVerticalScrollBar ? this.props.size.width - this.zoomStore.scrollBarWidth : this.props.size.width;
 		}
 		get hasVerticalScrollBar() {
-			return this.containerHeight && this.viewStore.mainViewportCoordinates.y + this.viewStore.mainViewportRect.height > this.containerHeight;
+			return this.viewStore.mainViewportCoordinates.y + this.viewStore.mainViewportRect.height > this.props.size.height;
 		}
 		get scrollBarContainerStyle() {
 			return cssPropertiesToCss({ width: `${this.zoomStore.scrollBarWidth}px` });
@@ -23383,7 +23482,7 @@ set(value) {
 			};
 			const onMouseMove = (ev) => {
 				deltaX = withZoom(this.env, ev).clientX - initialX;
-				const weightDelta = deltaX / this.containerWidth * totalWeight;
+				const weightDelta = deltaX / this.props.size.width * totalWeight;
 				this.store.resizeColumn(resizer.col, weightDelta, startingColWeights);
 			};
 			startDnd(onMouseMove, onMouseUp);
@@ -23413,8 +23512,8 @@ set(value) {
 			name: types.string().optional(),
 			title: types.string().optional()
 		});
-		selectRef = (0, _odoo_owl.signal)(null);
-		dropdownRef = (0, _odoo_owl.signal)(null);
+		selectRef = _odoo_owl.signal.ref();
+		dropdownRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({
 			isPopoverOpen: false,
 			hoveredValue: void 0
@@ -23524,7 +23623,7 @@ set(value) {
 		setup() {
 			useExternalListener(window, "click", this.onExternalClick, { capture: true });
 		}
-		infoRef = (0, _odoo_owl.signal)(null);
+		infoRef = _odoo_owl.signal.ref();
 		get popoverProps() {
 			return {
 				anchorRect: this.props.anchorRect,
@@ -23669,8 +23768,8 @@ set(value) {
 			isFullScreen: types.boolean().optional(),
 			openContextMenu: types.function().optional()
 		});
-		carouselTabsRef = (0, _odoo_owl.signal)(null);
-		carouselTabsDropdownRef = (0, _odoo_owl.signal)(null);
+		carouselTabsRef = _odoo_owl.signal.ref();
+		carouselTabsDropdownRef = _odoo_owl.signal.ref();
 		menuState = (0, _odoo_owl.proxy)({
 			isOpen: false,
 			anchorRect: null,
@@ -23738,6 +23837,19 @@ set(value) {
 			} else cssProperties["background-color"] = backgroundColor;
 			return cssPropertiesToCss(cssProperties);
 		}
+		get contentStyle() {
+			return cssPropertiesToCss(this.rectToCss(this.carouselLayout.contentRect));
+		}
+		get headerStyle() {
+			return cssPropertiesToCss({
+				...this.rectToCss(this.carouselLayout.headerRect),
+				"line-height": String(this.carouselLayout.headerLineHeight)
+			});
+		}
+		get separatorStyle() {
+			const separatorRect = this.carouselLayout.separatorRect;
+			return separatorRect ? cssPropertiesToCss(this.rectToCss(separatorRect)) : "";
+		}
 		get title() {
 			return this.env.model.getters.dynamicTranslate(this.carousel.title?.text ?? "");
 		}
@@ -23747,6 +23859,14 @@ set(value) {
 				...this.carousel.title
 			})));
 		}
+		rectToCss(rect) {
+			return {
+				top: `${rect.y}px`,
+				left: `${rect.x}px`,
+				width: `${rect.width}px`,
+				height: `${rect.height}px`
+			};
+		}
 		updateTabsVisibility() {
 			const tabsContainerEl = this.carouselTabsRef();
 			const dropDownEl = this.carouselTabsDropdownRef();
@@ -23838,6 +23958,13 @@ set(value) {
 		get canResizeDataViewColumns() {
 			return !this.env.model.getters.isReadonly() && !this.env.model.getters.isSheetLocked(this.env.model.getters.getActiveSheetId());
 		}
+		get carouselLayout() {
+			return getCarouselLayout({
+				...this.props.figureUI,
+				x: 0,
+				y: 0
+			}, this.carousel, this.selectedCarouselItem);
+		}
 	};
 
 //#endregion
@@ -23878,7 +24005,7 @@ set(value) {
 			figureUI: types.FigureUI(),
 			openContextMenu: types.function()
 		});
-		menuButtonRef = (0, _odoo_owl.signal)(null);
+		menuButtonRef = _odoo_owl.signal.ref();
 		showMenu(ev) {
 			if (!this.env.model.getters.getSelectedFigureIds().includes(this.props.figureUI.id)) this.env.model.dispatch("SELECT_FIGURE", {
 				figureId: this.props.figureUI.id,
@@ -23906,7 +24033,8 @@ set(value) {
 		menuBuilder: getChartMenuActions,
 		borderWidth: (getters) => getters.isDashboard() ? 0 : 1,
 		hasShadow: (getters) => getters.isDashboard(),
-		isRounded: (getters) => getters.isDashboard()
+		isRounded: (getters) => getters.isDashboard(),
+		isThemeDependant: true
 	});
 	figureRegistry.add("image", {
 		Component: ImageFigure,
@@ -23915,14 +24043,16 @@ set(value) {
 		borderWidth: () => 0,
 		hasShadow: () => false,
 		isRounded: () => false,
-		menuBuilder: getImageMenuActions
+		menuBuilder: getImageMenuActions,
+		isThemeDependant: false
 	});
 	figureRegistry.add("carousel", {
 		Component: CarouselFigure,
 		menuBuilder: getCarouselMenuActions,
 		borderWidth: (getters) => getters.isDashboard() ? 0 : 1,
 		hasShadow: (getters) => getters.isDashboard(),
-		isRounded: (getters) => getters.isDashboard()
+		isRounded: (getters) => getters.isDashboard(),
+		isThemeDependant: true
 	});
 
 //#endregion
@@ -23944,10 +24074,13 @@ set(value) {
 			anchorRect: null,
 			menuItems: []
 		});
-		figureRef = (0, _odoo_owl.signal)(null);
+		figureRef = _odoo_owl.signal.ref();
 		get isSelected() {
 			return !this.env.model.getters.isDashboard() && this.env.model.getters.getSelectedFigureIds().includes(this.props.figureUI.id);
 		}
+		get isThemeDependant() {
+			return figureRegistry.get(this.props.figureUI.tag).isThemeDependant;
+		}
 		get figureRegistry() {
 			return figureRegistry;
 		}
@@ -29546,6 +29679,35 @@ set(value) {
 		}));
 	}
 
+//#endregion
+//#region src/helpers/figures/charts/chart_data_source_helpers.ts
+	function getUnboundRange(getters, zone) {
+		return zoneToXc(getters.getUnboundedZone(getters.getActiveSheetId(), zone));
+	}
+	function isDatasetTitled(getters, zone) {
+		const sheetId = getters.getActiveSheetId();
+		const cell = getters.getEvaluatedCell({
+			sheetId,
+			col: zone.left,
+			row: zone.top
+		});
+		return !["number", "empty"].includes(cell.type);
+	}
+	function dataset(zone, getters, id = "0") {
+		return {
+			dataRange: getUnboundRange(getters, zone),
+			dataSetId: id
+		};
+	}
+	function rangeSource(dataSets, dataSetsHaveTitle, labelRange) {
+		return {
+			type: "range",
+			dataSets,
+			dataSetsHaveTitle,
+			labelRange
+		};
+	}
+
 //#endregion
 //#region src/helpers/figures/charts/smart_chart_engine.ts
 	const DEFAULT_BAR_CHART_CONFIG = {
@@ -29576,9 +29738,6 @@ set(value) {
 		labelsAsText: false,
 		humanize: true
 	};
-	function getUnboundRange(getters, zone) {
-		return zoneToXc(getters.getUnboundedZone(getters.getActiveSheetId(), zone));
-	}
 	function detectColumnType(cells) {
 		if (!cells.length) return "empty";
 		const counts = {
@@ -29625,14 +29784,6 @@ set(value) {
 			totalCount: values.length
 		};
 	}
-	function isDatasetTitled(getters, column) {
-		const titleCell = getters.getEvaluatedCell({
-			sheetId: getters.getActiveSheetId(),
-			col: column.zone.left,
-			row: column.zone.top
-		});
-		return !["number", "empty"].includes(titleCell.type);
-	}
 	/**
 	* Builds a chart definition for a single column selection. The logic to detect the chart type is as follows:
 	* - If the column contains a single cell, create a scorecard.
@@ -29644,8 +29795,7 @@ set(value) {
 	function buildSingleColumnChart(column, getters) {
 		const { type, zone } = column;
 		const sheetId = getters.getActiveSheetId();
-		const dataSetsHaveTitle = isDatasetTitled(getters, column);
-		const dataRange = getUnboundRange(getters, zone);
+		const dataSetsHaveTitle = isDatasetTitled(getters, column.zone);
 		const titleCell = getters.getEvaluatedCell({
 			sheetId,
 			col: zone.left,
@@ -29656,14 +29806,7 @@ set(value) {
 			case "percentage": return {
 				type: "pie",
 				title: dataSetsHaveTitle ? { text: String(titleCell.value) } : {},
-				dataSource: {
-					type: "range",
-					dataSets: [{
-						dataRange,
-						dataSetId: "0"
-					}],
-					dataSetsHaveTitle
-				},
+				dataSource: rangeSource([dataset(zone, getters)], dataSetsHaveTitle),
 				dataSetStyles: {},
 				legendPosition: "none"
 			};
@@ -29674,45 +29817,28 @@ set(value) {
 				return {
 					type: "pie",
 					title: hasUniqueTitle ? { text: String(titleCell.value) } : {},
-					dataSource: {
-						type: "range",
-						dataSets: [{
-							dataRange,
-							dataSetId: "0"
-						}],
-						labelRange: dataRange,
-						dataSetsHaveTitle: hasUniqueTitle
-					},
+					dataSource: rangeSource([dataset(zone, getters)], hasUniqueTitle, getUnboundRange(getters, zone)),
 					dataSetStyles: {},
 					aggregated: true,
 					legendPosition: "top"
 				};
-			case "date": return {
-				type: "calendar",
-				title: dataSetsHaveTitle ? { text: String(titleCell.value) } : {},
-				dataSource: {
-					type: "range",
-					dataSets: [],
-					dataSetsHaveTitle,
-					labelRange: dataRange
-				},
-				dataSetStyles: {},
-				legendPosition: "left",
-				horizontalGroupBy: "day_of_week",
-				verticalGroupBy: "month_number"
-			};
+			case "date": {
+				const dataRange = getUnboundRange(getters, zone);
+				return {
+					type: "calendar",
+					title: dataSetsHaveTitle ? { text: String(titleCell.value) } : {},
+					dataSource: rangeSource([], dataSetsHaveTitle, dataRange),
+					dataSetStyles: {},
+					legendPosition: "left",
+					horizontalGroupBy: "day_of_week",
+					verticalGroupBy: "month_number"
+				};
+			}
 		}
 		return {
 			...DEFAULT_BAR_CHART_CONFIG,
 			title: dataSetsHaveTitle ? { text: String(titleCell.value) } : {},
-			dataSource: {
-				type: "range",
-				dataSets: [{
-					dataRange,
-					dataSetId: "0"
-				}],
-				dataSetsHaveTitle
-			},
+			dataSource: rangeSource([dataset(zone, getters)], dataSetsHaveTitle),
 			dataSetStyles: {}
 		};
 	}
@@ -29730,15 +29856,7 @@ set(value) {
 		if (columns[1].type === "percentage") return {
 			type: "pie",
 			title: {},
-			dataSource: {
-				type: "range",
-				dataSets: [{
-					dataRange: getUnboundRange(getters, columns[1].zone),
-					dataSetId: "0"
-				}],
-				labelRange: getUnboundRange(getters, columns[0].zone),
-				dataSetsHaveTitle: isDatasetTitled(getters, columns[1])
-			},
+			dataSource: rangeSource([dataset(columns[1].zone, getters)], isDatasetTitled(getters, columns[1].zone), getUnboundRange(getters, columns[0].zone)),
 			dataSetStyles: {},
 			aggregated: true,
 			legendPosition: "none"
@@ -29746,15 +29864,7 @@ set(value) {
 		if (columns[0].type === "number" && columns[1].type === "number") return {
 			type: "scatter",
 			title: {},
-			dataSource: {
-				type: "range",
-				dataSets: [{
-					dataRange: getUnboundRange(getters, columns[1].zone),
-					dataSetId: "0"
-				}],
-				labelRange: getUnboundRange(getters, columns[0].zone),
-				dataSetsHaveTitle: isDatasetTitled(getters, columns[1])
-			},
+			dataSource: rangeSource([dataset(columns[1].zone, getters)], isDatasetTitled(getters, columns[1].zone), getUnboundRange(getters, columns[0].zone)),
 			dataSetStyles: {},
 			labelsAsText: false,
 			legendPosition: "none"
@@ -29762,49 +29872,25 @@ set(value) {
 		if (columns[0].type === "date" && columns[1].type === "number") return {
 			...DEFAULT_LINE_CHART_CONFIG,
 			type: "line",
-			dataSource: {
-				type: "range",
-				dataSets: [{
-					dataRange: getUnboundRange(getters, columns[1].zone),
-					dataSetId: "0"
-				}],
-				labelRange: getUnboundRange(getters, columns[0].zone),
-				dataSetsHaveTitle: isDatasetTitled(getters, columns[0])
-			},
+			dataSource: rangeSource([dataset(columns[1].zone, getters)], isDatasetTitled(getters, columns[0].zone), getUnboundRange(getters, columns[0].zone)),
 			dataSetStyles: {}
 		};
 		if (columns[0].type === "text" && columns[1].type === "number") {
 			const textColumn = columns[0];
 			const numberColumn = columns[1];
 			const { uniqueCount, totalCount } = getCellStats(getters, textColumn.zone);
-			const dataSetsHaveTitle = isDatasetTitled(getters, numberColumn);
+			const dataSetsHaveTitle = isDatasetTitled(getters, numberColumn.zone);
 			if (uniqueCount !== totalCount) return {
 				type: "treemap",
 				title: {},
-				dataSource: {
-					type: "range",
-					dataSets: [{
-						dataRange: getUnboundRange(getters, textColumn.zone),
-						dataSetId: "0"
-					}],
-					labelRange: getUnboundRange(getters, numberColumn.zone),
-					dataSetsHaveTitle
-				},
+				dataSource: rangeSource([dataset(textColumn.zone, getters)], dataSetsHaveTitle, getUnboundRange(getters, numberColumn.zone)),
 				dataSetStyles: {},
 				legendPosition: "none"
 			};
 		}
 		return {
 			...DEFAULT_BAR_CHART_CONFIG,
-			dataSource: {
-				type: "range",
-				dataSets: [{
-					dataRange: getUnboundRange(getters, columns[1].zone),
-					dataSetId: "0"
-				}],
-				labelRange: getUnboundRange(getters, columns[0].zone),
-				dataSetsHaveTitle: isDatasetTitled(getters, columns[1])
-			},
+			dataSource: rangeSource([dataset(columns[1].zone, getters)], isDatasetTitled(getters, columns[1].zone), getUnboundRange(getters, columns[0].zone)),
 			dataSetStyles: {}
 		};
 	}
@@ -29818,42 +29904,26 @@ set(value) {
 	*/
 	function buildMultiColumnChart(columns, getters) {
 		if (columns.length < 3) throw new Error("buildMultiColumnChart expects at least three columns");
-		const dataSetsHaveTitle = columns.some((col) => col.type !== "text" && isDatasetTitled(getters, col));
+		const dataSetsHaveTitle = columns.some((col) => col.type !== "text" && isDatasetTitled(getters, col.zone));
 		const lastColumn = columns[columns.length - 1];
 		const columnsExceptLast = columns.slice(0, columns.length - 1);
 		if ((lastColumn.type === "percentage" || lastColumn.type === "number") && columnsExceptLast.every((col) => col.type === "text")) {
-			const dataSets = columnsExceptLast.map(({ zone }, i) => ({
-				dataRange: getUnboundRange(getters, zone),
-				dataSetId: i.toString()
-			}));
+			const dataSets = columnsExceptLast.map(({ zone }, i) => dataset(zone, getters, String(i)));
 			return {
 				type: columnsExceptLast.length >= 3 ? "sunburst" : "treemap",
 				title: {},
-				dataSource: {
-					type: "range",
-					dataSets,
-					dataSetsHaveTitle,
-					labelRange: getUnboundRange(getters, lastColumn.zone)
-				},
+				dataSource: rangeSource(dataSets, dataSetsHaveTitle, getUnboundRange(getters, lastColumn.zone)),
 				dataSetStyles: {},
 				legendPosition: "none"
 			};
 		}
 		const firstColumn = columns[0];
 		const columnsExceptFirst = columns.slice(1);
-		const rangesOfColumnsExceptFirst = columnsExceptFirst.map(({ zone }, i) => ({
-			dataRange: getUnboundRange(getters, zone),
-			dataSetId: i.toString()
-		}));
+		const rangesOfColumnsExceptFirst = columnsExceptFirst.map(({ zone }, i) => dataset(zone, getters, String(i)));
 		if (columnsExceptFirst.every((col) => col.type === "percentage")) return {
 			type: "pie",
 			title: {},
-			dataSource: {
-				type: "range",
-				dataSets: rangesOfColumnsExceptFirst,
-				labelRange: getUnboundRange(getters, firstColumn.zone),
-				dataSetsHaveTitle
-			},
+			dataSource: rangeSource(rangesOfColumnsExceptFirst, dataSetsHaveTitle, getUnboundRange(getters, firstColumn.zone)),
 			dataSetStyles: {},
 			aggregated: false,
 			legendPosition: "top"
@@ -29861,23 +29931,13 @@ set(value) {
 		if (firstColumn.type === "date" && columnsExceptFirst.every((col) => col.type === "number")) return {
 			...DEFAULT_LINE_CHART_CONFIG,
 			type: "line",
-			dataSource: {
-				type: "range",
-				dataSets: rangesOfColumnsExceptFirst,
-				labelRange: getUnboundRange(getters, firstColumn.zone),
-				dataSetsHaveTitle
-			},
+			dataSource: rangeSource(rangesOfColumnsExceptFirst, dataSetsHaveTitle, getUnboundRange(getters, firstColumn.zone)),
 			dataSetStyles: {},
 			legendPosition: "top"
 		};
 		return {
 			...DEFAULT_BAR_CHART_CONFIG,
-			dataSource: {
-				type: "range",
-				dataSets: rangesOfColumnsExceptFirst,
-				labelRange: getUnboundRange(getters, firstColumn.zone),
-				dataSetsHaveTitle
-			},
+			dataSource: rangeSource(rangesOfColumnsExceptFirst, dataSetsHaveTitle, getUnboundRange(getters, firstColumn.zone)),
 			dataSetStyles: {},
 			legendPosition: "top"
 		};
@@ -29904,17 +29964,10 @@ set(value) {
 	function getSmartChartDefinition(zones, getters) {
 		const columns = categorizeColumns(zones, getters);
 		if (columns.length === 0 || columns.every((col) => col.type === "empty")) {
-			const dataSets = columns.map(({ zone }, i) => ({
-				dataRange: getUnboundRange(getters, zone),
-				dataSetId: i.toString()
-			}));
+			const dataSets = columns.map(({ zone }, i) => dataset(zone, getters, String(i)));
 			return {
 				...DEFAULT_BAR_CHART_CONFIG,
-				dataSource: {
-					type: "range",
-					dataSets,
-					dataSetsHaveTitle: false
-				}
+				dataSource: rangeSource(dataSets, false)
 			};
 		}
 		const nonEmptyColumns = columns.filter((col) => col.type !== "empty");
@@ -31602,7 +31655,7 @@ set(value) {
 		dragAndDrop = useDragAndDropListItems();
 		focusedInputRef = _odoo_owl.signal.ref(HTMLInputElement);
 		unfocusedInputRef = _odoo_owl.signal.ref(HTMLInputElement);
-		selectionRef = (0, _odoo_owl.signal)(null);
+		selectionRef = _odoo_owl.signal.ref();
 		DOMFocusableElementStore;
 		store;
 		get ranges() {
@@ -32109,7 +32162,7 @@ set(value) {
 			dropdownMaxHeight: types.Pixel().optional(),
 			class: types.string().optional()
 		});
-		colorPickerButtonRef = (0, _odoo_owl.signal)(null);
+		colorPickerButtonRef = _odoo_owl.signal.ref();
 		get iconStyle() {
 			return this.props.currentColor ? `border-color: ${this.props.currentColor}` : "border-bottom-style: hidden";
 		}
@@ -32137,8 +32190,8 @@ set(value) {
 		});
 		dropdown = (0, _odoo_owl.proxy)({ isOpen: false });
 		inputRef = _odoo_owl.signal.ref(HTMLInputElement);
-		rootEditorRef = (0, _odoo_owl.signal)(null);
-		valueListRef = (0, _odoo_owl.signal)(null);
+		rootEditorRef = _odoo_owl.signal.ref();
+		valueListRef = _odoo_owl.signal.ref();
 		DOMFocusableElementStore;
 		setup() {
 			this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
@@ -32444,7 +32497,7 @@ set(value) {
 		});
 		categories = chartCategories;
 		chartTypeByCategories = {};
-		popoverRef = (0, _odoo_owl.signal)(null);
+		popoverRef = _odoo_owl.signal.ref();
 		setup() {
 			(0, _odoo_owl.useListener)(window, "pointerdown", this.onExternalClick.bind(this), { capture: true });
 			for (const subtypeProperties of chartSubtypeRegistry.getAll()) {
@@ -32469,7 +32522,7 @@ set(value) {
 		static template = "o-spreadsheet-CogWheelMenu";
 		static components = { MenuPopover };
 		props = (0, _odoo_owl.useProps)({ items: types.array(types.ActionSpec()) });
-		buttonRef = (0, _odoo_owl.signal)(null);
+		buttonRef = _odoo_owl.signal.ref();
 		menuState = (0, _odoo_owl.proxy)({
 			isOpen: false,
 			anchorRect: null,
@@ -32513,8 +32566,8 @@ set(value) {
 		});
 		DEFAULT_CAROUSEL_TITLE_STYLE = DEFAULT_CAROUSEL_TITLE_STYLE;
 		dragAndDrop = useDragAndDropListItems();
-		previewListRef = (0, _odoo_owl.signal)(null);
-		addChartButton = (0, _odoo_owl.signal)(null);
+		previewListRef = _odoo_owl.signal.ref();
+		addChartButton = _odoo_owl.signal.ref(HTMLButtonElement);
 		state = (0, _odoo_owl.proxy)({
 			popoverProps: void 0,
 			currentRange: void 0
@@ -32958,7 +33011,7 @@ set(value) {
 	var Collapse = class extends Component {
 		static template = "o-spreadsheet-Collapse";
 		props = (0, _odoo_owl.useProps)({ isCollapsed: types.boolean() });
-		contentRef = (0, _odoo_owl.signal)(null);
+		contentRef = _odoo_owl.signal.ref();
 		setup() {
 			(0, _odoo_owl.onMounted)(() => {
 				if (this.props.isCollapsed) this.contentRef()?.classList.add("d-none");
@@ -33011,7 +33064,7 @@ set(value) {
 			TextInput
 		};
 		props = (0, _odoo_owl.useProps)(chartSidePanelPropsDefinition);
-		editorRef = (0, _odoo_owl.signal)(null);
+		editorRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({
 			annotationTextInput: this.props.definition.annotationText || "",
 			isOverflowing: false
@@ -33333,7 +33386,7 @@ set(value) {
 			onColorPicked: types.function(),
 			disableNoColor: types.boolean().optional()
 		});
-		colorPickerButtonRef = (0, _odoo_owl.signal)(null);
+		colorPickerButtonRef = _odoo_owl.signal.ref();
 		state;
 		setup() {
 			this.state = (0, _odoo_owl.proxy)({ pickerOpened: false });
@@ -36175,6 +36228,7 @@ set(value) {
 		getDefinedAxis: () => getDefinedAxis,
 		getPieColors: () => getPieColors,
 		isTrendLineAxis: () => isTrendLineAxis,
+		limitChartConfigDataPoints: () => limitChartConfigDataPoints,
 		shouldRemoveFirstLabel: () => shouldRemoveFirstLabel,
 		toExcelDataset: () => toExcelDataset,
 		toExcelLabelRange: () => toExcelLabelRange,
@@ -36945,7 +36999,7 @@ set(value) {
 			popoverProps: void 0,
 			popoverStyle: ""
 		});
-		popoverRef = (0, _odoo_owl.signal)(null);
+		popoverRef = _odoo_owl.signal.ref(HTMLTableElement);
 		setup() {
 			useExternalListener(window, "click", this.closePopover);
 		}
@@ -37194,7 +37248,7 @@ set(value) {
 			onValueSelected: types.function(),
 			onValueHovered: types.function()
 		});
-		autoCompleteListRef = (0, _odoo_owl.signal)(null);
+		autoCompleteListRef = _odoo_owl.signal.ref();
 		setup() {
 			(0, _odoo_owl.useEffect)(() => {
 				const selectedIndex = this.props.selectedIndex;
@@ -37485,7 +37539,7 @@ set(value) {
 			anchorRect: types.Rect()
 		});
 		spreadsheetRect = useSpreadsheetRect();
-		bubbleRef = (0, _odoo_owl.signal)(null);
+		bubbleRef = _odoo_owl.signal.ref();
 		setup() {
 			(0, _odoo_owl.useEffect)(() => {
 				const el = this.bubbleRef();
@@ -37530,8 +37584,8 @@ set(value) {
 			showAssistant: types.boolean().optional(true)
 		});
 		DOMFocusableElementStore;
-		composerRef = (0, _odoo_owl.signal)(null);
-		containerRef = (0, _odoo_owl.signal)(null);
+		composerRef = _odoo_owl.signal.ref();
+		containerRef = _odoo_owl.signal.ref();
 		contentHelper = new ContentEditableHelper(this.composerRef());
 		composerState = (0, _odoo_owl.proxy)({
 			positionStart: 0,
@@ -40033,7 +40087,7 @@ set(value) {
 			chartId: types.UID(),
 			chartPanelStore: types.Store()
 		});
-		selectRef = (0, _odoo_owl.signal)(null);
+		selectRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({ popoverProps: void 0 });
 		getSupportedChartTypes() {
 			let supportedTypes;
@@ -40601,7 +40655,7 @@ set(value) {
 			highlightPositions: []
 		});
 		store;
-		chartCanvasRef = (0, _odoo_owl.signal)(null);
+		chartCanvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
 		chart;
 		setup() {
 			this.store = useStore(ColumnStatisticsStore);
@@ -42029,7 +42083,7 @@ set(value) {
 			class: types.string()
 		});
 		icons = ICONS;
-		cfPreviewRef = (0, _odoo_owl.signal)(null);
+		cfPreviewRef = _odoo_owl.signal.ref();
 		setup() {
 			useHighlightsOnHover(this.cfPreviewRef, this);
 		}
@@ -42086,7 +42140,7 @@ set(value) {
 		static components = { ConditionalFormatPreview };
 		props = (0, _odoo_owl.useProps)({ onCloseSidePanel: types.function() });
 		dragAndDrop = useDragAndDropListItems();
-		cfListRef = (0, _odoo_owl.signal)(null);
+		cfListRef = _odoo_owl.signal.ref();
 		get conditionalFormats() {
 			return this.env.model.getters.getConditionalFormats(this.env.model.getters.getActiveSheetId());
 		}
@@ -42146,6 +42200,1477 @@ set(value) {
 		}
 	};
 
+//#endregion
+//#region src/stores/chart_drag_store.ts
+/**
+	* Holds the id of the figure that a dragged chart suggestion is currently
+	* hovering over, so it can be highlighted reactively instead of through direct DOM manipulation.
+	*/
+	var ChartDragStore = class {
+		mutators = ["setHighlightedFigure"];
+		highlightedFigureId = void 0;
+		setHighlightedFigure(figureId) {
+			this.highlightedFigureId = figureId;
+		}
+	};
+
+//#endregion
+//#region src/components/helpers/chart_drag_and_drop.ts
+	function getDefaultChartFigureSize(type) {
+		if (type === "scorecard") return {
+			width: 213,
+			height: 101
+		};
+		return {
+			width: 536,
+			height: 335
+		};
+	}
+	function getCarouselOverlappingChart(figureUI, otherFigures, matchTags) {
+		if (figureUI.tag !== "chart") return;
+		const figureCenterX = figureUI.x + figureUI.width / 2;
+		const figureCenterY = figureUI.y + figureUI.height / 2;
+		let bestMatch;
+		let smallestDistance = Infinity;
+		for (const figure of otherFigures) {
+			if (!matchTags.includes(figure.tag)) continue;
+			const targetCenterX = figure.x + figure.width / 2;
+			const targetCenterY = figure.y + figure.height / 2;
+			const distanceX = Math.abs(figureCenterX - targetCenterX);
+			const distanceY = Math.abs(figureCenterY - targetCenterY);
+			const squaredDistance = distanceX ** 2 + distanceY ** 2;
+			if (distanceX <= figureUI.width / 2 && distanceY <= figureUI.height / 2 && squaredDistance < smallestDistance) {
+				smallestDistance = squaredDistance;
+				bestMatch = figure;
+			}
+		}
+		return bestMatch;
+	}
+	/**
+	* Start dragging a floating preview of the given chart definition, following the mouse.
+	* On drop, creates the chart on the grid (or inside a carousel if dropped on one).
+	*/
+	function startChartDragAndDrop(env, definition, ev) {
+		const zoom = env.getStore(ZoomStore).zoomLevel;
+		const gridPosition = gridOverlayPosition(zoom);
+		const spreadsheet = document.querySelector(".o-spreadsheet");
+		if (!spreadsheet) return;
+		const startX = ev.clientX / zoom;
+		const startY = ev.clientY / zoom;
+		const { width, height } = getDefaultChartFigureSize(definition.type);
+		const figureWidth = width * zoom;
+		const figureHeight = height * zoom;
+		const getters = env.model.getters;
+		const sheetId = getters.getActiveSheetId();
+		let container = null;
+		let destroyChart = void 0;
+		const chartDragStore = env.getStore(ChartDragStore);
+		const previousCursor = document.body.style.cursor;
+		document.body.style.cursor = "grabbing";
+		/** Grid coordinates (in sheet pixels) of a mouse position, or undefined if outside the grid. */
+		const getGridPosition = (clientX, clientY) => {
+			if (clientX > gridPosition.x + gridPosition.width || clientY > gridPosition.y + gridPosition.height) return;
+			const { scrollX, scrollY } = env.getStore(ViewportsStore).activeSheetScrollInfo;
+			return {
+				x: Math.max(0, (clientX - gridPosition.x) / zoom + scrollX),
+				y: Math.max(0, (clientY - gridPosition.y) / zoom + scrollY)
+			};
+		};
+		/** Carousel or standalone chart the dragged chart is dropped onto, if any. */
+		const getOverlappingFigure = (clientX, clientY) => {
+			const position = getGridPosition(clientX, clientY);
+			if (!position) return;
+			const figureUI = {
+				tag: "chart",
+				...position,
+				width,
+				height
+			};
+			const otherFigures = env.getStore(ViewportsStore).visibleFigures;
+			return getCarouselOverlappingChart(figureUI, otherFigures, ["carousel", "chart"]);
+		};
+		const halfWidth = figureWidth / 2;
+		const halfHeight = figureHeight / 2;
+		const onMouseMove = (e) => {
+			if (Math.abs(e.clientX - startX) <= 5 && Math.abs(e.clientY - startY) <= 5) return;
+			if (container === null) {
+				container = document.createElement("div");
+				container.className = "o-chart-drag-preview os-theme-dependant position-fixed border pe-none";
+				container.style.width = `${width}px`;
+				container.style.height = `${height}px`;
+				container.style.zoom = `${zoom}`;
+				const canvas = document.createElement("canvas");
+				canvas.className = "w-100 h-100";
+				container.appendChild(canvas);
+				spreadsheet.appendChild(container);
+				destroyChart = drawChartOnCanvas(canvas, SpreadsheetChart.fromStrDefinition(getters, sheetId, definition).getRuntime(getters, "newChart"), {
+					width,
+					height
+				}, definition.type, zoom);
+			}
+			container.style.left = `${Math.max(gridPosition.x, (e.clientX - halfWidth) / zoom)}px`;
+			container.style.top = `${Math.max(gridPosition.y, (e.clientY - halfHeight) / zoom)}px`;
+			const overlappingFigure = getOverlappingFigure(e.clientX - halfWidth, e.clientY - halfHeight);
+			container.style.opacity = overlappingFigure?.id ? "0.6" : "0.9";
+			chartDragStore.setHighlightedFigure(overlappingFigure?.id);
+		};
+		const onMouseUp = (mouseEvent) => {
+			chartDragStore.setHighlightedFigure(void 0);
+			if (container !== null) {
+				spreadsheet.removeChild(container);
+				container = null;
+			}
+			destroyChart?.();
+			document.body.style.cursor = previousCursor;
+			let position = getGridPosition(mouseEvent.clientX - halfWidth, mouseEvent.clientY - halfHeight);
+			if (Math.abs(mouseEvent.clientX / zoom - startX) <= 5 && Math.abs(mouseEvent.clientY / zoom - startY) <= 5) position = {
+				x: 0,
+				y: 0
+			};
+			else if (!position || position.x + halfWidth > gridPosition.width) return;
+			const { col, row, offset } = env.getStore(ViewportsStore).viewports.getPositionAnchorOffset(sheetId, position);
+			const payload = {
+				chartId: UuidGenerator.smallUuid(),
+				figureId: UuidGenerator.smallUuid(),
+				sheetId,
+				size: {
+					width,
+					height
+				},
+				definition,
+				col,
+				row,
+				offset
+			};
+			const overlappingFigure = getOverlappingFigure(mouseEvent.clientX - halfWidth, mouseEvent.clientY - halfHeight);
+			if (overlappingFigure?.tag === "carousel") env.model.dispatch("ADD_NEW_CHART_TO_CAROUSEL", {
+				sheetId,
+				figureId: overlappingFigure.id,
+				newChartId: UuidGenerator.smallUuid(),
+				chartDefinition: definition
+			});
+			else if (overlappingFigure?.tag === "chart") env.model.dispatch("CREATE_CHART_AND_MERGE_INTO_CAROUSEL", {
+				chartId: payload.chartId,
+				figureId: payload.figureId,
+				sheetId: payload.sheetId,
+				definition: payload.definition,
+				baseFigureId: overlappingFigure.id
+			});
+			else env.model.dispatch("CREATE_CHART", payload);
+		};
+		startDnd(onMouseMove, onMouseUp);
+	}
+
+//#endregion
+//#region src/components/side_panel/data_analysis/chart_suggestion_preview.ts
+	const PREVIEW_BUBBLE_RADIUS_RATIO = .3;
+	const MIN_PREVIEW_BUBBLE_RADIUS = 1;
+	var ChartSuggestionPreview = class extends Component {
+		static template = "o-spreadsheet-ChartSuggestionPreview";
+		props = (0, _odoo_owl.useProps)({
+			definition: types.ChartDefinition(),
+			description: types.string(),
+			onPointerDown: types.function()
+		});
+		chartCanvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
+		chart;
+		setup() {
+			(0, _odoo_owl.onMounted)(() => registerChartJSExtensions());
+			(0, _odoo_owl.onWillUnmount)(() => this.destroyChart());
+			useLayoutEffect(() => {
+				this.updateChart();
+			}, () => [this.props.definition]);
+		}
+		getChartConfiguration() {
+			const getters = this.env.model.getters;
+			const activeSheetId = getters.getActiveSheetId();
+			const runtime = SpreadsheetChart.fromStrDefinition(getters, activeSheetId, this.props.definition).getRuntime(getters, "myChart");
+			if (!("chartJsConfig" in runtime)) return null;
+			let config = runtime.chartJsConfig;
+			const existingScales = config.options?.scales ?? {};
+			config = {
+				...config,
+				data: this.props.definition.type === "bubble" ? {
+					...config.data,
+					datasets: (config.data?.datasets || []).map((dataset) => ({
+						...dataset,
+						pointRadius: this.scaleBubblePointRadius(dataset.pointRadius),
+						pointHoverRadius: this.scaleBubblePointRadius(dataset.pointHoverRadius)
+					}))
+				} : config.data,
+				options: {
+					...config.options,
+					plugins: {
+						...config.options?.plugins,
+						legend: { display: false },
+						title: { display: false },
+						tooltip: { enabled: false }
+					},
+					events: [],
+					animation: false,
+					scales: this.getScalesCongif(existingScales)
+				}
+			};
+			return limitChartConfigDataPoints(config);
+		}
+		getScalesCongif(scales) {
+			if (scales.x) scales.x = {
+				...scales.x,
+				ticks: { display: false },
+				border: { display: false }
+			};
+			if (scales.y) scales.y = {
+				...scales.y,
+				ticks: { display: false },
+				border: { display: false }
+			};
+			if (scales.r) scales.r = {
+				...scales.r,
+				ticks: { display: false },
+				pointLabels: { display: false }
+			};
+			return scales;
+		}
+		scaleBubblePointRadius(pointRadius) {
+			if (Array.isArray(pointRadius)) return pointRadius.map((radius) => radius <= 0 ? radius : Math.max(MIN_PREVIEW_BUBBLE_RADIUS, radius * PREVIEW_BUBBLE_RADIUS_RATIO));
+			if (typeof pointRadius === "number") return pointRadius <= 0 ? pointRadius : Math.max(MIN_PREVIEW_BUBBLE_RADIUS, pointRadius * PREVIEW_BUBBLE_RADIUS_RATIO);
+			return pointRadius ?? MIN_PREVIEW_BUBBLE_RADIUS;
+		}
+		updateChart() {
+			this.destroyChart();
+			const config = this.getChartConfiguration();
+			if (!config) {
+				this.drawNativeChart();
+				return;
+			}
+			const ctx = this.chartCanvasRef()?.getContext("2d");
+			if (!ctx || !globalThis.Chart) return;
+			this.chart = new globalThis.Chart(ctx, config);
+		}
+		drawNativeChart() {
+			const canvas = this.chartCanvasRef();
+			if (!canvas) return;
+			const getters = this.env.model.getters;
+			let runtime = SpreadsheetChart.fromStrDefinition(getters, getters.getActiveSheetId(), this.props.definition).getRuntime(getters, "myChart");
+			const { type } = this.props.definition;
+			if (type === "scorecard") {
+				const rect = canvas.getBoundingClientRect();
+				runtime = {
+					...runtime,
+					keyValueStyle: {
+						...runtime.keyValueStyle,
+						fontSize: 16
+					}
+				};
+				drawScoreChart(getScorecardConfiguration({
+					width: rect.width || 130,
+					height: rect.height || 120
+				}, runtime), canvas);
+			} else if (type === "gauge") {
+				let gaugeRuntime = runtime;
+				if (gaugeRuntime.title) gaugeRuntime = {
+					...gaugeRuntime,
+					title: { text: "" }
+				};
+				drawGaugeChart(canvas, gaugeRuntime, 1, void 0, { labelFontSize: 8 });
+			}
+		}
+		destroyChart() {
+			this.chart?.destroy();
+			this.chart = void 0;
+		}
+	};
+
+//#endregion
+//#region src/helpers/data_analysis.ts
+	function analyzeColumns(zones, getters) {
+		return getZonesByColumns(zones).map((zone) => analyzeColumn(zone, getters));
+	}
+	function analyzeColumn(zone, getters) {
+		const sheetId = getters.getActiveSheetId();
+		const cells = getters.getEvaluatedCellsInZone(sheetId, zone).filter((c) => c.type !== "empty");
+		if (!cells.length) return {
+			zone,
+			type: "empty",
+			hasHeader: false,
+			rowCount: 0,
+			uniqueCount: 0,
+			uniqueRatio: 0,
+			nonEmpty: []
+		};
+		const firstCell = cells[0];
+		const rest = cells.slice(1);
+		const hasHeader = firstCell.type === "text" && rest.some((c) => c.type !== "text");
+		const dataCells = hasHeader ? rest : cells;
+		const numericValues = dataCells.filter((c) => c.type === "number").map((c) => c.value);
+		const allVals = dataCells.map((c) => String(c.value ?? ""));
+		const uniqueCount = new Set(allVals).size;
+		return {
+			zone,
+			type: computeColumnType(dataCells),
+			header: hasHeader ? firstCell.value : void 0,
+			hasHeader,
+			rowCount: dataCells.length,
+			uniqueCount,
+			uniqueRatio: allVals.length > 0 ? uniqueCount / allVals.length : 0,
+			maxValue: numericValues.length ? numericValues.reduce((max, v) => v > max ? v : max, numericValues[0]) : void 0,
+			nonEmpty: dataCells
+		};
+	}
+	function computeColumnType(cells) {
+		if (cells.length === 0) return "empty";
+		if (cells.every((c) => c.type === "error")) return "error";
+		cells = cells.filter((c) => c.type !== "error");
+		if (cells.every((c) => c.type === "boolean")) return "boolean";
+		if (cells.every((c) => c.type === "number" && !!c.format && isDateTimeFormat(c.format))) return "date";
+		else if (cells.every((c) => c.type === "number")) {
+			if (cells.every((c) => c.format?.includes("%"))) return "percentage";
+			return "number";
+		} else {
+			const textVals = cells.filter((c) => c.type === "text").map((c) => c.value);
+			if (textVals.length > 0) {
+				const unique = new Set(textVals).size;
+				return unique / textVals.length < .75 && unique <= 20 ? "categorical" : "label";
+			}
+		}
+		return "empty";
+	}
+
+//#endregion
+//#region src/helpers/figures/charts/charts_suggestions_constants.ts
+/** Above this many rows, shape-based charts (radar, scatter, pyramid) become unreadable. */
+	const MAX_ROWS_FOR_SHAPE_CHART = 10;
+	function barChart(titleText, source, opts = {}) {
+		return {
+			...opts,
+			type: "bar",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: opts.legendPosition ?? "none",
+			stacked: opts.stacked ?? false,
+			humanize: true,
+			aggregated: opts.aggregated ?? false
+		};
+	}
+	function lineChart(titleText, source, opts = {}) {
+		return {
+			...opts,
+			type: "line",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: opts.legendPosition ?? "none",
+			stacked: opts.stacked ?? false,
+			cumulative: opts.cumulative ?? false,
+			labelsAsText: false,
+			humanize: true
+		};
+	}
+	function pieChart(titleText, source, opts = {}) {
+		return {
+			...opts,
+			type: "pie",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: opts.legendPosition ?? "top",
+			humanize: true
+		};
+	}
+	function radarChart(titleText, source, opts = {}) {
+		return {
+			...opts,
+			type: "radar",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: opts.legendPosition ?? "none",
+			stacked: false,
+			humanize: true
+		};
+	}
+	function sunburstChart(titleText, source) {
+		return {
+			type: "sunburst",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: "none"
+		};
+	}
+	function treemapChart(titleText, source) {
+		return {
+			type: "treemap",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: "none"
+		};
+	}
+	function calendarChart(titleText, source) {
+		return {
+			type: "calendar",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: "none",
+			horizontalGroupBy: "month_number",
+			verticalGroupBy: "day_of_week",
+			humanize: true
+		};
+	}
+	function scatterChart(titleText, source) {
+		return {
+			type: "scatter",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: "none",
+			labelsAsText: false,
+			humanize: true
+		};
+	}
+	function pyramidChart(titleText, source, opts = {}) {
+		return {
+			type: "pyramid",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: opts.legendPosition ?? "top",
+			stacked: false,
+			horizontal: true,
+			humanize: true
+		};
+	}
+	function comboChart(titleText, source, opts = {}) {
+		return {
+			...opts,
+			type: "combo",
+			title: { text: titleText },
+			dataSource: source,
+			dataSetStyles: {},
+			legendPosition: "top",
+			humanize: true
+		};
+	}
+	function bubbleChart(titleText, xRange, yRanges, sizeRange, labelRange, dataSetsHaveTitle) {
+		return {
+			type: "bubble",
+			title: { text: titleText },
+			humanize: true,
+			dataSetsHaveTitle,
+			yRanges,
+			xRange,
+			sizeRange,
+			labelRange,
+			labelsAsText: false,
+			legendPosition: "none",
+			bubbleColor: { color: "multiple" },
+			verticalAxisPosition: "left"
+		};
+	}
+	function scorecardChart(titleText, keyValue, opts = {}) {
+		return {
+			...opts,
+			type: "scorecard",
+			title: { text: titleText },
+			keyValue,
+			baselineMode: opts.baselineMode ?? "difference",
+			baselineColorUp: DEFAULT_SCORECARD_BASELINE_COLOR_UP,
+			baselineColorDown: DEFAULT_SCORECARD_BASELINE_COLOR_DOWN,
+			humanize: opts.humanize ?? true
+		};
+	}
+	function gaugeChart(titleText, dataRange, rangeMin, rangeMax) {
+		return {
+			type: "gauge",
+			title: { text: titleText },
+			dataRange,
+			sectionRule: {
+				colors: {
+					lowerColor: DEFAULT_GAUGE_LOWER_COLOR,
+					middleColor: DEFAULT_GAUGE_MIDDLE_COLOR,
+					upperColor: DEFAULT_GAUGE_UPPER_COLOR
+				},
+				rangeMin,
+				rangeMax,
+				lowerInflectionPoint: {
+					type: "percentage",
+					value: "33",
+					operator: "<="
+				},
+				upperInflectionPoint: {
+					type: "percentage",
+					value: "66",
+					operator: "<="
+				}
+			},
+			humanize: true
+		};
+	}
+	/** Pattern A — Single numeric column */
+	const SINGLE_NUMBER_COLUMN_SUGGESTIONS = [
+		{
+			description: _t("Highlights the most recent value compared to the previous one."),
+			isApplicable: ({ rowCount }) => rowCount < 3,
+			build: (ctx) => scorecardChart(ctx.title, ctx.lastCellXC, {
+				baseline: ctx.prevCellXC,
+				baselineMode: "difference"
+			})
+		},
+		{
+			description: _t("Shows the position of the last value within the data's min-max range."),
+			isApplicable: ({ rowCount }) => rowCount === 3,
+			build: (ctx) => gaugeChart(ctx.title, ctx.lastCellXC, `=${ctx.firstCellXC}`, `=${ctx.prevCellXC}`)
+		},
+		{
+			description: _t("Compares individual values side-by-side."),
+			isApplicable: ({ rowCount }) => rowCount > 1,
+			build: (ctx) => barChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Shows the evolution of all values over the range."),
+			isApplicable: ({ rowCount }) => rowCount > 2,
+			build: (ctx) => lineChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Emphasizes total accumulation over the range."),
+			isApplicable: ({ rowCount }) => rowCount > 2,
+			build: (ctx) => lineChart(ctx.title, ctx.source, {
+				fillArea: true,
+				cumulative: true
+			})
+		}
+	];
+	/** Pattern B — Single percentage column */
+	const SINGLE_PERCENTAGE_COLUMN_SUGGESTIONS = [
+		{
+			description: _t("Shows the last percentage value with its baseline."),
+			isApplicable: ({ rowCount }) => rowCount < 3,
+			build: (ctx) => scorecardChart(ctx.title, ctx.lastCellXC, {
+				baseline: ctx.prevCellXC,
+				baselineMode: "percentage"
+			})
+		},
+		{
+			description: _t("Natural fit for a 0–100% range."),
+			isApplicable: ({ rowCount }) => rowCount === 1,
+			build: (ctx) => gaugeChart(ctx.title, ctx.lastCellXC, "0", ctx.isAboveOne ? "100" : "1")
+		},
+		{
+			description: _t("Natural fit for a 0–100% range."),
+			isApplicable: ({ rowCount }) => rowCount === 3,
+			build: (ctx) => gaugeChart(ctx.title, ctx.lastCellXC, `=${ctx.firstCellXC}`, `=${ctx.prevCellXC}`)
+		},
+		{
+			description: _t("Shows completion against total."),
+			isApplicable: ({ rowCount }) => rowCount > 1,
+			build: (ctx) => pieChart(ctx.title, ctx.source, { isDoughnut: true })
+		},
+		{
+			description: _t("Compares all percentage values side-by-side."),
+			isApplicable: ({ rowCount }) => rowCount > 1,
+			build: (ctx) => barChart(ctx.title, ctx.source)
+		}
+	];
+	/** Pattern C — Single date column */
+	const SINGLE_DATE_COLUMN_SUGGESTIONS = [{
+		description: _t("Shows the last date value."),
+		isApplicable: ({ rowCount }) => rowCount === 1,
+		build: (ctx) => scorecardChart(ctx.title, ctx.lastCellXC)
+	}];
+	/** Pattern D — Single categorical column */
+	const SINGLE_CATEGORICAL_COLUMN_SUGGESTIONS = [
+		{
+			description: _t("Shows the share of each category."),
+			build: (ctx) => pieChart(ctx.title, ctx.source, {
+				aggregated: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Same as pie, cleaner proportional look."),
+			build: (ctx) => pieChart(ctx.title, ctx.source, {
+				aggregated: true,
+				isDoughnut: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Absolute count per category."),
+			build: (ctx) => barChart(ctx.title, {
+				...ctx.source,
+				labelRange: ctx.range
+			}, {
+				legendPosition: "none",
+				aggregated: true
+			})
+		}
+	];
+	/** Pattern E — Single label column */
+	const SINGLE_LABEL_COLUMN_SUGGESTIONS = [{
+		description: _t("Displays a key performance indicator."),
+		isApplicable: ({ rowCount }) => rowCount === 1,
+		build: (ctx) => scorecardChart(ctx.title, ctx.lastCellXC, {
+			baselineMode: "text",
+			humanize: false
+		})
+	}];
+	/** Pattern F — Categorical + Number */
+	const CATEGORICAL_VS_NUMBER_SUGGESTIONS = [
+		{
+			description: _t("Classic category-vs-value comparison."),
+			build: (ctx) => barChart(ctx.title, ctx.source, { aggregated: true })
+		},
+		{
+			description: _t("Better when category labels are long."),
+			build: (ctx) => barChart(ctx.title, ctx.source, {
+				horizontal: true,
+				aggregated: true
+			})
+		},
+		{
+			description: _t("Share of total per category."),
+			build: (ctx) => pieChart(ctx.title, ctx.source, {
+				legendPosition: "top",
+				aggregated: true
+			})
+		},
+		{
+			description: _t("Proportional area — good for many categories."),
+			build: (ctx) => treemapChart(ctx.title, ctx.treemapSource)
+		}
+	];
+	/** Patterns G & J — Date + Number or Date + Percentage */
+	const DATE_VS_SERIES_SUGGESTIONS = [
+		{
+			description: _t("Best for visualizing time-series trends."),
+			build: (ctx) => lineChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Emphasizes total volume over time."),
+			build: (ctx) => lineChart(ctx.title, ctx.source, {
+				fillArea: true,
+				cumulative: true
+			})
+		},
+		{
+			description: _t("Period-by-period comparison."),
+			build: (ctx) => barChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Shows intensity variation across days of the year."),
+			isApplicable: ({ isPercentage }) => !isPercentage,
+			build: (ctx) => calendarChart(ctx.title, ctx.source)
+		}
+	];
+	/** Pattern H — Number + Number */
+	const NUMBER_VS_NUMBER_SUGGESTIONS = [
+		{
+			description: _t("Highlights the second metric compared to the first one."),
+			isApplicable: ({ rowCount1, rowCount2 }) => rowCount1 === 1 && rowCount2 === 1,
+			build: (ctx) => scorecardChart(ctx.title, ctx.lastCellXC, {
+				baseline: ctx.prevCellXC,
+				baselineMode: "difference"
+			})
+		},
+		{
+			description: _t("Side-by-side comparison of two numeric series."),
+			build: (ctx) => barChart(ctx.title, ctx.sourceBoth, { legendPosition: "top" })
+		},
+		{
+			description: _t("Reveals correlation between two numeric variables."),
+			isApplicable: ({ rowCount1 }) => rowCount1 > 2,
+			build: (ctx) => scatterChart(ctx.title, ctx.source2)
+		},
+		{
+			description: _t("Bar for the first series, line for the second — good for mixed scales."),
+			isApplicable: ({ rowCount1 }) => rowCount1 > 2,
+			build: (ctx) => comboChart(ctx.title, ctx.sourceBoth)
+		},
+		{
+			description: _t("When both metrics contribute to a total."),
+			isApplicable: ({ rowCount1 }) => rowCount1 > 2,
+			build: (ctx) => lineChart(ctx.title, ctx.sourceBoth, {
+				stacked: true,
+				fillArea: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Shape-based comparison when rows represent named entities."),
+			isApplicable: ({ rowCount1 }) => rowCount1 > 2 && rowCount1 <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => radarChart(ctx.title, ctx.sourceBoth, { legendPosition: "top" })
+		}
+	];
+	/** Pattern I — Categorical + Percentage */
+	const CATEGORICAL_VS_PERCENTAGE_SUGGESTIONS = [
+		{
+			description: _t("Vertical comparison of rates per category."),
+			build: (ctx) => barChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Progress-bar style per category."),
+			build: (ctx) => barChart(ctx.title, ctx.source, { horizontal: true })
+		},
+		{
+			description: _t("Share of total percentage across categories."),
+			build: (ctx) => pieChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Comparison of completion rates across categories."),
+			isApplicable: ({ rowCount }) => rowCount > 2 && rowCount <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => radarChart(ctx.title, ctx.source)
+		}
+	];
+	/** Pattern K — Label + Number */
+	const LABEL_VS_NUMBER_SUGGESTIONS = [
+		{
+			description: _t("Highlights the most recent value for the named entity."),
+			isApplicable: ({ rowCount }) => rowCount === 1,
+			build: (ctx) => scorecardChart("", ctx.lastCellXC, {
+				humanize: false,
+				baselineMode: "text",
+				baseline: ctx.prevCellXC
+			})
+		},
+		{
+			description: _t("Vertical comparison across named items."),
+			isApplicable: ({ rowCount }) => rowCount > 1,
+			build: (ctx) => barChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Works well for named entities with long labels."),
+			isApplicable: ({ rowCount }) => rowCount > 1,
+			build: (ctx) => barChart(ctx.title, ctx.source, { horizontal: true })
+		},
+		{
+			description: _t("Share of total per category."),
+			isApplicable: ({ rowCount }) => rowCount > 1 && rowCount <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => pieChart(ctx.title, ctx.source, {
+				legendPosition: "top",
+				aggregated: true
+			})
+		},
+		{
+			description: _t("Shape-based comparison across labeled items."),
+			isApplicable: ({ rowCount }) => rowCount > 2 && rowCount <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => radarChart(ctx.title, ctx.source)
+		}
+	];
+	/** Pattern M — Categorical + Multiple Numbers */
+	const CATEGORICAL_VS_MULTIPLE_NUMBERS_SUGGESTIONS = [
+		{
+			description: _t("Side-by-side comparison across categories for each series."),
+			build: (ctx) => barChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Shows composition and total per category."),
+			build: (ctx) => barChart(ctx.title, ctx.source, {
+				stacked: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Trend per series across categories."),
+			build: (ctx) => lineChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Volume and composition across categories."),
+			build: (ctx) => lineChart(ctx.title, ctx.source, {
+				stacked: true,
+				fillArea: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Shape comparison across metrics (best for ≤ 10 rows)."),
+			isApplicable: ({ rowCount }) => rowCount > 2 && rowCount <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => radarChart(ctx.title, ctx.source, { legendPosition: "top" })
+		}
+	];
+	/** Pattern N — Date + Multiple Numbers */
+	const DATE_VS_MULTIPLE_NUMBERS_SUGGESTIONS = [
+		{
+			description: _t("Trend comparison across multiple metrics over time."),
+			build: (ctx) => lineChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Volume composition over time."),
+			build: (ctx) => lineChart(ctx.title, ctx.source, {
+				stacked: true,
+				fillArea: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Bar for the primary metric, line for the others."),
+			build: (ctx) => comboChart(ctx.title, ctx.source)
+		},
+		{
+			description: _t("Period-by-period grouped comparison."),
+			build: (ctx) => barChart(ctx.title, ctx.source, { legendPosition: "top" })
+		}
+	];
+	/** Pattern O — Categorical + Categorical + Number */
+	const MULTIPLE_CATEGORICALS_VS_NUMBER_SUGGESTIONS = [
+		{
+			description: _t("Two-level hierarchy weighted by value."),
+			build: (ctx) => sunburstChart(ctx.title, ctx.hierarchySource)
+		},
+		{
+			description: _t("Proportional nested area weighted by value."),
+			build: (ctx) => treemapChart(ctx.title, ctx.hierarchySource)
+		},
+		{
+			description: _t("One series per inner category, grouped by outer category."),
+			build: (ctx) => barChart(ctx.title, ctx.barSource, { legendPosition: "top" })
+		},
+		{
+			description: _t("Contribution of inner categories per outer category."),
+			build: (ctx) => barChart(ctx.title, ctx.barSource, {
+				stacked: true,
+				legendPosition: "top"
+			})
+		}
+	];
+	/** Pattern P — Categorical + Date + Number */
+	const CATEGORICAL_DATE_NUMBER_SUGGESTIONS = [
+		{
+			description: _t("Trend of values over time."),
+			build: (ctx) => lineChart(ctx.title, ctx.sourceByDate, { legendPosition: "top" })
+		},
+		{
+			description: _t("Volume contribution over time."),
+			build: (ctx) => lineChart(ctx.title, ctx.sourceByDate, {
+				stacked: true,
+				fillArea: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Period × category side-by-side comparison."),
+			build: (ctx) => barChart(ctx.title, ctx.sourceByCat, { legendPosition: "top" })
+		},
+		{
+			description: _t("Composition per period over time."),
+			build: (ctx) => barChart(ctx.title, ctx.sourceByDate, {
+				stacked: true,
+				legendPosition: "top"
+			})
+		}
+	];
+	/** Pattern Q — Label + Multiple Numbers */
+	const LABEL_VS_MULTIPLE_NUMBERS_SUGGESTIONS = [
+		{
+			description: _t("Side-by-side per entity — works well for long labels."),
+			build: (ctx) => barChart(ctx.title, ctx.source, {
+				horizontal: true,
+				legendPosition: "top"
+			})
+		},
+		{
+			description: _t("Grouped bars per entity for direct metric comparison."),
+			build: (ctx) => barChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Shape/profile comparison across metrics for each entity."),
+			isApplicable: ({ rowCount }) => rowCount > 2 && rowCount <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => radarChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Correlation between the two numeric metrics across entities."),
+			isApplicable: ({ rowCount, numColsCount }) => rowCount > 2 && numColsCount === 2,
+			build: (ctx) => scatterChart(ctx.title, ctx.scatterSource)
+		},
+		{
+			description: _t("Three metrics in one view: X position, Y position and bubble size."),
+			isApplicable: ({ numColsCount }) => numColsCount === 3,
+			build: (ctx) => {
+				const bubble = ctx.bubble;
+				return bubbleChart(ctx.title, bubble.xRange, bubble.yRanges, bubble.sizeRange, bubble.labelRange, bubble.hasTitle);
+			}
+		}
+	];
+	/** Pattern R — Categorical + Two Numbers (Population Pyramid or Grouped) */
+	const CATEGORICAL_TWO_NUMBERS_SUGGESTIONS = [
+		{
+			description: _t("Natural fit for symmetric or opposing values per category."),
+			isApplicable: ({ isPyramid }) => isPyramid,
+			build: (ctx) => pyramidChart(ctx.title, ctx.sourceBoth)
+		},
+		{
+			description: _t("Side-by-side comparison of both metrics per category."),
+			build: (ctx) => barChart(ctx.title, ctx.sourceBoth, {
+				legendPosition: "top",
+				aggregated: true
+			})
+		},
+		{
+			description: _t("Bar for the first series, line for the second — good for mixed scales."),
+			build: (ctx) => comboChart(ctx.title, ctx.sourceBoth, { aggregated: true })
+		},
+		{
+			description: _t("Shows total and composition per category."),
+			isApplicable: ({ isPyramid }) => !isPyramid,
+			build: (ctx) => barChart(ctx.title, ctx.sourceBoth, {
+				stacked: true,
+				legendPosition: "top",
+				aggregated: true
+			})
+		}
+	];
+	/** Pattern S — Many Numbers (3+ numeric columns, no categorical/date) */
+	const MANY_NUMBERS_SUGGESTIONS = [
+		{
+			description: _t("Shows the position of the last value within the data's min-max range."),
+			isApplicable: ({ colsLength, rowCount }) => colsLength === 3 && rowCount === 1,
+			build: (ctx) => gaugeChart(ctx.title, ctx.lastCellXC, `=${ctx.firstCellXC}`, `=${ctx.secondCellXC}`)
+		},
+		{
+			description: _t("Trend comparison across all metrics."),
+			isApplicable: ({ rowCount }) => rowCount > 2,
+			build: (ctx) => lineChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Overall shape/profile across all metrics."),
+			isApplicable: ({ rowCount }) => rowCount > 2 && rowCount <= MAX_ROWS_FOR_SHAPE_CHART,
+			build: (ctx) => radarChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Side-by-side comparison of all numeric metrics."),
+			build: (ctx) => barChart(ctx.title, ctx.source, { legendPosition: "top" })
+		},
+		{
+			description: _t("Side-by-side comparison of all numeric metrics."),
+			build: (ctx) => barChart(ctx.title, ctx.source, {
+				legendPosition: "top",
+				stacked: true
+			})
+		}
+	];
+
+//#endregion
+//#region src/helpers/figures/charts/chart_suggestion_engine.ts
+	const PYRAMID_HEADER_KEYWORD_PATTERNS = [
+		"male",
+		"female",
+		"man",
+		"woman",
+		"boy",
+		"girl",
+		"before",
+		"after",
+		"previous",
+		"current",
+		"positive",
+		"negative",
+		"gain",
+		"loss",
+		"income",
+		"expense",
+		"revenue",
+		"cost"
+	].map((keyword) => new RegExp(`\\b${keyword}\\b`, "i"));
+	function matchesColumnType(spec, type) {
+		return Array.isArray(spec) ? spec.includes(type) : spec === type;
+	}
+	function matchesShape(pattern, shape) {
+		const { leadingTypes, extension } = pattern;
+		const expectedLength = leadingTypes.length + (extension?.minSize ?? 0);
+		if (extension ? shape.length < expectedLength : shape.length !== expectedLength) return false;
+		return shape.every((type, i) => {
+			const spec = i < leadingTypes.length ? leadingTypes[i] : extension?.type;
+			return spec !== void 0 && matchesColumnType(spec, type);
+		});
+	}
+	function isPyramidLike(numCol1, numCol2) {
+		const h1 = numCol1.header ?? "";
+		const h2 = numCol2.header ?? "";
+		return PYRAMID_HEADER_KEYWORD_PATTERNS.some((re) => re.test(h1) || re.test(h2));
+	}
+	/** Returns the first and last cell XC coordinates, and the second-to-last cell XC coordinate if it exists. */
+	function interestingCellsXc(col) {
+		if (!col) return {
+			firstCellXC: "",
+			lastCellXC: "",
+			prevCellXC: void 0
+		};
+		const firstCellPosition = col.nonEmpty.at(0)?.position;
+		const firstCellXC = firstCellPosition ? toXC(firstCellPosition?.col, firstCellPosition?.row) : "";
+		const lastCellPosition = col.nonEmpty.at(-1)?.position;
+		const lastCellXC = lastCellPosition ? toXC(lastCellPosition?.col, lastCellPosition?.row) : "";
+		const prevCellPosition = col.nonEmpty.at(-2)?.position;
+		return {
+			firstCellXC,
+			lastCellXC,
+			prevCellXC: prevCellPosition ? toXC(prevCellPosition?.col, prevCellPosition?.row) : void 0
+		};
+	}
+	/** Pattern A — Single numeric column */
+	function buildSingleNumberContext([col], getters) {
+		const title = col.header ?? _t("Value");
+		const { firstCellXC, lastCellXC, prevCellXC } = interestingCellsXc(col);
+		return {
+			title,
+			source: rangeSource([dataset(col.zone, getters)], col.hasHeader),
+			rowCount: col.rowCount,
+			firstCellXC,
+			lastCellXC,
+			prevCellXC
+		};
+	}
+	/** Pattern B — Single percentage column */
+	function buildSinglePercentageContext([col], getters) {
+		const hasTitle = col.hasHeader;
+		const title = col.header ?? _t("Rate");
+		const { firstCellXC, lastCellXC, prevCellXC } = interestingCellsXc(col);
+		const source = rangeSource([dataset(col.zone, getters)], hasTitle);
+		const isAboveOne = (col.maxValue ?? 0) > 1;
+		return {
+			title,
+			source,
+			rowCount: col.rowCount,
+			firstCellXC,
+			lastCellXC,
+			prevCellXC,
+			isAboveOne
+		};
+	}
+	/** Pattern C — Single date column */
+	function buildSingleDateContext([col]) {
+		const { lastCellXC } = interestingCellsXc(col);
+		return {
+			title: col.header ?? _t("Date"),
+			lastCellXC,
+			rowCount: col.rowCount
+		};
+	}
+	/** Pattern D — Single categorical column */
+	function buildSingleCategoricalContext([col], getters) {
+		const hasTitle = col.hasHeader;
+		const title = col.header ?? _t("Category");
+		const range = getUnboundRange(getters, col.zone);
+		return {
+			title,
+			source: rangeSource([dataset(col.zone, getters)], hasTitle, range),
+			range
+		};
+	}
+	/** Pattern E — Single label column */
+	function buildSingleLabelContext([col]) {
+		const title = col.header ?? _t("Label");
+		const { lastCellXC } = interestingCellsXc(col);
+		return {
+			title,
+			lastCellXC,
+			rowCount: col.rowCount
+		};
+	}
+	/** Pattern F — Categorical + Number */
+	function buildCategoricalVsNumberContext([catCol, numCol], getters) {
+		const labelRange = getUnboundRange(getters, catCol.zone);
+		const hasTitle = numCol.hasHeader;
+		return {
+			title: numCol.header ? _t("%(numberHeader)s by %(categoryHeader)s", {
+				numberHeader: numCol.header,
+				categoryHeader: catCol.header ?? _t("Category")
+			}) : _t("By Category"),
+			source: rangeSource([dataset(numCol.zone, getters)], hasTitle, labelRange),
+			treemapSource: rangeSource([dataset(catCol.zone, getters)], hasTitle, getUnboundRange(getters, numCol.zone))
+		};
+	}
+	/** Patterns G & J — Date + Number or Date + Percentage */
+	function buildDateVsSeriesContext([dateCol, seriesCol], getters) {
+		const isPercentage = seriesCol.type === "percentage";
+		const labelRange = getUnboundRange(getters, dateCol.zone);
+		const hasTitle = isDatasetTitled(getters, dateCol.zone);
+		return {
+			title: seriesCol.header ? _t("%(seriesHeader)s over time", { seriesHeader: seriesCol.header }) : isPercentage ? _t("Rate over Time") : _t("Over Time"),
+			source: rangeSource([dataset(seriesCol.zone, getters)], hasTitle, labelRange),
+			isPercentage
+		};
+	}
+	/** Pattern H — Number + Number */
+	function buildNumberVsNumberContext([col1, col2], getters) {
+		const title = col1.header && col2.header ? _t("%(col2Header)s vs %(col1Header)s", {
+			col2Header: col2.header,
+			col1Header: col1.header
+		}) : _t("Correlation");
+		const hasTitle = col1.hasHeader || col2.hasHeader;
+		const source2 = rangeSource([dataset(col2.zone, getters)], col2.hasHeader, getUnboundRange(getters, col1.zone));
+		const sourceBoth = rangeSource([dataset(col1.zone, getters, "0"), dataset(col2.zone, getters, "1")], hasTitle);
+		const { lastCellXC } = interestingCellsXc(col2);
+		const { lastCellXC: prevCellXC } = interestingCellsXc(col1);
+		return {
+			title,
+			source2,
+			sourceBoth,
+			rowCount1: col1.rowCount,
+			rowCount2: col2.rowCount,
+			lastCellXC,
+			prevCellXC
+		};
+	}
+	/** Pattern I — Categorical + Percentage */
+	function buildCategoricalVsPercentageContext([catCol, pctCol], getters) {
+		const labelRange = getUnboundRange(getters, catCol.zone);
+		const hasTitle = pctCol.hasHeader;
+		return {
+			title: pctCol.header ? _t("%(percentageHeader)s by %(categoryHeader)s", {
+				percentageHeader: pctCol.header,
+				categoryHeader: catCol.header ?? _t("Category")
+			}) : _t("Rates by Category"),
+			source: rangeSource([dataset(pctCol.zone, getters)], hasTitle, labelRange),
+			rowCount: catCol.rowCount
+		};
+	}
+	/** Pattern K — Label + Number */
+	function buildLabelVsNumberContext([labelCol, numCol], getters) {
+		const labelRange = getUnboundRange(getters, labelCol.zone);
+		const hasTitle = numCol.hasHeader;
+		const title = numCol.header ? _t("%(numberHeader)s by %(labelHeader)s", {
+			numberHeader: numCol.header,
+			labelHeader: labelCol.header ?? _t("Name")
+		}) : _t("By Name");
+		const source = rangeSource([dataset(numCol.zone, getters)], hasTitle, labelRange);
+		const { lastCellXC } = interestingCellsXc(numCol);
+		const { lastCellXC: prevCellXC } = interestingCellsXc(labelCol);
+		return {
+			title,
+			source,
+			rowCount: labelCol.rowCount,
+			lastCellXC,
+			prevCellXC
+		};
+	}
+	/** Pattern M — Categorical + Multiple Numbers */
+	function buildCategoricalVsMultipleNumbersContext([catCol, ...numCols], getters) {
+		const labelRange = getUnboundRange(getters, catCol.zone);
+		const hasTitle = numCols.some((c) => c.hasHeader);
+		return {
+			title: catCol.header ? _t("By %(header)s", { header: catCol.header }) : _t("Multi-series"),
+			source: rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle, labelRange),
+			rowCount: catCol.rowCount
+		};
+	}
+	/** Pattern N — Date + Multiple Numbers */
+	function buildDateVsMultipleNumbersContext([dateCol, ...numCols], getters) {
+		const labelRange = getUnboundRange(getters, dateCol.zone);
+		const hasTitle = numCols.some((c) => c.hasHeader) || isDatasetTitled(getters, dateCol.zone);
+		return {
+			title: numCols.length === 1 && numCols[0].header ? _t("%(header)s over time", { header: numCols[0].header }) : _t("Multi-series over Time"),
+			source: rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle, labelRange)
+		};
+	}
+	/** Pattern O — Categorical + Categorical + Number */
+	function buildMultipleCategoricalsVsNumberContext([cat1, cat2, numCol], getters) {
+		const title = numCol.header ? _t("%(numHeader)s by %(cat1Header)s and %(cat2Header)s", {
+			numHeader: numCol.header,
+			cat1Header: cat1.header ?? _t("Level 1"),
+			cat2Header: cat2.header ?? _t("Level 2")
+		}) : _t("Two-level hierarchy");
+		const hasTitle = numCol.hasHeader;
+		return {
+			title,
+			hierarchySource: rangeSource([dataset(cat1.zone, getters, "0"), dataset(cat2.zone, getters, "1")], hasTitle, getUnboundRange(getters, numCol.zone)),
+			barSource: rangeSource([dataset(numCol.zone, getters)], hasTitle, getUnboundRange(getters, cat1.zone))
+		};
+	}
+	/** Pattern P — Categorical + Date + Number */
+	function buildCategoricalDateNumberContext([catCol, dateCol, numCol], getters) {
+		const dateRange = getUnboundRange(getters, dateCol.zone);
+		const catRange = getUnboundRange(getters, catCol.zone);
+		const hasTitle = numCol.hasHeader;
+		return {
+			title: numCol.header ? _t("%(numHeader)s by %(catHeader)s over %(dateHeader)s", {
+				numHeader: numCol.header,
+				catHeader: catCol.header ?? _t("Category"),
+				dateHeader: dateCol.header ?? _t("Time")
+			}) : _t("Multi-series over Time"),
+			sourceByDate: rangeSource([dataset(numCol.zone, getters)], hasTitle, dateRange),
+			sourceByCat: rangeSource([dataset(numCol.zone, getters)], hasTitle, catRange)
+		};
+	}
+	/** Pattern Q — Label + Multiple Numbers */
+	function buildLabelVsMultipleNumbersContext([labelCol, ...numCols], getters) {
+		const labelRange = getUnboundRange(getters, labelCol.zone);
+		const hasTitle = numCols.some((c) => c.hasHeader);
+		const title = labelCol.header ? _t("By %(header)s", { header: labelCol.header }) : _t("Profile Comparison");
+		const source = rangeSource(numCols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle, labelRange);
+		const scatterSource = rangeSource([dataset(numCols[1].zone, getters)], numCols[1].hasHeader, getUnboundRange(getters, numCols[0].zone));
+		const bubble = numCols.length === 3 ? {
+			xRange: getUnboundRange(getters, numCols[0].zone),
+			yRanges: [getUnboundRange(getters, numCols[1].zone)],
+			sizeRange: getUnboundRange(getters, numCols[2].zone),
+			labelRange,
+			hasTitle
+		} : void 0;
+		return {
+			title,
+			source,
+			rowCount: labelCol.rowCount,
+			numColsCount: numCols.length,
+			scatterSource,
+			bubble
+		};
+	}
+	/** Pattern R — Categorical + Two Numbers (Population Pyramid or Grouped) */
+	function buildCategoricalTwoNumbersContext([catCol, numCol1, numCol2], getters) {
+		const catRange = getUnboundRange(getters, catCol.zone);
+		const hasTitle = numCol1.hasHeader || numCol2.hasHeader;
+		const title = numCol1.header && numCol2.header ? _t("%(num1Header)s vs %(num2Header)s by %(catHeader)s", {
+			num1Header: numCol1.header,
+			num2Header: numCol2.header,
+			catHeader: catCol.header ?? _t("Category")
+		}) : catCol.header ? _t("By %(header)s", { header: catCol.header }) : _t("Category Comparison");
+		const isPyramid = isPyramidLike(numCol1, numCol2);
+		return {
+			title,
+			sourceBoth: rangeSource([dataset(numCol1.zone, getters, "0"), dataset(numCol2.zone, getters, "1")], hasTitle, catRange),
+			isPyramid
+		};
+	}
+	/** Pattern S — Many Numbers (3+ numeric columns, no categorical/date) */
+	function buildManyNumbersContext(cols, getters) {
+		const title = cols.every((c) => c.hasHeader) ? cols.map((c) => c.header).join(" / ") : _t("KPI Overview");
+		const hasTitle = cols.some((c) => c.hasHeader);
+		const source = rangeSource(cols.map((c, i) => dataset(c.zone, getters, String(i))), hasTitle);
+		const { lastCellXC } = interestingCellsXc(cols[2]);
+		const { lastCellXC: firstCellXC } = interestingCellsXc(cols[0]);
+		const { lastCellXC: secondCellXC } = interestingCellsXc(cols[1]);
+		return {
+			title,
+			source,
+			colsLength: cols.length,
+			rowCount: cols[0].rowCount,
+			lastCellXC,
+			firstCellXC,
+			secondCellXC
+		};
+	}
+	const NUMBER_OR_PERCENTAGE = ["number", "percentage"];
+	const EXACT_PATTERNS = [
+		{
+			pattern: { leadingTypes: ["number"] },
+			buildContext: buildSingleNumberContext,
+			suggestions: SINGLE_NUMBER_COLUMN_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["percentage"] },
+			buildContext: buildSinglePercentageContext,
+			suggestions: SINGLE_PERCENTAGE_COLUMN_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["date"] },
+			buildContext: buildSingleDateContext,
+			suggestions: SINGLE_DATE_COLUMN_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["categorical"] },
+			buildContext: buildSingleCategoricalContext,
+			suggestions: SINGLE_CATEGORICAL_COLUMN_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["label"] },
+			buildContext: buildSingleLabelContext,
+			suggestions: SINGLE_LABEL_COLUMN_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["categorical", "number"] },
+			buildContext: buildCategoricalVsNumberContext,
+			suggestions: CATEGORICAL_VS_NUMBER_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["date", NUMBER_OR_PERCENTAGE] },
+			buildContext: buildDateVsSeriesContext,
+			suggestions: DATE_VS_SERIES_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["number", "number"] },
+			buildContext: buildNumberVsNumberContext,
+			suggestions: NUMBER_VS_NUMBER_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["categorical", "percentage"] },
+			buildContext: buildCategoricalVsPercentageContext,
+			suggestions: CATEGORICAL_VS_PERCENTAGE_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["label", "number"] },
+			buildContext: buildLabelVsNumberContext,
+			suggestions: LABEL_VS_NUMBER_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: ["label", "percentage"] },
+			buildContext: buildCategoricalVsPercentageContext,
+			suggestions: CATEGORICAL_VS_PERCENTAGE_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: [
+				"categorical",
+				"categorical",
+				"number"
+			] },
+			buildContext: buildMultipleCategoricalsVsNumberContext,
+			suggestions: MULTIPLE_CATEGORICALS_VS_NUMBER_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: [
+				"categorical",
+				"label",
+				"number"
+			] },
+			buildContext: buildMultipleCategoricalsVsNumberContext,
+			suggestions: MULTIPLE_CATEGORICALS_VS_NUMBER_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: [
+				"categorical",
+				"date",
+				NUMBER_OR_PERCENTAGE
+			] },
+			buildContext: buildCategoricalDateNumberContext,
+			suggestions: CATEGORICAL_DATE_NUMBER_SUGGESTIONS
+		},
+		{
+			pattern: { leadingTypes: [
+				"categorical",
+				NUMBER_OR_PERCENTAGE,
+				NUMBER_OR_PERCENTAGE
+			] },
+			buildContext: buildCategoricalTwoNumbersContext,
+			suggestions: CATEGORICAL_TWO_NUMBERS_SUGGESTIONS
+		}
+	];
+	const EXTENDABLE_PATTERNS = [
+		{
+			pattern: {
+				leadingTypes: [],
+				extension: {
+					type: NUMBER_OR_PERCENTAGE,
+					minSize: 3
+				}
+			},
+			buildContext: buildManyNumbersContext,
+			suggestions: MANY_NUMBERS_SUGGESTIONS
+		},
+		{
+			pattern: {
+				leadingTypes: ["label"],
+				extension: {
+					type: NUMBER_OR_PERCENTAGE,
+					minSize: 2
+				}
+			},
+			buildContext: buildLabelVsMultipleNumbersContext,
+			suggestions: LABEL_VS_MULTIPLE_NUMBERS_SUGGESTIONS
+		},
+		{
+			pattern: {
+				leadingTypes: ["categorical"],
+				extension: {
+					type: NUMBER_OR_PERCENTAGE,
+					minSize: 2
+				}
+			},
+			buildContext: buildCategoricalVsMultipleNumbersContext,
+			suggestions: CATEGORICAL_VS_MULTIPLE_NUMBERS_SUGGESTIONS
+		},
+		{
+			pattern: {
+				leadingTypes: ["date"],
+				extension: {
+					type: NUMBER_OR_PERCENTAGE,
+					minSize: 2
+				}
+			},
+			buildContext: buildDateVsMultipleNumbersContext,
+			suggestions: DATE_VS_MULTIPLE_NUMBERS_SUGGESTIONS
+		}
+	];
+	function getChartSuggestions(zones, getters) {
+		const cols = analyzeColumns(zones, getters);
+		if (cols.some((c) => c.type === "error")) return [];
+		const nonEmpty = cols.filter((c) => c.type !== "empty");
+		if (!nonEmpty.length) return [];
+		const shape = nonEmpty.map((c) => c.type);
+		const rule = EXACT_PATTERNS.find((rule) => matchesShape(rule.pattern, shape)) ?? EXTENDABLE_PATTERNS.find((rule) => matchesShape(rule.pattern, shape));
+		if (!rule) return [];
+		const ctx = rule.buildContext(nonEmpty, getters);
+		return rule.suggestions.filter((suggestion) => suggestion.isApplicable?.(ctx) ?? true).map((suggestion) => ({
+			description: suggestion.description.toString(),
+			definition: suggestion.build(ctx)
+		}));
+	}
+
+//#endregion
+//#region src/components/side_panel/data_analysis/data_analysis_store.ts
+	var DataAnalysisStore = class extends SpreadsheetStore {
+		mutators = [];
+		hasData = false;
+		chartSuggestions = [];
+		isDirty = false;
+		ranges;
+		constructor(get) {
+			super(get);
+			this.model.selection.observe(this, { handleEvent: () => this.refresh() });
+			this.onDispose(() => {
+				this.model.selection.unobserve(this);
+			});
+			this.refresh();
+		}
+		handle(cmd) {
+			if (invalidateEvaluationCommands.has(cmd.type) || cmd.type === "UPDATE_CELL" && ("content" in cmd || "format" in cmd)) this.isDirty = true;
+			switch (cmd.type) {
+				case "HIDE_COLUMNS_ROWS":
+				case "UNHIDE_COLUMNS_ROWS":
+				case "GROUP_HEADERS":
+				case "UNGROUP_HEADERS":
+				case "ACTIVATE_SHEET":
+				case "ACTIVATE_NEXT_SHEET":
+				case "ACTIVATE_PREVIOUS_SHEET":
+				case "EVALUATE_CELLS":
+				case "SET_FORMATTING":
+				case "CLEAR_FORMATTING":
+					this.isDirty = true;
+					break;
+			}
+		}
+		finalize() {
+			if (this.isDirty) {
+				this.refresh();
+				this.isDirty = false;
+			}
+		}
+		refresh() {
+			const sheetId = this.getters.getActiveSheetId();
+			const zones = this.getters.getSelectedZones();
+			this.ranges = zones.map(zoneToXc);
+			this.hasData = zones.some((zone) => this.getters.getEvaluatedCellsInZone(sheetId, zone).some((cell) => cell.type !== "empty"));
+			const suggestions = this.hasData ? getChartSuggestions(zones, this.getters) : [];
+			this.chartSuggestions = suggestions;
+		}
+	};
+
+//#endregion
+//#region src/components/side_panel/data_analysis/data_analysis_panel.ts
+	var DataAnalysisPanel = class extends Component {
+		static template = "o-spreadsheet-DataAnalysisPanel";
+		static components = {
+			Section,
+			ChartSuggestionPreview
+		};
+		store;
+		setup() {
+			this.store = useLocalStore(DataAnalysisStore);
+		}
+		onStartChartSuggestionDrag(definition, ev) {
+			startChartDragAndDrop(this.env, definition, ev);
+		}
+	};
+
 //#endregion
 //#region src/registries/data_source_registry.ts
 	const unusedDataSourceRegistry = new Registry();
@@ -42222,7 +43747,7 @@ set(value) {
 	var DataValidationPreview = class extends Component {
 		static template = "o-spreadsheet-DataValidationPreview";
 		props = (0, _odoo_owl.useProps)({ rule: types.DataValidationRule() });
-		dvPreviewRef = (0, _odoo_owl.signal)(null);
+		dvPreviewRef = _odoo_owl.signal.ref();
 		setup() {
 			useHighlightsOnHover(this.dvPreviewRef, this);
 		}
@@ -43721,7 +45246,7 @@ set(value) {
 		};
 		props = (0, _odoo_owl.useProps)({ namedRange: types.NamedRange() });
 		state = (0, _odoo_owl.proxy)({});
-		namedRangePreviewRef = (0, _odoo_owl.signal)(null);
+		namedRangePreviewRef = _odoo_owl.signal.ref();
 		setup() {
 			useHighlightsOnHover(this.namedRangePreviewRef, this);
 		}
@@ -44212,7 +45737,7 @@ set(value) {
 			onClick: types.function(),
 			scrolledTo: types.or([types.literal("top"), types.literal("bottom")]).optional()
 		});
-		itemRef = (0, _odoo_owl.signal)(null);
+		itemRef = _odoo_owl.signal.ref();
 		setup() {
 			(0, _odoo_owl.onWillPatch)(() => {
 				if (this.props.scrolledTo) this.scrollListToSelectedValue();
@@ -44452,7 +45977,7 @@ set(value) {
 			onFiltersUpdated: types.function()
 		});
 		state;
-		buttonFilter = (0, _odoo_owl.signal)(null);
+		buttonFilter = _odoo_owl.signal.ref();
 		popover;
 		setup() {
 			useExternalListener(window, "click", (ev) => {
@@ -44581,11 +46106,11 @@ set(value) {
 			onFieldPicked: types.function(),
 			fields: types.array()
 		});
-		buttonRef = (0, _odoo_owl.signal)(null);
+		buttonRef = _odoo_owl.signal.ref(HTMLButtonElement);
 		popover = (0, _odoo_owl.proxy)({ isOpen: false });
 		search = (0, _odoo_owl.proxy)({ input: "" });
 		autoComplete;
-		autofocusRef = (0, _odoo_owl.signal)(null);
+		autofocusRef = _odoo_owl.signal.ref(HTMLInputElement);
 		setup() {
 			this.autoComplete = useLocalStore(AutoCompleteStore);
 			this.autoComplete.useProvider(this.getProvider());
@@ -44994,7 +46519,7 @@ set(value) {
 			getScrollableContainerEl: types.function().optional(),
 			pivotId: types.UID()
 		});
-		dimensionsRef = (0, _odoo_owl.signal)(null);
+		dimensionsRef = _odoo_owl.signal.ref();
 		dragAndDrop = useDragAndDropListItems();
 		AGGREGATORS = AGGREGATORS;
 		isDateOrDatetimeField = isDateOrDatetimeField;
@@ -45065,16 +46590,7 @@ set(value) {
 			});
 		}
 		getDimensionElementsRects() {
-			return Array.from(this.dimensionsRef().children).map((el) => {
-				const style = getComputedStyle(el);
-				const rect = el.getBoundingClientRect();
-				return {
-					x: rect.x,
-					y: rect.y,
-					width: rect.width + parseInt(style.marginLeft || "0") + parseInt(style.marginRight || "0"),
-					height: rect.height + parseInt(style.marginTop || "0") + parseInt(style.marginBottom || "0")
-				};
-			});
+			return Array.from(this.dimensionsRef().children).map((el) => getBoundingRectWithMargins(el));
 		}
 		removeDimension(dimension) {
 			const { columns, rows } = this.props.definition;
@@ -45639,7 +47155,7 @@ set(value) {
 		});
 		store;
 		state;
-		pivotSidePanelRef = (0, _odoo_owl.signal)(null);
+		pivotSidePanelRef = _odoo_owl.signal.ref();
 		setup() {
 			this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
 			this.state = (0, _odoo_owl.proxy)({
@@ -46879,7 +48395,7 @@ set(value) {
 			selected: types.boolean().optional(),
 			onClick: types.function().optional()
 		});
-		canvasRef = (0, _odoo_owl.signal)(null);
+		canvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
 		menu = (0, _odoo_owl.proxy)({
 			isOpen: false,
 			anchorRect: null,
@@ -46973,7 +48489,7 @@ set(value) {
 			tableStyles: types.RecordOf(),
 			type: types.or([types.literal("table"), types.literal("pivot")])
 		});
-		tableStyleListRef = (0, _odoo_owl.signal)(null);
+		tableStyleListRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({ selectedCategory: this.initialSelectedCategory });
 		setup() {
 			useExternalListener(window, "click", this.onExternalClick, { capture: true });
@@ -48344,6 +49860,10 @@ set(value) {
 		title: _t("Column statistics"),
 		Body: ColumnStatsPanel
 	});
+	sidePanelRegistry.add("DataAnalysisPanel", {
+		title: _t("Data analysis"),
+		Body: DataAnalysisPanel
+	});
 	sidePanelRegistry.add("TableSidePanel", {
 		title: _t("Edit table"),
 		Body: TablePanel,
@@ -48451,6 +49971,7 @@ set(value) {
 			"changePanelSize",
 			"resetPanelSize",
 			"togglePinPanel",
+			"togglePinnedSidePanel",
 			"closeMainPanel",
 			"changeSpreadsheetWidth",
 			"toggleCollapsePanel"
@@ -48602,6 +50123,19 @@ set(value) {
 				this.secondaryPanel = void 0;
 			}
 		}
+		togglePinnedSidePanel(componentTag, panelProps = {}) {
+			if (this.mainPanel?.componentTag === componentTag && this.isMainPanelOpen) {
+				this.closeMainPanel();
+				return;
+			}
+			if (this.secondaryPanel?.componentTag === componentTag && this.isSecondaryPanelOpen) {
+				this.secondaryPanel?.currentPanelProps.onCloseSidePanel?.();
+				this.secondaryPanel = void 0;
+				return;
+			}
+			this.open(componentTag, panelProps);
+			if (!this.mainPanel?.isPinned) this.togglePinPanel();
+		}
 		toggleCollapsePanel(panel) {
 			const panelInfo = this[panel];
 			if (!panelInfo) return;
@@ -48980,6 +50514,219 @@ set(value) {
 		}
 	};
 
+//#endregion
+//#region src/helpers/sort_interactive.ts
+	function interactiveSortSelection(env, sheetId, anchor, zone, sortDirection) {
+		let multiColumns = zone.right > zone.left;
+		if (env.model.getters.doesIntersectMerge(sheetId, zone)) {
+			multiColumns = false;
+			let table;
+			for (let row = zone.top; row <= zone.bottom; row++) {
+				table = [];
+				for (let col = zone.left; col <= zone.right; col++) {
+					const merge = env.model.getters.getMerge({
+						sheetId,
+						col,
+						row
+					});
+					if (merge && !table.includes(merge.id.toString())) table.push(merge.id.toString());
+				}
+				if (table.length >= 2) {
+					multiColumns = true;
+					break;
+				}
+			}
+		}
+		if (multiColumns) {
+			interactiveSort(env, sheetId, anchor, zone, sortDirection);
+			return;
+		}
+		const contiguousZone = env.model.getters.getContiguousZone(sheetId, zone);
+		if (isEqual(contiguousZone, zone)) interactiveSort(env, sheetId, anchor, zone, sortDirection);
+		else env.askConfirmation(_t("We found data next to your selection. Since this data was not selected, it will not be sorted. Do you want to extend your selection?"), () => interactiveSort(env, sheetId, anchor, contiguousZone, sortDirection), () => interactiveSort(env, sheetId, anchor, zone, sortDirection));
+	}
+	function interactiveSort(env, sheetId, anchor, zone, sortDirection, sortOptions) {
+		const result = env.model.dispatch("SORT_CELLS", {
+			sheetId,
+			col: anchor.col,
+			row: anchor.row,
+			zone,
+			sortDirection,
+			sortOptions
+		});
+		if (result.isCancelledBecause("InvalidSortZone")) {
+			const { col, row } = anchor;
+			env.model.selection.selectZone({
+				cell: {
+					col,
+					row
+				},
+				zone
+			});
+			env.raiseError(_t("Cannot sort. To sort, select only cells or only merges that have the same size."));
+		}
+		if (result.isCancelledBecause("SortZoneWithArrayFormulas")) {
+			const { col, row } = anchor;
+			env.model.selection.selectZone({
+				cell: {
+					col,
+					row
+				},
+				zone
+			});
+			env.raiseError(_t("Cannot sort a zone with array formulas."));
+		}
+	}
+
+//#endregion
+//#region src/stores/trim_whitespace_store.ts
+	var TrimWhitespaceStore = class extends SpreadsheetStore {
+		mutators = ["trimWhitespace"];
+		notificationStore = this.get(NotificationStore);
+		trimWhitespace() {
+			this.model.dispatch("TRIM_WHITESPACE");
+		}
+		handle(cmd) {
+			switch (cmd.type) {
+				case "TRIM_WHITESPACE":
+					this._trimWhitespace();
+					break;
+			}
+		}
+		_trimWhitespace() {
+			const zones = recomputeZones(this.getters.getSelectedZones());
+			const sheetId = this.getters.getActiveSheetId();
+			let count = 0;
+			for (const { col, row } of zones.map(positions).flat()) {
+				const cell = this.getters.getCell({
+					col,
+					row,
+					sheetId
+				});
+				if (!cell) continue;
+				const currentContent = !cell.isFormula ? cell.content : cell.compiledFormula.toFormulaString(this.getters);
+				const trimmedContent = trimContent(currentContent);
+				if (trimmedContent !== currentContent) {
+					count += 1;
+					this.model.dispatch("UPDATE_CELL", {
+						sheetId,
+						col,
+						row,
+						content: trimmedContent
+					});
+				}
+			}
+			const text = count ? _t("Trimmed whitespace from %s cells.", count) : _t("No selected cells had whitespace trimmed.");
+			this.notificationStore.notifyUser({
+				type: "info",
+				text,
+				sticky: false
+			});
+		}
+	};
+
+//#endregion
+//#region src/actions/data_actions.ts
+	const sortRange = {
+		name: _t("Sort range"),
+		isVisible: IS_ONLY_ONE_RANGE,
+		icon: "o-spreadsheet-Icon.SORT_RANGE"
+	};
+	const sortAscending = {
+		name: _t("Ascending (A ⟶ Z)"),
+		execute: (env) => {
+			const { anchor, zones } = env.model.getters.getSelection();
+			interactiveSortSelection(env, env.model.getters.getActiveSheetId(), anchor.cell, zones[0], "asc");
+		},
+		icon: "o-spreadsheet-Icon.SORT_ASCENDING"
+	};
+	const dataCleanup = {
+		name: _t("Data cleanup"),
+		icon: "o-spreadsheet-Icon.DATA_CLEANUP"
+	};
+	const removeDuplicates = {
+		name: _t("Remove duplicates"),
+		execute: (env) => {
+			if (getZoneArea(env.model.getters.getSelectedZone()) === 1) env.model.selection.selectTableAroundSelection();
+			env.openSidePanel("RemoveDuplicates", {});
+		},
+		isEnabled: (env) => !env.isSmall
+	};
+	const trimWhitespace = {
+		name: _t("Trim whitespace"),
+		execute: (env) => {
+			env.getStore(TrimWhitespaceStore).trimWhitespace();
+		}
+	};
+	const cleanupDataSources = {
+		name: _t("Remove unused data sources"),
+		execute: (env) => env.openSidePanel("DataSourceCleanup", {}),
+		isEnabled: (env) => !env.isSmall
+	};
+	const sortDescending = {
+		name: _t("Descending (Z ⟶ A)"),
+		execute: (env) => {
+			const { anchor, zones } = env.model.getters.getSelection();
+			interactiveSortSelection(env, env.model.getters.getActiveSheetId(), anchor.cell, zones[0], "desc");
+		},
+		icon: "o-spreadsheet-Icon.SORT_DESCENDING"
+	};
+	const createRemoveFilter = { ...CREATE_OR_REMOVE_FILTER_ACTION };
+	const createRemoveFilterTool = {
+		...CREATE_OR_REMOVE_FILTER_ACTION,
+		isActive: (env) => SELECTED_TABLE_HAS_FILTERS(env)
+	};
+	const splitToColumns = {
+		name: _t("Split text to columns"),
+		sequence: 1,
+		execute: (env) => env.openSidePanel("SplitToColumns", {}),
+		isEnabled: (env) => !env.isSmall && env.model.getters.isSingleColSelected(),
+		icon: "o-spreadsheet-Icon.SPLIT_TEXT"
+	};
+	const dataAnalysis = {
+		name: _t("Data analysis"),
+		execute: (env) => {
+			env.getStore(SidePanelStore).togglePinnedSidePanel("DataAnalysisPanel");
+		},
+		icon: "o-spreadsheet-Icon.COLUMN_STATS",
+		isEnabled: (env) => !env.isSmall
+	};
+	const columnStatistics = {
+		name: _t("Column statistics"),
+		execute: (env) => env.openSidePanel("ColumnStats", {}),
+		icon: "o-spreadsheet-Icon.COLUMN_STATS"
+	};
+	const reinsertDynamicPivotMenu = {
+		id: "reinsert_dynamic_pivot",
+		name: _t("Re-insert dynamic pivot"),
+		sequence: 60,
+		icon: "o-spreadsheet-Icon.INSERT_PIVOT",
+		children: [REINSERT_DYNAMIC_PIVOT_CHILDREN],
+		isVisible: (env) => env.model.getters.getPivotIds().some((id) => env.model.getters.getPivot(id).isValid())
+	};
+	const reinsertStaticPivotMenu = {
+		id: "reinsert_static_pivot",
+		name: _t("Re-insert static pivot"),
+		sequence: 70,
+		icon: "o-spreadsheet-Icon.INSERT_PIVOT",
+		children: [REINSERT_STATIC_PIVOT_CHILDREN],
+		isVisible: (env) => env.model.getters.getPivotIds().some((id) => env.model.getters.getPivot(id).isValid())
+	};
+	const calculationMode = {
+		name: _t("Calculation"),
+		icon: "o-spreadsheet-Icon.CALCULATOR"
+	};
+	const automaticCalculation = {
+		name: _t("Automatic"),
+		execute: (env) => env.model.dispatch("SET_AUTOMATIC_EVALUATION", { enabled: true }),
+		isActive: (env) => env.model.getters.isAutomaticEvaluationEnabled()
+	};
+	const manualCalculation = {
+		name: _t("Manual"),
+		execute: (env) => env.model.dispatch("SET_AUTOMATIC_EVALUATION", { enabled: false }),
+		isActive: (env) => !env.model.getters.isAutomaticEvaluationEnabled()
+	};
+
 //#endregion
 //#region src/helpers/ui/merge_interactive.ts
 	const AddMergeInteractiveContent = {
@@ -49194,6 +50941,10 @@ set(value) {
 	}).addChild("paste_format_only", ["paste_special"], {
 		...pasteSpecialFormat,
 		sequence: 20
+	}).add("data_analysis", {
+		...dataAnalysis,
+		sequence: 50,
+		separator: true
 	}).add("add_row_before", {
 		...cellInsertRowsBefore,
 		sequence: 70
@@ -49301,211 +51052,6 @@ set(value) {
 		sequence: 30
 	});
 
-//#endregion
-//#region src/helpers/sort_interactive.ts
-	function interactiveSortSelection(env, sheetId, anchor, zone, sortDirection) {
-		let multiColumns = zone.right > zone.left;
-		if (env.model.getters.doesIntersectMerge(sheetId, zone)) {
-			multiColumns = false;
-			let table;
-			for (let row = zone.top; row <= zone.bottom; row++) {
-				table = [];
-				for (let col = zone.left; col <= zone.right; col++) {
-					const merge = env.model.getters.getMerge({
-						sheetId,
-						col,
-						row
-					});
-					if (merge && !table.includes(merge.id.toString())) table.push(merge.id.toString());
-				}
-				if (table.length >= 2) {
-					multiColumns = true;
-					break;
-				}
-			}
-		}
-		if (multiColumns) {
-			interactiveSort(env, sheetId, anchor, zone, sortDirection);
-			return;
-		}
-		const contiguousZone = env.model.getters.getContiguousZone(sheetId, zone);
-		if (isEqual(contiguousZone, zone)) interactiveSort(env, sheetId, anchor, zone, sortDirection);
-		else env.askConfirmation(_t("We found data next to your selection. Since this data was not selected, it will not be sorted. Do you want to extend your selection?"), () => interactiveSort(env, sheetId, anchor, contiguousZone, sortDirection), () => interactiveSort(env, sheetId, anchor, zone, sortDirection));
-	}
-	function interactiveSort(env, sheetId, anchor, zone, sortDirection, sortOptions) {
-		const result = env.model.dispatch("SORT_CELLS", {
-			sheetId,
-			col: anchor.col,
-			row: anchor.row,
-			zone,
-			sortDirection,
-			sortOptions
-		});
-		if (result.isCancelledBecause("InvalidSortZone")) {
-			const { col, row } = anchor;
-			env.model.selection.selectZone({
-				cell: {
-					col,
-					row
-				},
-				zone
-			});
-			env.raiseError(_t("Cannot sort. To sort, select only cells or only merges that have the same size."));
-		}
-		if (result.isCancelledBecause("SortZoneWithArrayFormulas")) {
-			const { col, row } = anchor;
-			env.model.selection.selectZone({
-				cell: {
-					col,
-					row
-				},
-				zone
-			});
-			env.raiseError(_t("Cannot sort a zone with array formulas."));
-		}
-	}
-
-//#endregion
-//#region src/stores/trim_whitespace_store.ts
-	var TrimWhitespaceStore = class extends SpreadsheetStore {
-		mutators = ["trimWhitespace"];
-		notificationStore = this.get(NotificationStore);
-		trimWhitespace() {
-			this.model.dispatch("TRIM_WHITESPACE");
-		}
-		handle(cmd) {
-			switch (cmd.type) {
-				case "TRIM_WHITESPACE":
-					this._trimWhitespace();
-					break;
-			}
-		}
-		_trimWhitespace() {
-			const zones = recomputeZones(this.getters.getSelectedZones());
-			const sheetId = this.getters.getActiveSheetId();
-			let count = 0;
-			for (const { col, row } of zones.map(positions).flat()) {
-				const cell = this.getters.getCell({
-					col,
-					row,
-					sheetId
-				});
-				if (!cell) continue;
-				const currentContent = !cell.isFormula ? cell.content : cell.compiledFormula.toFormulaString(this.getters);
-				const trimmedContent = trimContent(currentContent);
-				if (trimmedContent !== currentContent) {
-					count += 1;
-					this.model.dispatch("UPDATE_CELL", {
-						sheetId,
-						col,
-						row,
-						content: trimmedContent
-					});
-				}
-			}
-			const text = count ? _t("Trimmed whitespace from %s cells.", count) : _t("No selected cells had whitespace trimmed.");
-			this.notificationStore.notifyUser({
-				type: "info",
-				text,
-				sticky: false
-			});
-		}
-	};
-
-//#endregion
-//#region src/actions/data_actions.ts
-	const sortRange = {
-		name: _t("Sort range"),
-		isVisible: IS_ONLY_ONE_RANGE,
-		icon: "o-spreadsheet-Icon.SORT_RANGE"
-	};
-	const sortAscending = {
-		name: _t("Ascending (A ⟶ Z)"),
-		execute: (env) => {
-			const { anchor, zones } = env.model.getters.getSelection();
-			interactiveSortSelection(env, env.model.getters.getActiveSheetId(), anchor.cell, zones[0], "asc");
-		},
-		icon: "o-spreadsheet-Icon.SORT_ASCENDING"
-	};
-	const dataCleanup = {
-		name: _t("Data cleanup"),
-		icon: "o-spreadsheet-Icon.DATA_CLEANUP"
-	};
-	const removeDuplicates = {
-		name: _t("Remove duplicates"),
-		execute: (env) => {
-			if (getZoneArea(env.model.getters.getSelectedZone()) === 1) env.model.selection.selectTableAroundSelection();
-			env.openSidePanel("RemoveDuplicates", {});
-		},
-		isEnabled: (env) => !env.isSmall
-	};
-	const trimWhitespace = {
-		name: _t("Trim whitespace"),
-		execute: (env) => {
-			env.getStore(TrimWhitespaceStore).trimWhitespace();
-		}
-	};
-	const cleanupDataSources = {
-		name: _t("Remove unused data sources"),
-		execute: (env) => env.openSidePanel("DataSourceCleanup", {}),
-		isEnabled: (env) => !env.isSmall
-	};
-	const sortDescending = {
-		name: _t("Descending (Z ⟶ A)"),
-		execute: (env) => {
-			const { anchor, zones } = env.model.getters.getSelection();
-			interactiveSortSelection(env, env.model.getters.getActiveSheetId(), anchor.cell, zones[0], "desc");
-		},
-		icon: "o-spreadsheet-Icon.SORT_DESCENDING"
-	};
-	const createRemoveFilter = { ...CREATE_OR_REMOVE_FILTER_ACTION };
-	const createRemoveFilterTool = {
-		...CREATE_OR_REMOVE_FILTER_ACTION,
-		isActive: (env) => SELECTED_TABLE_HAS_FILTERS(env)
-	};
-	const splitToColumns = {
-		name: _t("Split text to columns"),
-		sequence: 1,
-		execute: (env) => env.openSidePanel("SplitToColumns", {}),
-		isEnabled: (env) => !env.isSmall && env.model.getters.isSingleColSelected(),
-		icon: "o-spreadsheet-Icon.SPLIT_TEXT"
-	};
-	const columnStatistics = {
-		name: _t("Column statistics"),
-		execute: (env) => env.openSidePanel("ColumnStats", {}),
-		icon: "o-spreadsheet-Icon.COLUMN_STATS"
-	};
-	const reinsertDynamicPivotMenu = {
-		id: "reinsert_dynamic_pivot",
-		name: _t("Re-insert dynamic pivot"),
-		sequence: 60,
-		icon: "o-spreadsheet-Icon.INSERT_PIVOT",
-		children: [REINSERT_DYNAMIC_PIVOT_CHILDREN],
-		isVisible: (env) => env.model.getters.getPivotIds().some((id) => env.model.getters.getPivot(id).isValid())
-	};
-	const reinsertStaticPivotMenu = {
-		id: "reinsert_static_pivot",
-		name: _t("Re-insert static pivot"),
-		sequence: 70,
-		icon: "o-spreadsheet-Icon.INSERT_PIVOT",
-		children: [REINSERT_STATIC_PIVOT_CHILDREN],
-		isVisible: (env) => env.model.getters.getPivotIds().some((id) => env.model.getters.getPivot(id).isValid())
-	};
-	const calculationMode = {
-		name: _t("Calculation"),
-		icon: "o-spreadsheet-Icon.CALCULATOR"
-	};
-	const automaticCalculation = {
-		name: _t("Automatic"),
-		execute: (env) => env.model.dispatch("SET_AUTOMATIC_EVALUATION", { enabled: true }),
-		isActive: (env) => env.model.getters.isAutomaticEvaluationEnabled()
-	};
-	const manualCalculation = {
-		name: _t("Manual"),
-		execute: (env) => env.model.dispatch("SET_AUTOMATIC_EVALUATION", { enabled: false }),
-		isActive: (env) => !env.model.getters.isAutomaticEvaluationEnabled()
-	};
-
 //#endregion
 //#region src/registries/menus/col_menu_registry.ts
 	const colMenuRegistry = new MenuItemRegistry();
@@ -49539,6 +51085,9 @@ set(value) {
 	}).addChild("sort_descending", ["sort_columns"], {
 		...sortDescending,
 		sequence: 20
+	}).add("data_analysis", {
+		...dataAnalysis,
+		sequence: 55
 	}).add("column_statistics", {
 		...columnStatistics,
 		sequence: 60,
@@ -52354,14 +53903,15 @@ set(value) {
 			selectedRect: void 0,
 			horizontalSnap: void 0,
 			verticalSnap: void 0,
-			cancelDnd: void 0,
-			overlappingChartOrCarousel: void 0
+			cancelDnd: void 0
 		});
 		viewStore;
 		zoomStore;
+		chartDragStore;
 		setup() {
 			this.viewStore = useStore(ViewportsStore);
 			this.zoomStore = useStore(ZoomStore);
+			this.chartDragStore = useStore(ChartDragStore);
 			(0, _odoo_owl.onMounted)(() => {
 				this.render();
 			});
@@ -52375,7 +53925,7 @@ set(value) {
 					this.dnd.selectedRect = void 0;
 					this.dnd.horizontalSnap = void 0;
 					this.dnd.verticalSnap = void 0;
-					this.dnd.overlappingChartOrCarousel = void 0;
+					this.chartDragStore.setHighlightedFigure(void 0);
 					this.dnd.cancelDnd = void 0;
 				}
 			});
@@ -52501,6 +54051,7 @@ set(value) {
 				maxY: this.env.model.getters.getRowDimensions(sheetId, this.env.model.getters.getNumberRows(sheetId) - 1).end
 			};
 			let hasStartedDnd = false;
+			let overlappingChartOrCarousel = void 0;
 			const onMouseMove = (ev) => {
 				const currentMousePosition = {
 					x: ev.clientX / zoom,
@@ -52512,10 +54063,10 @@ set(value) {
 				hasStartedDnd = true;
 				const selectedFigures = dragFigureForMove(currentMousePosition, initialMousePosition, initialFigures, maxDimensions, initialScrollPosition, this.viewStore.activeSheetScrollInfo);
 				const draggedFigure = selectedFigures.find((f) => f.id === draggedFigureId);
-				let overlappingChartOrCarousel = void 0;
+				overlappingChartOrCarousel = void 0;
 				const otherFigures = this.getOtherFigures(selectedFigures.map((f) => f.id));
-				if (draggedFigure && !selectedFigures.find((f) => f.tag !== "chart")) overlappingChartOrCarousel = this.getOverlappingFigure(draggedFigure, otherFigures);
-				this.dnd.overlappingChartOrCarousel = overlappingChartOrCarousel;
+				if (draggedFigure && !selectedFigures.find((f) => f.tag !== "chart")) overlappingChartOrCarousel = getCarouselOverlappingChart(draggedFigure, otherFigures, ["carousel", "chart"]);
+				this.chartDragStore.setHighlightedFigure(overlappingChartOrCarousel?.id);
 				if (!overlappingChartOrCarousel) {
 					const snapReturn = snapForMove(this.env, selectedFigures, otherFigures);
 					this.dnd.selectedFigures = snapReturn.snappedFigures;
@@ -52537,7 +54088,7 @@ set(value) {
 					else this.env.model.dispatch("SELECT_FIGURE", { figureId: figureUI.id });
 					return;
 				}
-				if (!this.dnd.overlappingChartOrCarousel) {
+				if (!overlappingChartOrCarousel) {
 					const payloads = this.dnd.selectedFigures?.map((f) => {
 						return {
 							sheetId,
@@ -52547,14 +54098,14 @@ set(value) {
 					}) || [];
 					this.env.model.dispatch("MOVE_FIGURES", { figures: payloads });
 				} else {
-					const overlappingFigureId = this.dnd.overlappingChartOrCarousel.id;
+					const overlappingFigureId = overlappingChartOrCarousel.id;
 					const chartFigureIds = this.dnd.selectedFigures?.map((f) => f.id) || [];
-					if (this.dnd.overlappingChartOrCarousel.tag === "carousel") this.env.model.dispatch("ADD_FIGURES_CHART_TO_CAROUSEL", {
+					if (overlappingChartOrCarousel.tag === "carousel") this.env.model.dispatch("ADD_FIGURES_CHART_TO_CAROUSEL", {
 						sheetId,
 						carouselFigureId: overlappingFigureId,
 						chartFigureIds
 					});
-					else if (this.dnd.overlappingChartOrCarousel.tag === "chart") this.env.model.dispatch("MERGE_CHART_FIGURES_INTO_CAROUSEL", {
+					else if (overlappingChartOrCarousel.tag === "chart") this.env.model.dispatch("MERGE_CHART_FIGURES_INTO_CAROUSEL", {
 						sheetId,
 						baseFigureId: overlappingFigureId,
 						chartFigureIds: [overlappingFigureId, ...chartFigureIds]
@@ -52565,7 +54116,7 @@ set(value) {
 				this.dnd.selectedRect = void 0;
 				this.dnd.horizontalSnap = void 0;
 				this.dnd.verticalSnap = void 0;
-				this.dnd.overlappingChartOrCarousel = void 0;
+				this.chartDragStore.setHighlightedFigure(void 0);
 			};
 			this.dnd.cancelDnd = startDnd(onMouseMove, onMouseUp);
 		}
@@ -52621,7 +54172,6 @@ set(value) {
 				this.dnd.selectedRect = void 0;
 				this.dnd.horizontalSnap = void 0;
 				this.dnd.verticalSnap = void 0;
-				this.dnd.overlappingChartOrCarousel = void 0;
 			};
 			this.dnd.cancelDnd = startDnd(onMouseMove, onMouseUp);
 		}
@@ -52631,12 +54181,12 @@ set(value) {
 		getFigureStyle(figureUI) {
 			if (figureUI.id !== this.dnd.draggedFigure?.id) return "";
 			return cssPropertiesToCss({
-				opacity: this.dnd.overlappingChartOrCarousel?.id ? "0.6" : "0.9",
+				opacity: this.chartDragStore.highlightedFigureId ? "0.6" : "0.9",
 				cursor: "grabbing"
 			});
 		}
 		getFigureClass(figureUI) {
-			if (figureUI.id !== this.dnd.overlappingChartOrCarousel?.id) return "";
+			if (figureUI.id !== this.chartDragStore.highlightedFigureId) return "";
 			return "o-add-to-carousel";
 		}
 		getSnap(snapLine) {
@@ -52679,26 +54229,6 @@ set(value) {
 				height: `100%`
 			});
 		}
-		getOverlappingFigure(figureUI, otherFigures) {
-			if (figureUI.tag !== "chart") return;
-			const figureCenterX = figureUI.x + figureUI.width / 2;
-			const figureCenterY = figureUI.y + figureUI.height / 2;
-			let bestMatch;
-			let smallestDistance = Infinity;
-			for (const figure of otherFigures) {
-				if (figure.tag !== "chart" && figure.tag !== "carousel") continue;
-				const targetCenterX = figure.x + figure.width / 2;
-				const targetCenterY = figure.y + figure.height / 2;
-				const distanceX = Math.abs(figureCenterX - targetCenterX);
-				const distanceY = Math.abs(figureCenterY - targetCenterY);
-				const squaredDistance = distanceX ** 2 + distanceY ** 2;
-				if (distanceX <= figureUI.width / 2 && distanceY <= figureUI.height / 2 && squaredDistance < smallestDistance) {
-					smallestDistance = squaredDistance;
-					bestMatch = figure;
-				}
-			}
-			return bestMatch;
-		}
 	};
 
 //#endregion
@@ -52998,7 +54528,7 @@ set(value) {
 	var ColResizer = class extends AbstractResizer {
 		static template = "o-spreadsheet-ColResizer";
 		static components = { UnhideColumnHeaders };
-		colResizerRef = (0, _odoo_owl.signal)(null);
+		colResizerRef = _odoo_owl.signal.ref();
 		setup() {
 			super.setup();
 			this.PADDING = 15;
@@ -53132,7 +54662,7 @@ set(value) {
 	var RowResizer = class extends AbstractResizer {
 		static template = "o-spreadsheet-RowResizer";
 		static components = { UnhideRowHeaders };
-		rowResizerRef = (0, _odoo_owl.signal)(null);
+		rowResizerRef = _odoo_owl.signal.ref();
 		setup() {
 			super.setup();
 			this.PADDING = 5;
@@ -53741,9 +55271,8 @@ set(value) {
 			useStore(TableResizeStore);
 		}
 		get containerStyle() {
-			const tableZone = this.props.table.range.zone;
 			const sheetId = this.props.table.range.sheetId;
-			if (this.env.model.getters.isReadonly() || this.env.model.getters.isSheetLocked(sheetId)) return cssPropertiesToCss({ display: "none" });
+			const tableZone = this.props.table.range.zone;
 			const bottomRight = {
 				...tableZone,
 				left: tableZone.right,
@@ -53830,8 +55359,8 @@ set(value) {
 		HEADER_HEIGHT = 26;
 		HEADER_WIDTH = 48;
 		menuState;
-		gridRef = (0, _odoo_owl.signal)(null);
-		canvasRef = (0, _odoo_owl.signal)(null);
+		gridRef = _odoo_owl.signal.ref();
+		canvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
 		highlightStore;
 		viewStore;
 		zoomStore;
@@ -54462,6 +55991,9 @@ set(value) {
 			const sheetId = this.env.model.getters.getActiveSheetId();
 			return this.env.model.getters.getClientsToDisplay(sheetId);
 		}
+		get displayTableResizer() {
+			return this.env.model.getters.isGridSelectionActive() && !this.env.model.getters.isReadonly() && !this.env.model.getters.isSheetLocked(this.env.model.getters.getActiveSheetId());
+		}
 	};
 
 //#endregion
@@ -54480,7 +56012,7 @@ set(value) {
 		static template = "o-spreadsheet-FullScreenFigure";
 		static components = { ChartFigure };
 		fullScreenFigureStore;
-		fullScreenFigureRef = (0, _odoo_owl.signal)(null);
+		fullScreenFigureRef = _odoo_owl.signal.ref();
 		spreadsheetRect = useSpreadsheetRect();
 		figureRegistry = figureRegistry;
 		setup() {
@@ -54728,6 +56260,41 @@ set(value) {
 		}
 	};
 
+//#endregion
+//#region src/components/tables/hovered_table_store.ts
+	var HoveredTableStore = class extends SpreadsheetStore {
+		mutators = ["hover"];
+		storeGetters = ["getCellHoverOverlayColor"];
+		position;
+		constructor(get) {
+			super(get);
+			const cellHoverOverlayStore = this.get(CellHoverOverlayStore);
+			cellHoverOverlayStore.register(this);
+			this.onDispose(() => cellHoverOverlayStore.unRegister(this));
+		}
+		getHighlightedPositions(hoveredPosition) {
+			const highlightedPositions = [];
+			const { sheetId, row } = hoveredPosition;
+			const table = this.getters.getTable(hoveredPosition);
+			if (!table) return highlightedPositions;
+			const { left, right, top } = table.range.zone;
+			const isTableHeader = row < top + table.config.numberOfHeaders;
+			const doesTableRowHaveContent = range(left, right + 1).some((col) => {
+				return !this.getters.isColHidden(sheetId, col) && this.getters.getEvaluatedCell({
+					sheetId,
+					col,
+					row
+				}).formattedValue;
+			});
+			if (!isTableHeader && doesTableRowHaveContent) for (let col = left; col <= right; col++) highlightedPositions.push({
+				sheetId,
+				col,
+				row
+			});
+			return highlightedPositions;
+		}
+	};
+
 //#endregion
 //#region src/helpers/figures/charts/runtime/helpers_index.ts
 	var helpers_index_exports = /* @__PURE__ */ __exportAll({
@@ -67830,6 +69397,12 @@ set(value) {
 					const figures = cmd.chartFigureIds.map((id) => this.getters.getFigure(cmd.sheetId, id));
 					const baseFigureId = this.getters.getFigure(cmd.sheetId, cmd.baseFigureId);
 					if (figures.some((f) => f === void 0 || f.tag !== "chart") || !baseFigureId || baseFigureId.tag !== "chart") return "FigureDoesNotExist";
+					break;
+				case "CREATE_CHART_AND_MERGE_INTO_CAROUSEL":
+					const baseFigure = this.getters.getFigure(cmd.sheetId, cmd.baseFigureId);
+					if (this.getters.getFigure(cmd.sheetId, cmd.figureId) || !baseFigure) return "InvalidFigureId";
+					if (baseFigure.tag !== "chart") return "FigureDoesNotExist";
+					break;
 			}
 			return "Success";
 		}
@@ -67865,6 +69438,29 @@ set(value) {
 						carouselFigureId,
 						chartFigureIds: cmd.chartFigureIds
 					});
+					break;
+				case "CREATE_CHART_AND_MERGE_INTO_CAROUSEL":
+					const baseFigureToMerge = this.getters.getFigure(cmd.sheetId, cmd.baseFigureId);
+					if (!baseFigureToMerge) throw new Error(`Figure ${cmd.baseFigureId} does not exists.`);
+					this.dispatch("CREATE_CHART", {
+						chartId: cmd.chartId,
+						figureId: cmd.figureId,
+						sheetId: cmd.sheetId,
+						definition: cmd.definition,
+						col: baseFigureToMerge.col,
+						row: baseFigureToMerge.row,
+						offset: baseFigureToMerge.offset,
+						size: {
+							width: baseFigureToMerge.width,
+							height: baseFigureToMerge.height
+						}
+					});
+					this.dispatch("MERGE_CHART_FIGURES_INTO_CAROUSEL", {
+						sheetId: cmd.sheetId,
+						baseFigureId: cmd.baseFigureId,
+						chartFigureIds: [cmd.baseFigureId, cmd.figureId]
+					});
+					break;
 			}
 		}
 		getFigureUI(sheetId, figure) {
@@ -69554,6 +71150,9 @@ set(value) {
 	}).addChild("split_to_columns", ["data"], {
 		...splitToColumns,
 		sequence: 20
+	}).addChild("data_analysis", ["data"], {
+		...dataAnalysis,
+		sequence: 24
 	}).addChild("column_statistics", ["data"], {
 		...columnStatistics,
 		sequence: 25
@@ -69955,7 +71554,7 @@ set(value) {
 			onAnimationEnd: types.function(),
 			style: types.string()
 		});
-		rippleRef = (0, _odoo_owl.signal)(null);
+		rippleRef = _odoo_owl.signal.ref();
 		setup() {
 			let animation = void 0;
 			(0, _odoo_owl.onMounted)(() => {
@@ -70009,7 +71608,7 @@ set(value) {
 			onAnimationEnd: types.function().optional(() => () => {}),
 			class: types.string().optional("")
 		});
-		childContainerRef = (0, _odoo_owl.signal)(null);
+		childContainerRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({ ripples: [] });
 		currentId = 1;
 		onClick(ev) {
@@ -70280,9 +71879,9 @@ set(value) {
 			isEditing: false,
 			openedPicker: void 0
 		});
-		sheetDivRef = (0, _odoo_owl.signal)(null);
-		iconRef = (0, _odoo_owl.signal)(null);
-		sheetNameRef = (0, _odoo_owl.signal)(null);
+		sheetDivRef = _odoo_owl.signal.ref();
+		iconRef = _odoo_owl.signal.ref();
+		sheetNameRef = _odoo_owl.signal.ref();
 		editionState = "initializing";
 		DOMFocusableElementStore;
 		setup() {
@@ -70566,8 +72165,10 @@ set(value) {
 		});
 		state = (0, _odoo_owl.proxy)({ selectedStatisticFn: "" });
 		store;
+		sidePanelStore;
 		setup() {
 			this.store = useStore(AggregateStatisticsStore);
+			this.sidePanelStore = useStore(SidePanelStore);
 			(0, _odoo_owl.onWillUpdateProps)(() => {
 				if (Object.values(this.store.statisticFnResults).every((result) => result?.value === void 0)) this.props.closeContextMenu();
 			});
@@ -70607,6 +72208,12 @@ set(value) {
 				format: fnValue.format()
 			});
 		}
+		get isDataAnalysisOpen() {
+			return this.sidePanelStore.mainPanel?.componentTag === "DataAnalysisPanel" && this.sidePanelStore.isMainPanelOpen || this.sidePanelStore.secondaryPanel?.componentTag === "DataAnalysisPanel" && this.sidePanelStore.isSecondaryPanelOpen;
+		}
+		toggleDataAnalysisPanel() {
+			this.sidePanelStore.togglePinnedSidePanel("DataAnalysisPanel");
+		}
 	};
 
 //#endregion
@@ -70621,8 +72228,8 @@ set(value) {
 			BottomBarSheet,
 			BottomBarStatistic
 		};
-		bottomBarRef = (0, _odoo_owl.signal)(null);
-		sheetListRef = (0, _odoo_owl.signal)(null);
+		bottomBarRef = _odoo_owl.signal.ref();
+		sheetListRef = _odoo_owl.signal.ref();
 		dragAndDrop = useDragAndDropListItems();
 		targetScroll = void 0;
 		state = (0, _odoo_owl.proxy)({
@@ -70835,12 +72442,13 @@ set(value) {
 		hoveredCell;
 		viewStore;
 		zoomStore;
-		gridRef = (0, _odoo_owl.signal)(null);
-		canvasRef = (0, _odoo_owl.signal)(null);
+		gridRef = _odoo_owl.signal.ref();
+		canvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
 		setup() {
 			this.hoveredCell = useStore(DelayedHoveredCellStore);
 			this.viewStore = useStore(ViewportsStore);
 			this.zoomStore = useStore(ZoomStore);
+			useLocalStore(HoveredTableStore);
 			const rendererStore = useLocalStore(RendererStore, OrderedLayers().filter((layer) => layer !== "Headers"));
 			useChildSubEnv({ getPopoverContainerRect: () => this.zoomStore.getZoomedRect(this.getGridRect()) });
 			useGridDrawing({
@@ -71258,8 +72866,8 @@ set(value) {
 		static components = { Menu };
 		props = (0, _odoo_owl.useProps)({ onClose: types.function() });
 		rootItems = topbarMenuRegistry.getMenuItems();
-		menuRef = (0, _odoo_owl.signal)(null);
-		containerRef = (0, _odoo_owl.signal)(null);
+		menuRef = _odoo_owl.signal.ref();
+		containerRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({
 			menuItems: this.rootItems,
 			title: _t("Menu Bar"),
@@ -71332,7 +72940,7 @@ set(value) {
 		composerStore;
 		viewStore;
 		composerInterface;
-		composerRef = (0, _odoo_owl.signal)(null);
+		composerRef = _odoo_owl.signal.ref();
 		menuState = (0, _odoo_owl.proxy)({ isOpen: false });
 		setup() {
 			this.composerFocusStore = useStore(ComposerFocusStore);
@@ -71411,6 +73019,49 @@ set(value) {
 		}
 	};
 
+//#endregion
+//#region src/components/standalone_grid_canvas/carousel_data_view_print.ts
+	var CarouselDataViewPrint = class extends Component {
+		static template = _odoo_owl.xml``;
+		props = (0, _odoo_owl.useProps)({
+			range: types.Range(),
+			columnWeights: types.array().optional(),
+			rect: types.object(),
+			rendererStore: types.object()
+		});
+		viewportsStore;
+		gridRender;
+		setup() {
+			useChildStoreProvider([ViewportsStore]);
+			const store = useLocalStore(StandaloneViewportStore, this.props.range, this.props.columnWeights);
+			this.gridRender = useLocalStore(GridRenderer, null);
+			this.viewportsStore = useStore(ViewportsStore);
+			(0, _odoo_owl.useEffect)(() => {
+				store.setContainerSize(this.props.rect.width, this.props.rect.height);
+			});
+			(0, _odoo_owl.onMounted)(() => this.props.rendererStore.register(this));
+			(0, _odoo_owl.onWillUnmount)(() => this.props.rendererStore.unRegister(this));
+		}
+		get renderingLayers() {
+			return ["Chart"];
+		}
+		drawLayer(renderingContext) {
+			const { ctx } = renderingContext;
+			ctx.save();
+			ctx.translate(this.props.rect.x, this.props.rect.y);
+			ctx.beginPath();
+			ctx.rect(0, 0, this.props.rect.width, this.props.rect.height);
+			ctx.clip();
+			const subRenderingCtx = {
+				...renderingContext,
+				sheetId: this.viewportsStore.displayedSheetId,
+				viewports: this.viewportsStore.viewports
+			};
+			this.gridRender.drawLayer(subRenderingCtx, "Background", void 0);
+			ctx.restore();
+		}
+	};
+
 //#endregion
 //#region src/components/standalone_grid_canvas/figure_renderer_store.ts
 /** Store that draws the figures directly onto the canvas */
@@ -71436,29 +73087,25 @@ set(value) {
 		drawLayer(renderingCtx) {
 			const { viewports, ctx } = renderingCtx;
 			const visibleFigures = viewports.getVisibleFigures(renderingCtx.sheetId);
-			const { x: offsetX, y: offsetY } = viewports.getViewportOffset(renderingCtx.sheetId);
+			const scrollOffset = viewports.getViewportOffset(renderingCtx.sheetId);
 			for (const figure of visibleFigures) {
-				const x = figure.x - offsetX;
-				const y = figure.y - offsetY;
+				const figureRect = {
+					...figure,
+					x: figure.x - scrollOffset.x,
+					y: figure.y - scrollOffset.y
+				};
+				const { x, y, width, height } = figureRect;
 				if (figure.tag === "chart") {
 					const chartId = this.getters.getChartIdFromFigureId(figure.id);
-					if (chartId) {
-						const chartRect = {
-							x,
-							y,
-							width: figure.width,
-							height: figure.height
-						};
-						this.drawChart(renderingCtx, chartId, chartRect);
-					}
+					if (chartId) this.drawChart(renderingCtx, chartId, figureRect);
 				} else if (figure.tag === "image") {
 					const loadedImage = this.loadedImages[this.getters.getImagePath(figure.id)];
-					if (loadedImage) ctx.drawImage(loadedImage, x, y, figure.width, figure.height);
-				} else if (figure.tag === "carousel") this.drawCarousel(renderingCtx, figure);
+					if (loadedImage) ctx.drawImage(loadedImage, x, y, width, height);
+				} else if (figure.tag === "carousel") this.drawCarousel(renderingCtx, figure, figureRect);
 				if (!this.getters.isDashboard()) {
 					ctx.strokeStyle = GRAY_400;
 					ctx.lineWidth = 1;
-					ctx.strokeRect(x, y, figure.width, figure.height);
+					ctx.strokeRect(x, y, width, height);
 				}
 			}
 		}
@@ -71476,53 +73123,37 @@ set(value) {
 			renderingCtx.ctx.drawImage(chartCanvas, x, y, width, height);
 			cleanUp();
 		}
-		drawCarousel(renderingCtx, figure) {
-			const { viewports: sheetView, ctx } = renderingCtx;
-			const { x: offsetX, y: offsetY } = sheetView.getViewportOffset(renderingCtx.sheetId);
-			const x = figure.x - offsetX;
-			const y = figure.y - offsetY;
+		drawCarousel(renderingCtx, figure, figureRect) {
+			const { ctx } = renderingCtx;
 			const carousel = this.getters.getCarousel(figure.id);
 			const chartId = this.getters.getChartIdFromFigureId(figure.id);
 			if (!carousel) return;
+			const layout = getCarouselLayout(figureRect, carousel, this.getters.getSelectedCarouselItem(figure.id));
 			const chartDefinition = chartId ? this.getters.getChartDefinition(chartId) : void 0;
+			ctx.save();
+			ctx.beginPath();
+			ctx.rect(figureRect.x, figureRect.y, figureRect.width, figureRect.height);
+			ctx.clip();
+			ctx.fillStyle = chartDefinition?.background || this.getters.getSpreadsheetTheme().backgroundColor;
+			ctx.fillRect(figureRect.x, figureRect.y, figureRect.width, figureRect.height);
 			const title = {
 				...DEFAULT_CAROUSEL_TITLE_STYLE,
 				...carousel.title
 			};
-			const headerPadding = 4;
-			const headerSize = title.fontSize + headerPadding * 2;
-			if (!title.text && chartId) {
-				const chartRect = {
-					x,
-					y,
-					width: figure.width,
-					height: figure.height
-				};
-				this.drawChart(renderingCtx, chartId, chartRect);
-			} else if (title.text) {
-				ctx.save();
-				ctx.fillStyle = chartDefinition?.background || this.getters.getSpreadsheetTheme().backgroundColor;
-				ctx.fillRect(x, y, figure.width, headerSize);
-				ctx.font = computeTextFont(chartStyleToCellStyle(title));
+			if (title.text) {
+				ctx.font = computeTextFont(chartStyleToCellStyle(title), "px", 500);
 				ctx.fillStyle = title.color;
-				ctx.fillText(title.text, x + headerPadding, y + headerPadding + title.fontSize);
-				ctx.restore();
-				const chartRect = {
-					x,
-					y: y + headerSize,
-					width: figure.width,
-					height: figure.height - headerSize
-				};
-				if (chartId) this.drawChart(renderingCtx, chartId, chartRect);
-				else if (!this.getters.isDashboard()) {
-					ctx.strokeStyle = GRAY_400;
-					ctx.lineWidth = 1;
-					ctx.beginPath();
-					ctx.moveTo(x, y + headerSize);
-					ctx.lineTo(x + figure.width, y + headerSize);
-					ctx.stroke();
-				}
+				ctx.textBaseline = "middle";
+				const textY = Math.ceil(layout.headerRect.y + layout.headerRect.height / 2);
+				ctx.fillText(title.text, layout.headerRect.x, textY);
+			}
+			const separator = layout.separatorRect;
+			if (separator) {
+				ctx.fillStyle = GRAY_400;
+				ctx.fillRect(separator.x, separator.y, separator.width, separator.height);
 			}
+			ctx.restore();
+			if (chartId) this.drawChart(renderingCtx, chartId, layout.contentRect);
 		}
 	};
 
@@ -71530,12 +73161,13 @@ set(value) {
 //#region src/components/standalone_grid_canvas/standalone_grid_canvas.ts
 	var StandaloneGridCanvas = class extends Component {
 		static template = "o-spreadsheet-StandaloneGridCanvas";
+		static components = { CarouselDataViewPrint };
 		props = (0, _odoo_owl.useProps)({
 			sheetId: types.UID(),
 			zone: types.Zone(),
 			renderingCtx: types.object()
 		});
-		canvasRef = (0, _odoo_owl.signal)(null);
+		canvasRef = _odoo_owl.signal.ref(HTMLCanvasElement);
 		rendererStore;
 		figureRendererStore;
 		setup() {
@@ -71557,6 +73189,28 @@ set(value) {
 				this.figureRendererStore.addLoadedImage(path, await createImageBitmap(blob));
 			}));
 		}
+		get carouselDataViews() {
+			const { sheetId, viewports } = this.props.renderingCtx;
+			return viewports.getVisibleFigures(sheetId).filter((figure) => figure.tag === "carousel").map((figure) => {
+				const carouselItem = this.env.model.getters.getSelectedCarouselItem(figure.id);
+				if (carouselItem?.type !== "carouselDataView" || !carouselItem.range) return;
+				const carousel = this.env.model.getters.getCarousel(figure.id);
+				const scroll = viewports.getViewportOffset(sheetId);
+				const { x, y, width, height } = figure;
+				const layout = getCarouselLayout({
+					x: x - scroll.x,
+					y: y - scroll.y,
+					width,
+					height
+				}, carousel, carouselItem);
+				return {
+					range: carouselItem.range,
+					columnWeights: carouselItem.columnWeights,
+					rect: layout.contentRect,
+					rendererStore: this.rendererStore
+				};
+			}).filter(isDefined);
+		}
 	};
 
 //#endregion
@@ -72018,7 +73672,7 @@ set(value) {
 			anchorRect: null,
 			menuItems: []
 		});
-		namedRangeSelectorRef = (0, _odoo_owl.signal)(null);
+		namedRangeSelectorRef = _odoo_owl.signal.ref();
 		setup() {
 			this.topBarToolStore = useToolBarDropdownStore();
 			this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
@@ -72216,7 +73870,7 @@ set(value) {
 			anchorRect: types.Rect()
 		});
 		BORDER_POSITIONS = BORDER_POSITIONS;
-		lineStyleButtonRef = (0, _odoo_owl.signal)(null);
+		lineStyleButtonRef = _odoo_owl.signal.ref();
 		borderStyles = borderStyles;
 		state = (0, _odoo_owl.proxy)({ activeTool: void 0 });
 		toggleDropdownTool(tool) {
@@ -72283,7 +73937,7 @@ set(value) {
 		});
 		topBarToolStore;
 		viewStore;
-		borderEditorButtonRef = (0, _odoo_owl.signal)(null);
+		borderEditorButtonRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({
 			currentColor: DEFAULT_BORDER_DESC.color,
 			currentStyle: DEFAULT_BORDER_DESC.style,
@@ -72513,7 +74167,7 @@ set(value) {
 			childClass: types.string()
 		});
 		topBarToolStore;
-		actionRef = (0, _odoo_owl.signal)(null);
+		actionRef = _odoo_owl.signal.ref();
 		setup() {
 			this.topBarToolStore = useToolBarDropdownStore();
 		}
@@ -72576,7 +74230,7 @@ set(value) {
 		props = (0, _odoo_owl.useProps)({ class: types.string() });
 		formatNumberMenuItemSpec = formatNumberMenuItemSpec;
 		topBarToolStore;
-		buttonRef = (0, _odoo_owl.signal)(null);
+		buttonRef = _odoo_owl.signal.ref();
 		state = (0, _odoo_owl.proxy)({
 			anchorRect: {
 				x: 0,
@@ -72865,12 +74519,12 @@ set(value) {
 		composerFocusStore;
 		fingerprints;
 		topBarToolStore;
-		toolBarContainerRef = (0, _odoo_owl.signal)(null);
-		toolbarRef = (0, _odoo_owl.signal)(null);
-		namedRangesRef = (0, _odoo_owl.signal)(null);
-		topBarTopRef = (0, _odoo_owl.signal)(null);
-		moreToolsContainerRef = (0, _odoo_owl.signal)(null);
-		moreToolsButtonRef = (0, _odoo_owl.signal)(null);
+		toolBarContainerRef = _odoo_owl.signal.ref();
+		toolbarRef = _odoo_owl.signal.ref();
+		namedRangesRef = _odoo_owl.signal.ref();
+		topBarTopRef = _odoo_owl.signal.ref();
+		moreToolsContainerRef = _odoo_owl.signal.ref();
+		moreToolsButtonRef = _odoo_owl.signal.ref();
 		spreadsheetRect = useSpreadsheetRect();
 		setup() {
 			this.composerFocusStore = useStore(ComposerFocusStore);
@@ -73132,7 +74786,7 @@ set(value) {
 			SpreadsheetPrint
 		};
 		sidePanel;
-		spreadsheetRef = (0, _odoo_owl.signal)(null);
+		spreadsheetRef = _odoo_owl.signal.ref();
 		spreadsheetRect = useSpreadsheetRect();
 		state = (0, _odoo_owl.proxy)({ printModeEnabled: false });
 		_focusGrid;
@@ -79140,12 +80794,13 @@ set(value) {
 		}
 		sortFilterZone(sortDirection) {
 			const filterPosition = this.props.filterPosition;
-			const tableZone = this.table?.range.zone;
+			const table = this.table;
+			const tableZone = table?.range.zone;
 			if (!filterPosition || !tableZone || tableZone.top === tableZone.bottom) return;
 			const sheetId = this.viewStore.displayedSheetId;
 			const contentZone = {
 				...tableZone,
-				top: tableZone.top + 1
+				top: tableZone.top + table.config.numberOfHeaders
 			};
 			const sortAnchor = {
 				col: filterPosition.col,
@@ -79303,9 +80958,9 @@ set(value) {
 			onClosed: types.function().optional()
 		});
 		static size = { maxHeight: 500 };
-		urlInput = (0, _odoo_owl.signal)(null);
-		suggestionListRef = (0, _odoo_owl.signal)(null);
-		urlInputContainer = (0, _odoo_owl.signal)(null);
+		urlInput = _odoo_owl.signal.ref(HTMLInputElement);
+		suggestionListRef = _odoo_owl.signal.ref();
+		urlInputContainer = _odoo_owl.signal.ref();
 		state;
 		viewStore;
 		setup() {
@@ -81423,7 +83078,7 @@ set(value) {
 			else if (_format === 0) {
 				const rowSeparator = this.locale.decimalSeparator === "," ? "/" : ",";
 				return { value: transposeMatrix(_array).flatMap((row) => row.map((value) => {
-					return isEvaluationError(value.value) ? value.value : toString(value);
+					return isEvaluationError(value.value) ? value.value : toLocaleString(value, this.locale);
 				})).join(rowSeparator) };
 			} else return new EvaluationError(_t("Format must be 0 or 1"));
 		},
@@ -87471,7 +89126,7 @@ set(value) {
 		description: _t("Concatenation of two values."),
 		args: [arg("value1 (string)", _t("The value to which value2 will be appended.")), arg("value2 (string)", _t("The value to append to value1."))],
 		compute: function(value1, value2) {
-			return { value: toString(value1) + toString(value2) };
+			return { value: toLocaleString(value1, this.locale) + toLocaleString(value2, this.locale) };
 		},
 		isExported: true
 	};
@@ -88354,7 +90009,7 @@ set(value) {
 		description: _t("Remove non-printable characters from a piece of text."),
 		args: [arg("text (string)", _t("The text whose non-printable characters are to be removed."))],
 		compute: function(text) {
-			const _text = toString(text);
+			const _text = toLocaleString(text, this.locale);
 			let cleanedStr = "";
 			for (const char of _text) if (char && char.charCodeAt(0) > 31) cleanedStr += char;
 			return { value: cleanedStr };
@@ -88365,7 +90020,7 @@ set(value) {
 		description: _t("Appends strings to one another."),
 		args: [arg("string (string, range<string>, repeating)", _t("String to append in sequence."))],
 		compute: function(...datas) {
-			return { value: reduceAny(datas, (acc, a) => acc + toString(a), "") };
+			return { value: reduceAny(datas, (acc, a) => acc + toLocaleString(a, this.locale), "") };
 		},
 		isExported: true
 	};
@@ -88373,7 +90028,7 @@ set(value) {
 		description: _t("Tests whether two strings are identical."),
 		args: [arg("string1 (string)", _t("The first string to compare.")), arg("string2 (string)", _t("The second string to compare."))],
 		compute: function(string1, string2) {
-			return { value: toString(string1) === toString(string2) };
+			return { value: toLocaleString(string1, this.locale) === toLocaleString(string2, this.locale) };
 		},
 		isExported: true
 	};
@@ -88385,8 +90040,8 @@ set(value) {
 			arg(`starting_at (number, default=${DEFAULT_STARTING_AT})`, _t("The character within text_to_search at which to start the search."))
 		],
 		compute: function(searchFor, textToSearch, startingAt = { value: DEFAULT_STARTING_AT }) {
-			const _searchFor = toString(searchFor);
-			const _textToSearch = toString(textToSearch);
+			const _searchFor = toLocaleString(searchFor, this.locale);
+			const _textToSearch = toLocaleString(textToSearch, this.locale);
 			const _startingAt = toNumber(startingAt, this.locale);
 			if (_textToSearch === "") return new EvaluationError(_t("The text_to_search must be non-empty."));
 			if (_startingAt < 1) return new EvaluationError(_t("The starting_at (%s) must be greater than or equal to 1.", _startingAt));
@@ -88423,8 +90078,8 @@ set(value) {
 		description: _t("Concatenates elements of arrays with delimiter."),
 		args: [arg("delimiter (string)", _t("The character or string to place between each concatenated value.")), arg("value_or_array (string, range<string>, repeating)", _t("Value to be appended using delimiter."))],
 		compute: function(delimiter, ...valuesOrArrays) {
-			const _delimiter = toString(delimiter);
-			return { value: reduceAny(valuesOrArrays, (acc, a) => (acc ? acc + _delimiter : "") + toString(a), "") };
+			const _delimiter = toLocaleString(delimiter, this.locale);
+			return { value: reduceAny(valuesOrArrays, (acc, a) => (acc ? acc + _delimiter : "") + toLocaleString(a, this.locale), "") };
 		}
 	};
 	const LEFT = {
@@ -88433,7 +90088,7 @@ set(value) {
 		compute: function(text, ...args) {
 			const _numberOfCharacters = args.length ? toNumber(args[0], this.locale) : 1;
 			if (_numberOfCharacters < 0) return new EvaluationError(_t("The number_of_characters (%s) must be positive or null.", _numberOfCharacters));
-			return { value: toString(text).substring(0, _numberOfCharacters) };
+			return { value: toLocaleString(text, this.locale).substring(0, _numberOfCharacters) };
 		},
 		isExported: true
 	};
@@ -88441,7 +90096,7 @@ set(value) {
 		description: _t("Length of a string."),
 		args: [arg("text (string)", _t("The string whose length will be returned."))],
 		compute: function(text) {
-			return { value: toString(text).length };
+			return { value: toLocaleString(text, this.locale).length };
 		},
 		isExported: true
 	};
@@ -88449,7 +90104,7 @@ set(value) {
 		description: _t("Converts a specified string to lowercase."),
 		args: [arg("text (string)", _t("The string to convert to lowercase."))],
 		compute: function(text) {
-			return { value: toString(text).toLowerCase() };
+			return { value: toLocaleString(text, this.locale).toLowerCase() };
 		},
 		isExported: true
 	};
@@ -88461,7 +90116,7 @@ set(value) {
 			arg("extract_length (number)", _t("The length of the segment to extract."))
 		],
 		compute: function(text, starting_at, extract_length) {
-			const _text = toString(text);
+			const _text = toLocaleString(text, this.locale);
 			const _starting_at = toNumber(starting_at, this.locale);
 			const _extract_length = toNumber(extract_length, this.locale);
 			if (_starting_at < 1) return new EvaluationError(_t("The starting_at argument (%s) must be positive greater than one.", _starting_at.toString()));
@@ -88474,7 +90129,7 @@ set(value) {
 		description: _t("Capitalizes each word in a specified string."),
 		args: [arg("text_to_capitalize (string)", _t("The text which will be returned with the first letter of each word in uppercase and all other letters in lowercase."))],
 		compute: function(text) {
-			return { value: toString(text).replace(wordRegex, (word) => {
+			return { value: toLocaleString(text, this.locale).replace(wordRegex, (word) => {
 				return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
 			}) };
 		},
@@ -88624,8 +90279,8 @@ set(value) {
 			if (_position < 1) return new EvaluationError(_t("The position (%s) must be greater than or equal to 1.", _position));
 			const _length = toNumber(length, this.locale);
 			if (_length < 0) return new EvaluationError(_t("The length (%s) must be positive or zero.", _length));
-			const _text = toString(text);
-			const _newText = toString(newText);
+			const _text = toLocaleString(text, this.locale);
+			const _newText = toLocaleString(newText, this.locale);
 			return { value: _text.substring(0, _position - 1) + _newText + _text.substring(_position - 1 + _length) };
 		},
 		isExported: true
@@ -88636,7 +90291,7 @@ set(value) {
 		compute: function(text, ...args) {
 			const _numberOfCharacters = args.length ? toNumber(args[0], this.locale) : 1;
 			if (_numberOfCharacters < 0) return new EvaluationError(_t("The number_of_characters (%s) must be positive or zero.", _numberOfCharacters));
-			const _text = toString(text);
+			const _text = toLocaleString(text, this.locale);
 			const stringLength = _text.length;
 			return { value: _text.substring(stringLength - _numberOfCharacters, stringLength) };
 		},
@@ -88650,8 +90305,8 @@ set(value) {
 			arg(`starting_at (number, default=${DEFAULT_STARTING_AT})`, _t("The character within text_to_search at which to start the search."))
 		],
 		compute: function(searchFor, textToSearch, startingAt = { value: DEFAULT_STARTING_AT }) {
-			const _searchFor = toString(searchFor).toLowerCase();
-			const _textToSearch = toString(textToSearch).toLowerCase();
+			const _searchFor = toLocaleString(searchFor, this.locale).toLowerCase();
+			const _textToSearch = toLocaleString(textToSearch, this.locale).toLowerCase();
 			const _startingAt = toNumber(startingAt, this.locale);
 			if (_textToSearch === "") return {
 				value: CellErrorType.GenericError,
@@ -88681,8 +90336,8 @@ set(value) {
 			arg(`remove_empty_text (boolean, default=${SPLIT_DEFAULT_REMOVE_EMPTY_TEXT})`, _t("Whether or not to remove empty text messages from the split results. The default behavior is to treat         consecutive delimiters as one (if TRUE). If FALSE, empty cells values are added between consecutive delimiters."))
 		],
 		computeArray: function(text, delimiter, splitByEach = { value: SPLIT_DEFAULT_SPLIT_BY_EACH }, removeEmptyText = { value: SPLIT_DEFAULT_REMOVE_EMPTY_TEXT }) {
-			const _text = toString(text);
-			const _delimiter = escapeRegExp(toString(delimiter));
+			const _text = toLocaleString(text, this.locale);
+			const _delimiter = escapeRegExp(toLocaleString(delimiter, this.locale));
 			const _splitByEach = toBoolean(splitByEach);
 			const _removeEmptyText = toBoolean(removeEmptyText);
 			if (_delimiter.length <= 0) return new EvaluationError(_t("The delimiter (%s) must be not be empty.", _delimiter));
@@ -88704,10 +90359,10 @@ set(value) {
 		compute: function(textToSearch, searchFor, replaceWith, occurrenceNumber) {
 			const _occurrenceNumber = toNumber(occurrenceNumber, this.locale);
 			if (_occurrenceNumber < 0) return new EvaluationError(_t("The occurrenceNumber (%s) must be positive or null.", _occurrenceNumber));
-			const _textToSearch = toString(textToSearch);
-			const _searchFor = toString(searchFor);
+			const _textToSearch = toLocaleString(textToSearch, this.locale);
+			const _searchFor = toLocaleString(searchFor, this.locale);
 			if (_searchFor === "") return { value: _textToSearch };
-			const _replaceWith = toString(replaceWith);
+			const _replaceWith = toLocaleString(replaceWith, this.locale);
 			const reg = new RegExp(escapeRegExp(_searchFor), "g");
 			if (_occurrenceNumber === 0) return { value: _textToSearch.replace(reg, _replaceWith) };
 			let n = 0;
@@ -88730,10 +90385,10 @@ set(value) {
 			arg("texts (string, range<string>, repeating)", _t("Text item to join."))
 		],
 		compute: function(delimiter, ignoreEmpty = { value: TEXTJOIN_DEFAULT_IGNORE_EMPTY }, ...textsOrArrays) {
-			const _delimiter = toString(delimiter);
+			const _delimiter = toLocaleString(delimiter, this.locale);
 			const _ignoreEmpty = toBoolean(ignoreEmpty);
 			let n = 0;
-			return { value: reduceAny(textsOrArrays, (acc, a) => !(_ignoreEmpty && toString(a) === "") ? (n++ ? acc + _delimiter : "") + toString(a) : acc, "") };
+			return { value: reduceAny(textsOrArrays, (acc, a) => !(_ignoreEmpty && toLocaleString(a, this.locale) === "") ? (n++ ? acc + _delimiter : "") + toLocaleString(a, this.locale) : acc, "") };
 		},
 		isExported: true
 	};
@@ -88786,7 +90441,7 @@ set(value) {
 		description: _t("Removes space characters."),
 		args: [arg("text (string)", _t("The text or reference to a cell containing text to be trimmed."))],
 		compute: function(text) {
-			return { value: trimContent(toString(text)) };
+			return { value: trimContent(toLocaleString(text, this.locale)) };
 		},
 		isExported: true
 	};
@@ -88794,7 +90449,7 @@ set(value) {
 		description: _t("Converts a specified string to uppercase."),
 		args: [arg("text (string)", _t("The string to convert to uppercase."))],
 		compute: function(text) {
-			return { value: toString(text).toUpperCase() };
+			return { value: toLocaleString(text, this.locale).toUpperCase() };
 		},
 		isExported: true
 	};
@@ -88891,7 +90546,7 @@ set(value) {
 		args: [arg("url (string)", _t("The full URL of the link enclosed in quotation marks.")), arg("link_label (string, optional)", _t("The text to display in the cell, enclosed in quotation marks."))],
 		compute: function(url, linkLabel) {
 			const processedUrl = toString(url).trim();
-			const processedLabel = toString(linkLabel) || processedUrl;
+			const processedLabel = toLocaleString(linkLabel, this.locale) || processedUrl;
 			if (processedUrl === "") return { value: processedLabel };
 			return { value: markdownLink(processedLabel, processedUrl) };
 		},
@@ -89121,7 +90776,9 @@ set(value) {
 		computeCachedTextDimension,
 		createComputeFunction,
 		isMobileOS,
-		drawHighlight
+		drawHighlight,
+		getBoundingRectWithMargins,
+		hasInteractiveElementInEventTree
 	};
 	const links = {
 		isMarkdownLink,
@@ -89353,8 +91010,8 @@ exports.stores = stores;
 exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
-__info__.version = "19.5.0-alpha.11";
-__info__.date = "2026-08-12T09:17:24.237Z";
-__info__.hash = "bc056d7";
+__info__.version = "19.5.0-alpha.12";
+__info__.date = "2026-08-19T09:47:03.774Z";
+__info__.hash = "68ca68e";
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);