@tradecanvas/chart 1.3.0 → 1.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as ee, u as te } from "./DragDropImporter-cURSpfUb.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as ee, u as te } from "./DragDropImporter-Dd9Mud5J.js";
 import { DARK_TERMINAL as ne, DARK_THEME as re, DARK_THEME as ie, DEFAULT_DRAWING_STYLE as ae, DEFAULT_RECONNECT as oe, DEFAULT_SIGNAL_STYLE as se, DEFAULT_STREAM_CONFIG as ce, DEFAULT_TIMEFRAME_FAVORITES as le, DEFAULT_TRADE_ZONE_STYLE as ue, DEFAULT_TRADING_CONFIG as de, LIGHT_THEME as fe, LIGHT_THEME as f, MARKET_CRYPTO as p, MARKET_HNX as m, MARKET_HOSE as h, MARKET_NYSE as g, MARKET_UPCOM as _, TC_PALETTE as v, TC_SERIES_COLORS as y, TIMEFRAMES_CRYPTO as b, TIMEFRAMES_FOREX as x, TIMEFRAMES_STOCK as S, VN_COLORS as C, computePriceLimits as w, createVNTheme as T, formatNumber as E, formatVND as D, formatVolumeLoc as O, getCurrentSession as k, getLocale as A, normalizeBar as j, normalizeBarTime as M, registerLocale as N, setLocale as P, t as F, timeframeBucketStart as I } from "@tradecanvas/commons";
-import { AlertManager as L, Animator as R, BarCountdown as z, BaseFinanceChart as B, BinanceAdapter as V, BybitAdapter as pe, ChartLegend as me, ChartStateManager as he, CoinbaseAdapter as ge, CompareRenderer as _e, CrosshairTooltip as ve, CurrentPriceLine as ye, DEFAULT_LEGEND_CONFIG as be, DEFAULT_SESSION_HOURS as xe, DataExporter as Se, DrawingBase as Ce, Easing as we, FinanceCrosshair as H, IndicatorBase as Te, IndicatorValueMap as Ee, KeyboardHandler as De, KrakenAdapter as Oe, MockAdapter as ke, PaperExecutionAdapter as Ae, PollingAdapter as je, ReplayManager as Me, Screenshot as Ne, SessionBreaks as Pe, SessionShading as Fe, SignalMarkerManager as Ie, StreamManager as Le, TickAggregator as Re, TradeZoneManager as ze, UndoRedoManager as Be, VolumeRenderer as Ve, Watermark as He, WebSocketAdapter as Ue, formatTooltipTime as We, layoutSquarifiedTreemap as Ge, layoutUniformGrid as Ke, lttbDownsample as qe, lttbVisibleIndices as Je, renderDepthChart as Ye, renderEquityCurve as Xe, renderGauge as Ze, renderHeatmap as Qe, renderSparkline as $e, renderWaterfall as et, toHeikinAshi as tt, toKagi as nt, toLineBreak as rt, toPointAndFigure as it, toRangeBars as at, toRenko as ot } from "@tradecanvas/core";
+import { AlertManager as L, Animator as R, BarCountdown as z, BaseFinanceChart as B, BinanceAdapter as V, BybitAdapter as pe, ChartLegend as me, ChartStateManager as he, CoinbaseAdapter as ge, CompareRenderer as _e, CrosshairTooltip as ve, CurrentPriceLine as ye, DEFAULT_LEGEND_CONFIG as be, DEFAULT_SESSION_HOURS as xe, DataExporter as Se, DrawingBase as Ce, Easing as we, FinanceCrosshair as H, IndicatorBase as Te, IndicatorValueMap as Ee, KeyboardHandler as De, KrakenAdapter as Oe, MockAdapter as ke, PaperExecutionAdapter as Ae, PollingAdapter as je, RANGE_PRESETS as Me, ReplayManager as Ne, Screenshot as Pe, SessionBreaks as Fe, SessionShading as Ie, SignalMarkerManager as Le, StreamManager as Re, TickAggregator as ze, TradeZoneManager as Be, UndoRedoManager as Ve, VolumeRenderer as He, Watermark as Ue, WebSocketAdapter as We, formatTooltipTime as Ge, layoutSquarifiedTreemap as Ke, layoutUniformGrid as qe, lttbDownsample as Je, lttbVisibleIndices as Ye, rangePresetStart as Xe, renderDepthChart as Ze, renderEquityCurve as Qe, renderGauge as $e, renderHeatmap as et, renderSparkline as tt, renderWaterfall as nt, toHeikinAshi as rt, toKagi as it, toLineBreak as at, toPointAndFigure as ot, toRangeBars as st, toRenko as ct } from "@tradecanvas/core";
 //#region src/grid/ChartGrid.ts
 var U = {
 	"1x1": {
@@ -35,7 +35,7 @@ var U = {
 		cols: 2,
 		rows: 3
 	}
-}, st = class {
+}, lt = class {
 	root;
 	cells = [];
 	layout;
@@ -51,47 +51,47 @@ var U = {
 	}
 	createCells() {
 		let { cols: e, rows: t } = U[this.layout], n = e * t;
-		for (let e = 0; e < n; e++) {
-			let t = this.options.cells?.[e] ?? {}, n = document.createElement("div");
-			n.style.cssText = "position:relative;overflow:hidden;min-width:0;min-height:0;", this.root.appendChild(n);
-			let r = new u(n, {
-				chartType: "candlestick",
-				autoScale: !0,
-				features: {
-					crosshair: !0,
-					keyboard: !0,
-					volume: !0,
-					legend: !0,
-					priceAxis: !0,
-					timeAxis: !0,
-					grid: !0
-				},
-				...this.options.chartOptions,
-				...t.chartOptions,
-				theme: this.options.theme
-			}), i = {
-				container: n,
-				chart: r,
-				symbol: t.symbol ?? `Chart ${e + 1}`,
-				timeframe: t.timeframe ?? "5m"
-			};
-			this.options.syncCrosshair !== !1 && r.on("crosshairMove", (e) => {
-				if (!this.syncing) {
-					this.syncing = !0;
-					for (let t of this.cells) t.chart !== r && t.chart.setCrosshairPosition(e.payload.point);
-					this.syncing = !1;
-				}
-			}), this.options.syncTimeAxis !== !1 && r.on("visibleRangeChange", (e) => {
-				if (this.syncing) return;
-				this.syncing = !0;
-				let { from: t, to: n } = e.payload, i = r.getData();
-				if (i.length > 0 && t >= 0 && n < i.length) {
-					let e = i[t]?.time, a = i[n]?.time;
-					if (e && a) for (let t of this.cells) t.chart !== r && t.chart.setVisibleRange(e, a);
-				}
-				this.syncing = !1;
-			}), this.cells.push(i);
-		}
+		for (let e = 0; e < n; e++) this.cells.push(this.createCell(e));
+	}
+	createCell(e) {
+		let t = this.options.cells?.[e] ?? {}, n = document.createElement("div");
+		n.style.cssText = "position:relative;overflow:hidden;min-width:0;min-height:0;", this.root.appendChild(n);
+		let r = new u(n, {
+			chartType: "candlestick",
+			autoScale: !0,
+			features: {
+				crosshair: !0,
+				keyboard: !0,
+				volume: !0,
+				legend: !0,
+				priceAxis: !0,
+				timeAxis: !0,
+				grid: !0
+			},
+			...this.options.chartOptions,
+			...t.chartOptions,
+			theme: this.options.theme
+		}), i = {
+			container: n,
+			chart: r,
+			symbol: t.symbol ?? `Chart ${e + 1}`,
+			timeframe: t.timeframe ?? "5m"
+		};
+		return this.options.syncCrosshair !== !1 && (r.on("crosshairMove", (e) => {
+			let t = e.payload.bar?.time;
+			if (t !== void 0) for (let e of this.cells) e.chart !== r && e.chart.setCrosshairTime(t);
+		}), r.on("crosshairLeave", () => {
+			for (let e of this.cells) e.chart !== r && e.chart.setCrosshairTime(null);
+		})), this.options.syncTimeAxis !== !1 && r.on("visibleRangeChange", (e) => {
+			if (this.syncing) return;
+			this.syncing = !0;
+			let { from: t, to: n } = e.payload, i = r.getData();
+			if (i.length > 0 && t >= 0 && n < i.length) {
+				let e = i[t]?.time, a = i[n]?.time;
+				if (e && a) for (let t of this.cells) t.chart !== r && t.chart.setVisibleRange(e, a);
+			}
+			this.syncing = !1;
+		}), i;
 	}
 	setLayout(e) {
 		if (e === this.layout) return;
@@ -100,23 +100,8 @@ var U = {
 			let t = this.cells[e];
 			t.chart.destroy(), t.container.remove(), this.cells.pop();
 		}
-		if (this.layout = e, this.applyLayout(), i > t) for (let e = t; e < i; e++) {
-			let t = this.options.cells?.[e] ?? {}, n = document.createElement("div");
-			n.style.cssText = "position:relative;overflow:hidden;min-width:0;min-height:0;", this.root.appendChild(n);
-			let r = new u(n, {
-				chartType: "candlestick",
-				autoScale: !0,
-				...this.options.chartOptions,
-				...t.chartOptions,
-				theme: this.options.theme
-			});
-			this.cells.push({
-				container: n,
-				chart: r,
-				symbol: t.symbol ?? `Chart ${e + 1}`,
-				timeframe: t.timeframe ?? "5m"
-			});
-		}
+		this.layout = e, this.applyLayout();
+		for (let e = t; e < i; e++) this.cells.push(this.createCell(e));
 	}
 	getChart(e) {
 		return this.cells[e]?.chart ?? null;
@@ -157,13 +142,13 @@ var U = {
 			this.cells = [], this.root.remove();
 		}
 	}
-}, ct = class extends B {
+}, ut = class extends B {
 	options;
 	constructor(e, t) {
 		super(e, t.theme), this.options = t, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		$e(e, t, n, this.options, r);
+		tt(e, t, n, this.options, r);
 	}
 	update(e) {
 		this.options = {
@@ -177,7 +162,7 @@ var U = {
 			...e
 		}, this.requestRender();
 	}
-}, lt = class extends B {
+}, W = class extends B {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -185,7 +170,7 @@ var U = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Ye(e, t, n, this.options, r, i);
+		Ze(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -202,7 +187,7 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, W = class extends B {
+}, G = class extends B {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -210,7 +195,7 @@ var U = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Xe(e, t, n, this.options, r, i);
+		Qe(e, t, n, this.options, r, i);
 	}
 	update(e, t) {
 		this.options = {
@@ -230,7 +215,7 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, G = class extends B {
+}, K = class extends B {
 	options;
 	crosshair = null;
 	cachedRects = [];
@@ -256,8 +241,8 @@ var U = {
 				id: e.id,
 				weight: e.weight ?? (Math.abs(e.value) || 1)
 			}));
-			this.cachedRects = Ge(n, e, t);
-		} else this.cachedRects = Ke(this.currentData.map((e) => ({ id: e.id })), e, t);
+			this.cachedRects = Ke(n, e, t);
+		} else this.cachedRects = qe(this.currentData.map((e) => ({ id: e.id })), e, t);
 	}
 	onCanvasClick(e, t) {
 		if (this.options.onCellClick) for (let n of this.cachedRects) {
@@ -272,7 +257,7 @@ var U = {
 	renderChart(e, t, n, r) {
 		(t !== this.lastLayoutWidth || n !== this.lastLayoutHeight) && this.recomputeLayout();
 		let i = this.crosshair?.getPosition() ?? null;
-		Qe(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
+		et(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
 	}
 	update(e) {
 		this.currentData = e, this.options = {
@@ -289,7 +274,7 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), this.handleClick && this.canvas.removeEventListener("click", this.handleClick), super.destroy();
 	}
-}, ut = class extends B {
+}, dt = class extends B {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -297,7 +282,7 @@ var U = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		et(e, t, n, this.options, r, i);
+		nt(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -314,12 +299,12 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, dt = 500;
-function K(e) {
+}, ft = 500;
+function pt(e) {
 	let t = 1 - e;
 	return 1 - t * t * t;
 }
-var ft = class extends B {
+var mt = class extends B {
 	options;
 	currentValue;
 	targetValue;
@@ -330,7 +315,7 @@ var ft = class extends B {
 		super(e, t.theme), this.options = t, this.currentValue = t.value, this.targetValue = t.value, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		Ze(e, t, n, this.options, r, this.currentValue);
+		$e(e, t, n, this.options, r, this.currentValue);
 	}
 	setValue(e) {
 		if (this.options.animate === !1) {
@@ -360,7 +345,7 @@ var ft = class extends B {
 		if (this.animationFrameId !== null) return;
 		let e = () => {
 			if (this.animationFrameId = null, this.animationStart === null) return;
-			let t = this.options.animationDuration ?? dt, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = K(r);
+			let t = this.options.animationDuration ?? ft, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = pt(r);
 			this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * i, this.requestRender(), r < 1 ? this.animationFrameId = requestAnimationFrame(e) : (this.currentValue = this.targetValue, this.animationStart = null);
 		};
 		this.animationFrameId = requestAnimationFrame(e);
@@ -371,7 +356,7 @@ var ft = class extends B {
 	destroy() {
 		this.cancelAnimation(), super.destroy();
 	}
-}, pt = [
+}, ht = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -419,7 +404,7 @@ function Y(e) {
 		let a = new Date(e.key), o = a.getUTCFullYear(), s = a.getUTCMonth();
 		r.push({
 			id: `${o}-${String(s + 1).padStart(2, "0")}`,
-			label: pt[s],
+			label: ht[s],
 			group: String(o),
 			value: i
 		});
@@ -481,7 +466,7 @@ function Q(e) {
 function $(e) {
 	return !e || e === "dark" ? ie : e === "light" ? f : e;
 }
-var mt = class {
+var gt = class {
 	options;
 	theme;
 	root;
@@ -524,7 +509,7 @@ var mt = class {
 			"gap:14px"
 		].join(";"), this.root.appendChild(o);
 		let s = this.buildPanel("Equity Curve", i, a);
-		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new W(s.body, {
+		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new G(s.body, {
 			data: q(t.equityCurve),
 			theme: e,
 			lineColor: e.candleUp,
@@ -532,7 +517,7 @@ var mt = class {
 			crosshair: !0
 		});
 		let c = this.buildPanel("Drawdown", i, a);
-		o.appendChild(c.wrap), this.drawdownChart = new W(c.body, {
+		o.appendChild(c.wrap), this.drawdownChart = new G(c.body, {
 			data: J(t.equityCurve),
 			theme: e,
 			lineColor: e.candleDown,
@@ -541,7 +526,7 @@ var mt = class {
 			valueFormat: (e) => `${e.toFixed(1)}%`
 		});
 		let l = Y(t.equityCurve), u = this.buildPanel("Monthly Returns", i, a);
-		o.appendChild(u.wrap), this.heatmap = new G(u.body, {
+		o.appendChild(u.wrap), this.heatmap = new K(u.body, {
 			data: l,
 			theme: e,
 			showValues: !0,
@@ -630,6 +615,6 @@ var mt = class {
 	}
 };
 //#endregion
-export { L as AlertManager, R as Animator, z as BarCountdown, V as BinanceAdapter, pe as BybitAdapter, u as Chart, st as ChartGrid, me as ChartLegend, he as ChartStateManager, ge as CoinbaseAdapter, _e as CompareRenderer, ve as CrosshairTooltip, ye as CurrentPriceLine, ne as DARK_TERMINAL, re as DARK_THEME, ae as DEFAULT_DRAWING_STYLE, be as DEFAULT_LEGEND_CONFIG, oe as DEFAULT_RECONNECT, xe as DEFAULT_SESSION_HOURS, se as DEFAULT_SIGNAL_STYLE, ce as DEFAULT_STREAM_CONFIG, le as DEFAULT_TIMEFRAME_FAVORITES, ue as DEFAULT_TRADE_ZONE_STYLE, de as DEFAULT_TRADING_CONFIG, Se as DataExporter, o as DataManager, lt as DepthChart, ee as DragDropImporter, Ce as DrawingBase, we as Easing, W as EquityCurveChart, ft as GaugeChart, G as HeatmapChart, Te as IndicatorBase, Ee as IndicatorValueMap, De as KeyboardHandler, Oe as KrakenAdapter, fe as LIGHT_THEME, r as LayoutManager, p as MARKET_CRYPTO, m as MARKET_HNX, h as MARKET_HOSE, g as MARKET_NYSE, _ as MARKET_UPCOM, ke as MockAdapter, a as PLUGIN_API_VERSION, Ae as PaperExecutionAdapter, mt as PerformanceDashboard, i as PluginManager, je as PollingAdapter, Me as ReplayManager, Ne as Screenshot, Pe as SessionBreaks, Fe as SessionShading, Ie as SignalMarkerManager, ct as SparklineChart, Le as StreamManager, v as TC_PALETTE, y as TC_SERIES_COLORS, b as TIMEFRAMES_CRYPTO, x as TIMEFRAMES_FOREX, S as TIMEFRAMES_STOCK, l as ThemeManager, Re as TickAggregator, ze as TradeZoneManager, Be as UndoRedoManager, C as VN_COLORS, Ve as VolumeRenderer, ut as WaterfallChart, He as Watermark, Ue as WebSocketAdapter, e as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, w as computePriceLimits, T as createVNTheme, E as formatNumber, We as formatTooltipTime, D as formatVND, O as formatVolumeLoc, k as getCurrentSession, c as getGlobalPlugins, A as getLocale, qe as lttbDownsample, Je as lttbVisibleIndices, j as normalizeBar, M as normalizeBarTime, te as overlaysForLayer, s as parseOHLCV, n as pluginKey, N as registerLocale, d as registerPlugin, Q as selectKeyStats, P as setLocale, F as t, q as toEquityPoints, tt as toHeikinAshi, nt as toKagi, rt as toLineBreak, it as toPointAndFigure, at as toRangeBars, ot as toRenko, t as unregisterPlugin };
+export { L as AlertManager, R as Animator, z as BarCountdown, V as BinanceAdapter, pe as BybitAdapter, u as Chart, lt as ChartGrid, me as ChartLegend, he as ChartStateManager, ge as CoinbaseAdapter, _e as CompareRenderer, ve as CrosshairTooltip, ye as CurrentPriceLine, ne as DARK_TERMINAL, re as DARK_THEME, ae as DEFAULT_DRAWING_STYLE, be as DEFAULT_LEGEND_CONFIG, oe as DEFAULT_RECONNECT, xe as DEFAULT_SESSION_HOURS, se as DEFAULT_SIGNAL_STYLE, ce as DEFAULT_STREAM_CONFIG, le as DEFAULT_TIMEFRAME_FAVORITES, ue as DEFAULT_TRADE_ZONE_STYLE, de as DEFAULT_TRADING_CONFIG, Se as DataExporter, o as DataManager, W as DepthChart, ee as DragDropImporter, Ce as DrawingBase, we as Easing, G as EquityCurveChart, mt as GaugeChart, K as HeatmapChart, Te as IndicatorBase, Ee as IndicatorValueMap, De as KeyboardHandler, Oe as KrakenAdapter, fe as LIGHT_THEME, r as LayoutManager, p as MARKET_CRYPTO, m as MARKET_HNX, h as MARKET_HOSE, g as MARKET_NYSE, _ as MARKET_UPCOM, ke as MockAdapter, a as PLUGIN_API_VERSION, Ae as PaperExecutionAdapter, gt as PerformanceDashboard, i as PluginManager, je as PollingAdapter, Me as RANGE_PRESETS, Ne as ReplayManager, Pe as Screenshot, Fe as SessionBreaks, Ie as SessionShading, Le as SignalMarkerManager, ut as SparklineChart, Re as StreamManager, v as TC_PALETTE, y as TC_SERIES_COLORS, b as TIMEFRAMES_CRYPTO, x as TIMEFRAMES_FOREX, S as TIMEFRAMES_STOCK, l as ThemeManager, ze as TickAggregator, Be as TradeZoneManager, Ve as UndoRedoManager, C as VN_COLORS, He as VolumeRenderer, dt as WaterfallChart, Ue as Watermark, We as WebSocketAdapter, e as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, w as computePriceLimits, T as createVNTheme, E as formatNumber, Ge as formatTooltipTime, D as formatVND, O as formatVolumeLoc, k as getCurrentSession, c as getGlobalPlugins, A as getLocale, Je as lttbDownsample, Ye as lttbVisibleIndices, j as normalizeBar, M as normalizeBarTime, te as overlaysForLayer, s as parseOHLCV, n as pluginKey, Xe as rangePresetStart, N as registerLocale, d as registerPlugin, Q as selectKeyStats, P as setLocale, F as t, q as toEquityPoints, rt as toHeikinAshi, it as toKagi, at as toLineBreak, ot as toPointAndFigure, st as toRangeBars, ct as toRenko, t as unregisterPlugin };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/grid/ChartGrid.ts","../src/finance/SparklineChart.ts","../src/finance/DepthChart.ts","../src/finance/EquityCurveChart.ts","../src/finance/HeatmapChart.ts","../src/finance/WaterfallChart.ts","../src/finance/GaugeChart.ts","../src/finance/performanceData.ts","../src/finance/PerformanceDashboard.ts"],"sourcesContent":["import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\r\nimport { Chart } from '../Chart.js';\r\n\r\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\r\n\r\nexport interface GridCellConfig {\r\n  symbol?: string;\r\n  timeframe?: TimeFrame;\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\nexport interface ChartGridOptions {\r\n  layout?: GridLayout;\r\n  theme?: ChartOptions['theme'];\r\n  syncCrosshair?: boolean;\r\n  syncTimeAxis?: boolean;\r\n  gap?: number;\r\n  cells?: GridCellConfig[];\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\ninterface GridCell {\r\n  container: HTMLDivElement;\r\n  chart: Chart;\r\n  symbol: string;\r\n  timeframe: TimeFrame;\r\n}\r\n\r\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\r\n  '1x1': { cols: 1, rows: 1 },\r\n  '1x2': { cols: 2, rows: 1 },\r\n  '2x1': { cols: 1, rows: 2 },\r\n  '2x2': { cols: 2, rows: 2 },\r\n  '1x3': { cols: 3, rows: 1 },\r\n  '3x1': { cols: 1, rows: 3 },\r\n  '2x3': { cols: 3, rows: 2 },\r\n  '3x2': { cols: 2, rows: 3 },\r\n};\r\n\r\nexport class ChartGrid {\r\n  private root: HTMLDivElement;\r\n  private cells: GridCell[] = [];\r\n  private layout: GridLayout;\r\n  private options: ChartGridOptions;\r\n  private destroyed = false;\r\n  private syncing = false;\r\n\r\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\r\n    this.options = options;\r\n    this.layout = options.layout ?? '2x2';\r\n\r\n    this.root = document.createElement('div');\r\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\r\n    container.appendChild(this.root);\r\n\r\n    this.applyLayout();\r\n    this.createCells();\r\n  }\r\n\r\n  private applyLayout(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const gap = this.options.gap ?? 1;\r\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\r\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\r\n    this.root.style.gap = `${gap}px`;\r\n  }\r\n\r\n  private createCells(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const count = cols * rows;\r\n\r\n    for (let i = 0; i < count; i++) {\r\n      const cellConfig = this.options.cells?.[i] ?? {};\r\n\r\n      const cellEl = document.createElement('div');\r\n      cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n      this.root.appendChild(cellEl);\r\n\r\n      const chartOpts: ChartOptions = {\r\n        chartType: 'candlestick',\r\n        autoScale: true,\r\n        features: {\r\n          crosshair: true,\r\n          keyboard: true,\r\n          volume: true,\r\n          legend: true,\r\n          priceAxis: true,\r\n          timeAxis: true,\r\n          grid: true,\r\n        },\r\n        ...this.options.chartOptions,\r\n        ...cellConfig.chartOptions,\r\n        theme: this.options.theme,\r\n      };\r\n\r\n      const chart = new Chart(cellEl, chartOpts);\r\n\r\n      const cell: GridCell = {\r\n        container: cellEl,\r\n        chart,\r\n        symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n        timeframe: cellConfig.timeframe ?? '5m',\r\n      };\r\n\r\n      if (this.options.syncCrosshair !== false) {\r\n        chart.on('crosshairMove', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          for (const other of this.cells) {\r\n            if (other.chart !== chart) {\r\n              other.chart.setCrosshairPosition(e.payload.point);\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      if (this.options.syncTimeAxis !== false) {\r\n        chart.on('visibleRangeChange', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          const { from, to } = e.payload;\r\n          const srcData = chart.getData();\r\n          if (srcData.length > 0 && from >= 0 && to < srcData.length) {\r\n            const fromTime = srcData[from]?.time;\r\n            const toTime = srcData[to]?.time;\r\n            if (fromTime && toTime) {\r\n              for (const other of this.cells) {\r\n                if (other.chart !== chart) {\r\n                  other.chart.setVisibleRange(fromTime, toTime);\r\n                }\r\n              }\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      this.cells.push(cell);\r\n    }\r\n  }\r\n\r\n  setLayout(layout: GridLayout): void {\r\n    if (layout === this.layout) return;\r\n    const oldCount = this.cells.length;\r\n    const { cols, rows } = LAYOUT_MAP[layout];\r\n    const newCount = cols * rows;\r\n\r\n    if (newCount < oldCount) {\r\n      for (let i = oldCount - 1; i >= newCount; i--) {\r\n        const cell = this.cells[i];\r\n        cell.chart.destroy();\r\n        cell.container.remove();\r\n        this.cells.pop();\r\n      }\r\n    }\r\n\r\n    this.layout = layout;\r\n    this.applyLayout();\r\n\r\n    if (newCount > oldCount) {\r\n      for (let i = oldCount; i < newCount; i++) {\r\n        const cellConfig = this.options.cells?.[i] ?? {};\r\n        const cellEl = document.createElement('div');\r\n        cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n        this.root.appendChild(cellEl);\r\n\r\n        const chart = new Chart(cellEl, {\r\n          chartType: 'candlestick',\r\n          autoScale: true,\r\n          ...this.options.chartOptions,\r\n          ...cellConfig.chartOptions,\r\n          theme: this.options.theme,\r\n        });\r\n\r\n        this.cells.push({\r\n          container: cellEl,\r\n          chart,\r\n          symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n          timeframe: cellConfig.timeframe ?? '5m',\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  getChart(index: number): Chart | null {\r\n    return this.cells[index]?.chart ?? null;\r\n  }\r\n\r\n  getCharts(): Chart[] {\r\n    return this.cells.map(c => c.chart);\r\n  }\r\n\r\n  getCellCount(): number {\r\n    return this.cells.length;\r\n  }\r\n\r\n  setData(index: number, data: DataSeries): void {\r\n    this.cells[index]?.chart.setData(data);\r\n  }\r\n\r\n  setAllData(data: DataSeries): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setData(data);\r\n    }\r\n  }\r\n\r\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\r\n    const cell = this.cells[index];\r\n    if (!cell) return;\r\n    cell.symbol = config.symbol;\r\n    cell.timeframe = config.timeframe;\r\n    await cell.chart.connect(config);\r\n  }\r\n\r\n  async connectAll(adapter: DataAdapter, symbols: string[], timeframe: TimeFrame, historyLimit = 500): Promise<void> {\r\n    const promises: Promise<void>[] = [];\r\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\r\n      promises.push(this.connectCell(i, {\r\n        adapter,\r\n        symbol: symbols[i],\r\n        timeframe,\r\n        historyLimit,\r\n      }));\r\n    }\r\n    await Promise.all(promises);\r\n  }\r\n\r\n  setTheme(theme: Theme): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setTheme(theme);\r\n    }\r\n  }\r\n\r\n  destroy(): void {\r\n    if (this.destroyed) return;\r\n    this.destroyed = true;\r\n    for (const cell of this.cells) {\r\n      cell.chart.destroy();\r\n      cell.container.remove();\r\n    }\r\n    this.cells = [];\r\n    this.root.remove();\r\n  }\r\n}\r\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\r\n\r\nexport class SparklineChart extends BaseFinanceChart {\r\n  private options: SparklineOptions;\r\n\r\n  constructor(container: HTMLElement, options: SparklineOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderSparkline(ctx, width, height, this.options, theme);\r\n  }\r\n\r\n  update(data: number[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<SparklineOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n}\r\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\r\n\r\nexport class DepthChart extends BaseFinanceChart {\r\n  private options: DepthChartOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: DepthChartOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: DepthData): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<DepthChartOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\r\n\r\nexport class EquityCurveChart extends BaseFinanceChart {\r\n  private options: EquityCurveOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\r\n    this.options = { ...this.options, data };\r\n    if (benchmark !== undefined) {\r\n      this.options = { ...this.options, benchmark };\r\n    }\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<EquityCurveOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\r\nimport {\r\n  BaseFinanceChart,\r\n  FinanceCrosshair,\r\n  layoutUniformGrid,\r\n  layoutSquarifiedTreemap,\r\n  renderHeatmap,\r\n} from '@tradecanvas/core';\r\nimport type { LayoutRect } from '@tradecanvas/core';\r\n\r\nexport class HeatmapChart extends BaseFinanceChart {\r\n  private options: HeatmapOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n  private cachedRects: LayoutRect[] = [];\r\n  private currentData: HeatmapCell[] = [];\r\n  private lastLayoutWidth = 0;\r\n  private lastLayoutHeight = 0;\r\n  private handleClick: ((e: MouseEvent) => void) | null = null;\r\n\r\n  constructor(container: HTMLElement, options: HeatmapOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentData = options.data ?? [];\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    if (options.onCellClick) {\r\n      this.handleClick = (e: MouseEvent) => {\r\n        const rect = this.canvas.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        this.onCanvasClick(x, y);\r\n      };\r\n      this.canvas.addEventListener('click', this.handleClick);\r\n    }\r\n\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  private recomputeLayout(): void {\r\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\r\n    const padding = this.options.cellPadding ?? 2;\r\n    this.lastLayoutWidth = this.width;\r\n    this.lastLayoutHeight = this.height;\r\n\r\n    if (this.options.weighted) {\r\n      const weighted = this.currentData.map(c => ({\r\n        id: c.id,\r\n        weight: c.weight ?? (Math.abs(c.value) || 1),\r\n      }));\r\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\r\n    } else {\r\n      this.cachedRects = layoutUniformGrid(\r\n        this.currentData.map(c => ({ id: c.id })),\r\n        bounds,\r\n        padding,\r\n      );\r\n    }\r\n  }\r\n\r\n  private onCanvasClick(x: number, y: number): void {\r\n    if (!this.options.onCellClick) return;\r\n\r\n    for (const lr of this.cachedRects) {\r\n      const r = lr.rect;\r\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\r\n        const cell = this.currentData.find(c => c.id === lr.id);\r\n        if (cell) this.options.onCellClick(cell);\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\r\n      this.recomputeLayout();\r\n    }\r\n\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: HeatmapCell[]): void {\r\n    this.currentData = data;\r\n    this.options = { ...this.options, data };\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<HeatmapOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    if (opts.data) {\r\n      this.currentData = opts.data;\r\n    }\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    if (this.handleClick) {\r\n      this.canvas.removeEventListener('click', this.handleClick);\r\n    }\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\r\n\r\nexport class WaterfallChart extends BaseFinanceChart {\r\n  private options: WaterfallOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: WaterfallOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: WaterfallBar[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<WaterfallOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\r\n\r\nconst DEFAULT_ANIMATION_MS = 500;\r\n\r\nfunction easeOutCubic(t: number): number {\r\n  const inv = 1 - t;\r\n  return 1 - inv * inv * inv;\r\n}\r\n\r\nexport class GaugeChart extends BaseFinanceChart {\r\n  private options: GaugeOptions;\r\n  private currentValue: number;\r\n  private targetValue: number;\r\n  private animationStart: number | null = null;\r\n  private animationFrom = 0;\r\n  private animationFrameId: number | null = null;\r\n\r\n  constructor(container: HTMLElement, options: GaugeOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentValue = options.value;\r\n    this.targetValue = options.value;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\r\n  }\r\n\r\n  setValue(value: number): void {\r\n    const animate = this.options.animate !== false;\r\n    if (!animate) {\r\n      this.cancelAnimation();\r\n      this.currentValue = value;\r\n      this.targetValue = value;\r\n      this.options = { ...this.options, value };\r\n      this.requestRender();\r\n      return;\r\n    }\r\n\r\n    this.targetValue = value;\r\n    this.animationFrom = this.currentValue;\r\n    this.animationStart = performance.now();\r\n    this.options = { ...this.options, value };\r\n    this.startAnimationLoop();\r\n  }\r\n\r\n  setOptions(opts: Partial<GaugeOptions>): void {\r\n    const next = { ...this.options, ...opts };\r\n    // If `value` is part of the partial, route through animation path\r\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\r\n      this.options = next;\r\n      this.setValue(opts.value);\r\n      return;\r\n    }\r\n    this.options = next;\r\n    this.requestRender();\r\n  }\r\n\r\n  private startAnimationLoop(): void {\r\n    if (this.animationFrameId !== null) return;\r\n    const step = (): void => {\r\n      this.animationFrameId = null;\r\n      if (this.animationStart === null) return;\r\n\r\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\r\n      const elapsed = performance.now() - this.animationStart;\r\n      const t = Math.min(1, elapsed / Math.max(1, duration));\r\n      const eased = easeOutCubic(t);\r\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\r\n\r\n      this.requestRender();\r\n\r\n      if (t < 1) {\r\n        this.animationFrameId = requestAnimationFrame(step);\r\n      } else {\r\n        this.currentValue = this.targetValue;\r\n        this.animationStart = null;\r\n      }\r\n    };\r\n    this.animationFrameId = requestAnimationFrame(step);\r\n  }\r\n\r\n  private cancelAnimation(): void {\r\n    if (this.animationFrameId !== null) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n      this.animationFrameId = null;\r\n    }\r\n    this.animationStart = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.cancelAnimation();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\r\nimport { timeframeBucketStart } from '@tradecanvas/commons';\r\n\r\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\r\nexport interface EquitySample {\r\n  time: number;\r\n  equity: number;\r\n}\r\n\r\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\r\nexport interface RiskMetricsLike {\r\n  totalReturnPct: number;\r\n  cagr: number;\r\n  sharpe: number;\r\n  sortino: number;\r\n  maxDrawdownPct: number;\r\n  winRate: number;\r\n  profitFactor: number;\r\n  trades: number;\r\n}\r\n\r\nexport interface DashboardStat {\r\n  label: string;\r\n  value: string;\r\n  tone: 'positive' | 'negative' | 'neutral';\r\n}\r\n\r\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\r\n\r\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\r\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\r\n}\r\n\r\n/**\r\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\r\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\r\n */\r\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  let peak = -Infinity;\r\n  return curve.map((p) => {\r\n    if (p.equity > peak) peak = p.equity;\r\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\r\n    return { time: p.time, value: dd };\r\n  });\r\n}\r\n\r\n/**\r\n * Calendar-month returns as heatmap cells. Each month's return is chained off\r\n * the prior month's closing equity (the first month chains off its own opening\r\n * equity), so the series reads as sequential monthly performance. `group` is\r\n * the year and `value` is the return in percent.\r\n */\r\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\r\n  if (curve.length === 0) return [];\r\n\r\n  // Collapse the curve to one closing equity per calendar month, in order.\r\n  const months: { key: number; close: number }[] = [];\r\n  for (const p of curve) {\r\n    const key = timeframeBucketStart(p.time, '1M');\r\n    const last = months[months.length - 1];\r\n    if (last && last.key === key) {\r\n      last.close = p.equity;\r\n    } else {\r\n      months.push({ key, close: p.equity });\r\n    }\r\n  }\r\n\r\n  let prevClose = curve[0].equity;\r\n  const cells: HeatmapCell[] = [];\r\n  for (const m of months) {\r\n    const base = prevClose === 0 ? 1 : prevClose;\r\n    const returnPct = (m.close / base - 1) * 100;\r\n    prevClose = m.close;\r\n    const d = new Date(m.key);\r\n    const year = d.getUTCFullYear();\r\n    const month = d.getUTCMonth();\r\n    cells.push({\r\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\r\n      label: MONTH_LABELS[month],\r\n      group: String(year),\r\n      value: returnPct,\r\n    });\r\n  }\r\n  return cells;\r\n}\r\n\r\nfunction pct(value: number): string {\r\n  const sign = value > 0 ? '+' : '';\r\n  return `${sign}${value.toFixed(2)}%`;\r\n}\r\n\r\nfunction tone(value: number): DashboardStat['tone'] {\r\n  if (value > 0) return 'positive';\r\n  if (value < 0) return 'negative';\r\n  return 'neutral';\r\n}\r\n\r\n/** The headline stats rendered as cards above the charts. */\r\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\r\n  return [\r\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\r\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\r\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\r\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\r\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\r\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\r\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\r\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\r\n  ];\r\n}\r\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\r\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\r\nimport { EquityCurveChart } from './EquityCurveChart.js';\r\nimport { HeatmapChart } from './HeatmapChart.js';\r\nimport {\r\n  toEquityPoints,\r\n  computeDrawdownCurve,\r\n  computeMonthlyReturns,\r\n  selectKeyStats,\r\n  type EquitySample,\r\n  type RiskMetricsLike,\r\n  type DashboardStat,\r\n} from './performanceData.js';\r\n\r\n/** Structurally satisfied by analytics' `BacktestResult`. */\r\nexport interface PerformanceResult {\r\n  equityCurve: ReadonlyArray<EquitySample>;\r\n  metrics: RiskMetricsLike;\r\n}\r\n\r\nexport interface PerformanceDashboardOptions {\r\n  result: PerformanceResult;\r\n  theme?: ThemeName | Theme;\r\n  title?: string;\r\n  subtitle?: string;\r\n}\r\n\r\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\r\n  if (!theme || theme === 'dark') return DARK_THEME;\r\n  if (theme === 'light') return LIGHT_THEME;\r\n  return theme as Theme;\r\n}\r\n\r\n/**\r\n * A composed strategy-performance dashboard: a headline stats strip, an equity\r\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\r\n * entirely from a backtest `result`, reusing the finance chart renderers.\r\n *\r\n * ```ts\r\n * const result = new Backtester(opts).run(bars, strategy);\r\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\r\n * ```\r\n */\r\nexport class PerformanceDashboard {\r\n  private options: PerformanceDashboardOptions;\r\n  private theme: Theme;\r\n  private root: HTMLDivElement;\r\n  private equityChart: EquityCurveChart | null = null;\r\n  private drawdownChart: EquityCurveChart | null = null;\r\n  private heatmap: HeatmapChart | null = null;\r\n\r\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\r\n    this.options = options;\r\n    this.theme = resolveTheme(options.theme);\r\n    this.root = document.createElement('div');\r\n    this.build();\r\n    container.appendChild(this.root);\r\n  }\r\n\r\n  private build(): void {\r\n    const t = this.theme;\r\n    const { result, title, subtitle } = this.options;\r\n    const surface = this.panelBackground();\r\n    const border = t.grid;\r\n\r\n    this.root.style.cssText = [\r\n      'display:flex',\r\n      'flex-direction:column',\r\n      'gap:14px',\r\n      'width:100%',\r\n      'box-sizing:border-box',\r\n      'padding:16px',\r\n      `background:${t.background}`,\r\n      `color:${t.text}`,\r\n      `font-family:${t.font.family}`,\r\n    ].join(';');\r\n\r\n    if (title || subtitle) {\r\n      const header = document.createElement('div');\r\n      if (title) {\r\n        const h = document.createElement('div');\r\n        h.textContent = title;\r\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\r\n        header.appendChild(h);\r\n      }\r\n      if (subtitle) {\r\n        const s = document.createElement('div');\r\n        s.textContent = subtitle;\r\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\r\n        header.appendChild(s);\r\n      }\r\n      this.root.appendChild(header);\r\n    }\r\n\r\n    // Stats strip\r\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\r\n\r\n    // Chart grid\r\n    const grid = document.createElement('div');\r\n    grid.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\r\n      'grid-auto-rows:220px',\r\n      'gap:14px',\r\n    ].join(';');\r\n    this.root.appendChild(grid);\r\n\r\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\r\n    equityPanel.wrap.style.gridColumn = '1 / -1';\r\n    grid.appendChild(equityPanel.wrap);\r\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\r\n      data: toEquityPoints(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleUp,\r\n      fillArea: true,\r\n      crosshair: true,\r\n    });\r\n\r\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\r\n    grid.appendChild(ddPanel.wrap);\r\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\r\n      data: computeDrawdownCurve(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleDown,\r\n      fillArea: true,\r\n      crosshair: true,\r\n      valueFormat: (v) => `${v.toFixed(1)}%`,\r\n    });\r\n\r\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\r\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\r\n    grid.appendChild(heatPanel.wrap);\r\n    this.heatmap = new HeatmapChart(heatPanel.body, {\r\n      data: monthlyCells,\r\n      theme: t,\r\n      showValues: true,\r\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\r\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\r\n    });\r\n  }\r\n\r\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\r\n    const strip = document.createElement('div');\r\n    strip.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\r\n      'gap:10px',\r\n    ].join(';');\r\n\r\n    const t = this.theme;\r\n    for (const stat of stats) {\r\n      const card = document.createElement('div');\r\n      card.style.cssText = [\r\n        `background:${surface}`,\r\n        `border:1px solid ${border}`,\r\n        'border-radius:10px',\r\n        'padding:10px 12px',\r\n        'display:flex',\r\n        'flex-direction:column',\r\n        'gap:4px',\r\n      ].join(';');\r\n\r\n      const label = document.createElement('div');\r\n      label.textContent = stat.label;\r\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\r\n\r\n      const value = document.createElement('div');\r\n      value.textContent = stat.value;\r\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\r\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\r\n\r\n      card.appendChild(label);\r\n      card.appendChild(value);\r\n      strip.appendChild(card);\r\n    }\r\n    return strip;\r\n  }\r\n\r\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\r\n    const t = this.theme;\r\n    const wrap = document.createElement('div');\r\n    wrap.style.cssText = [\r\n      `background:${surface}`,\r\n      `border:1px solid ${border}`,\r\n      'border-radius:10px',\r\n      'overflow:hidden',\r\n      'display:flex',\r\n      'flex-direction:column',\r\n    ].join(';');\r\n\r\n    const head = document.createElement('div');\r\n    head.textContent = title;\r\n    head.style.cssText = [\r\n      `font-size:${t.font.sizeSmall}px`,\r\n      'font-weight:600',\r\n      `color:${t.textSecondary}`,\r\n      'padding:8px 12px',\r\n      `border-bottom:1px solid ${border}`,\r\n      'text-transform:uppercase',\r\n      'letter-spacing:0.04em',\r\n    ].join(';');\r\n\r\n    const body = document.createElement('div');\r\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\r\n\r\n    wrap.appendChild(head);\r\n    wrap.appendChild(body);\r\n    return { wrap, body };\r\n  }\r\n\r\n  /** A subtle surface tint distinct from the page background, per theme. */\r\n  private panelBackground(): string {\r\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\r\n  }\r\n\r\n  /** Replace the displayed result and re-render all panels. */\r\n  update(result: PerformanceResult): void {\r\n    this.options = { ...this.options, result };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  setTheme(theme: ThemeName | Theme): void {\r\n    this.theme = resolveTheme(theme);\r\n    this.options = { ...this.options, theme };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  private destroyCharts(): void {\r\n    this.equityChart?.destroy();\r\n    this.drawdownChart?.destroy();\r\n    this.heatmap?.destroy();\r\n    this.equityChart = null;\r\n    this.drawdownChart = null;\r\n    this.heatmap = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.destroyCharts();\r\n    this.root.remove();\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/grid/ChartGrid.ts","../src/finance/SparklineChart.ts","../src/finance/DepthChart.ts","../src/finance/EquityCurveChart.ts","../src/finance/HeatmapChart.ts","../src/finance/WaterfallChart.ts","../src/finance/GaugeChart.ts","../src/finance/performanceData.ts","../src/finance/PerformanceDashboard.ts"],"sourcesContent":["import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\nimport { Chart } from '../Chart.js';\n\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\n\nexport interface GridCellConfig {\n  symbol?: string;\n  timeframe?: TimeFrame;\n  chartOptions?: Partial<ChartOptions>;\n}\n\nexport interface ChartGridOptions {\n  layout?: GridLayout;\n  theme?: ChartOptions['theme'];\n  syncCrosshair?: boolean;\n  syncTimeAxis?: boolean;\n  gap?: number;\n  cells?: GridCellConfig[];\n  chartOptions?: Partial<ChartOptions>;\n}\n\ninterface GridCell {\n  container: HTMLDivElement;\n  chart: Chart;\n  symbol: string;\n  timeframe: TimeFrame;\n}\n\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\n  '1x1': { cols: 1, rows: 1 },\n  '1x2': { cols: 2, rows: 1 },\n  '2x1': { cols: 1, rows: 2 },\n  '2x2': { cols: 2, rows: 2 },\n  '1x3': { cols: 3, rows: 1 },\n  '3x1': { cols: 1, rows: 3 },\n  '2x3': { cols: 3, rows: 2 },\n  '3x2': { cols: 2, rows: 3 },\n};\n\nexport class ChartGrid {\n  private root: HTMLDivElement;\n  private cells: GridCell[] = [];\n  private layout: GridLayout;\n  private options: ChartGridOptions;\n  private destroyed = false;\n  private syncing = false;\n\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\n    this.options = options;\n    this.layout = options.layout ?? '2x2';\n\n    this.root = document.createElement('div');\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\n    container.appendChild(this.root);\n\n    this.applyLayout();\n    this.createCells();\n  }\n\n  private applyLayout(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const gap = this.options.gap ?? 1;\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\n    this.root.style.gap = `${gap}px`;\n  }\n\n  private createCells(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const count = cols * rows;\n    for (let i = 0; i < count; i++) this.cells.push(this.createCell(i));\n  }\n\n  private createCell(i: number): GridCell {\n    const cellConfig = this.options.cells?.[i] ?? {};\n\n    const cellEl = document.createElement('div');\n    cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\n    this.root.appendChild(cellEl);\n\n    const chartOpts: ChartOptions = {\n      chartType: 'candlestick',\n      autoScale: true,\n      features: {\n        crosshair: true,\n        keyboard: true,\n        volume: true,\n        legend: true,\n        priceAxis: true,\n        timeAxis: true,\n        grid: true,\n      },\n      ...this.options.chartOptions,\n      ...cellConfig.chartOptions,\n      theme: this.options.theme,\n    };\n\n    const chart = new Chart(cellEl, chartOpts);\n\n    const cell: GridCell = {\n      container: cellEl,\n      chart,\n      symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\n      timeframe: cellConfig.timeframe ?? '5m',\n    };\n\n    // Charts can differ in symbol and timeframe, so the crosshair is linked by\n    // time: the others show a vertical line on the bar containing that time.\n    if (this.options.syncCrosshair !== false) {\n      chart.on('crosshairMove', (e) => {\n        const time = e.payload.bar?.time;\n        if (time === undefined) return;\n        for (const other of this.cells) {\n          if (other.chart !== chart) other.chart.setCrosshairTime(time);\n        }\n      });\n      chart.on('crosshairLeave', () => {\n        for (const other of this.cells) {\n          if (other.chart !== chart) other.chart.setCrosshairTime(null);\n        }\n      });\n    }\n\n    if (this.options.syncTimeAxis !== false) {\n      chart.on('visibleRangeChange', (e) => {\n        if (this.syncing) return;\n        this.syncing = true;\n        const { from, to } = e.payload;\n        const srcData = chart.getData();\n        if (srcData.length > 0 && from >= 0 && to < srcData.length) {\n          const fromTime = srcData[from]?.time;\n          const toTime = srcData[to]?.time;\n          if (fromTime && toTime) {\n            for (const other of this.cells) {\n              if (other.chart !== chart) {\n                other.chart.setVisibleRange(fromTime, toTime);\n              }\n            }\n          }\n        }\n        this.syncing = false;\n      });\n    }\n\n    return cell;\n  }\n\n  setLayout(layout: GridLayout): void {\n    if (layout === this.layout) return;\n    const oldCount = this.cells.length;\n    const { cols, rows } = LAYOUT_MAP[layout];\n    const newCount = cols * rows;\n\n    if (newCount < oldCount) {\n      for (let i = oldCount - 1; i >= newCount; i--) {\n        const cell = this.cells[i];\n        cell.chart.destroy();\n        cell.container.remove();\n        this.cells.pop();\n      }\n    }\n\n    this.layout = layout;\n    this.applyLayout();\n\n    // New cells get the same options and linking as the first ones.\n    for (let i = oldCount; i < newCount; i++) this.cells.push(this.createCell(i));\n  }\n\n  getChart(index: number): Chart | null {\n    return this.cells[index]?.chart ?? null;\n  }\n\n  getCharts(): Chart[] {\n    return this.cells.map(c => c.chart);\n  }\n\n  getCellCount(): number {\n    return this.cells.length;\n  }\n\n  setData(index: number, data: DataSeries): void {\n    this.cells[index]?.chart.setData(data);\n  }\n\n  setAllData(data: DataSeries): void {\n    for (const cell of this.cells) {\n      cell.chart.setData(data);\n    }\n  }\n\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\n    const cell = this.cells[index];\n    if (!cell) return;\n    cell.symbol = config.symbol;\n    cell.timeframe = config.timeframe;\n    await cell.chart.connect(config);\n  }\n\n  async connectAll(adapter: DataAdapter, symbols: string[], timeframe: TimeFrame, historyLimit = 500): Promise<void> {\n    const promises: Promise<void>[] = [];\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\n      promises.push(this.connectCell(i, {\n        adapter,\n        symbol: symbols[i],\n        timeframe,\n        historyLimit,\n      }));\n    }\n    await Promise.all(promises);\n  }\n\n  setTheme(theme: Theme): void {\n    for (const cell of this.cells) {\n      cell.chart.setTheme(theme);\n    }\n  }\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n    for (const cell of this.cells) {\n      cell.chart.destroy();\n      cell.container.remove();\n    }\n    this.cells = [];\n    this.root.remove();\n  }\n}\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\n\nexport class SparklineChart extends BaseFinanceChart {\n  private options: SparklineOptions;\n\n  constructor(container: HTMLElement, options: SparklineOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderSparkline(ctx, width, height, this.options, theme);\n  }\n\n  update(data: number[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<SparklineOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n}\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\n\nexport class DepthChart extends BaseFinanceChart {\n  private options: DepthChartOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: DepthChartOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: DepthData): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<DepthChartOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\n\nexport class EquityCurveChart extends BaseFinanceChart {\n  private options: EquityCurveOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\n    this.options = { ...this.options, data };\n    if (benchmark !== undefined) {\n      this.options = { ...this.options, benchmark };\n    }\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<EquityCurveOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\nimport {\n  BaseFinanceChart,\n  FinanceCrosshair,\n  layoutUniformGrid,\n  layoutSquarifiedTreemap,\n  renderHeatmap,\n} from '@tradecanvas/core';\nimport type { LayoutRect } from '@tradecanvas/core';\n\nexport class HeatmapChart extends BaseFinanceChart {\n  private options: HeatmapOptions;\n  private crosshair: FinanceCrosshair | null = null;\n  private cachedRects: LayoutRect[] = [];\n  private currentData: HeatmapCell[] = [];\n  private lastLayoutWidth = 0;\n  private lastLayoutHeight = 0;\n  private handleClick: ((e: MouseEvent) => void) | null = null;\n\n  constructor(container: HTMLElement, options: HeatmapOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentData = options.data ?? [];\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    if (options.onCellClick) {\n      this.handleClick = (e: MouseEvent) => {\n        const rect = this.canvas.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        this.onCanvasClick(x, y);\n      };\n      this.canvas.addEventListener('click', this.handleClick);\n    }\n\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  private recomputeLayout(): void {\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\n    const padding = this.options.cellPadding ?? 2;\n    this.lastLayoutWidth = this.width;\n    this.lastLayoutHeight = this.height;\n\n    if (this.options.weighted) {\n      const weighted = this.currentData.map(c => ({\n        id: c.id,\n        weight: c.weight ?? (Math.abs(c.value) || 1),\n      }));\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\n    } else {\n      this.cachedRects = layoutUniformGrid(\n        this.currentData.map(c => ({ id: c.id })),\n        bounds,\n        padding,\n      );\n    }\n  }\n\n  private onCanvasClick(x: number, y: number): void {\n    if (!this.options.onCellClick) return;\n\n    for (const lr of this.cachedRects) {\n      const r = lr.rect;\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\n        const cell = this.currentData.find(c => c.id === lr.id);\n        if (cell) this.options.onCellClick(cell);\n        return;\n      }\n    }\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\n      this.recomputeLayout();\n    }\n\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\n  }\n\n  update(data: HeatmapCell[]): void {\n    this.currentData = data;\n    this.options = { ...this.options, data };\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<HeatmapOptions>): void {\n    this.options = { ...this.options, ...opts };\n    if (opts.data) {\n      this.currentData = opts.data;\n    }\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    if (this.handleClick) {\n      this.canvas.removeEventListener('click', this.handleClick);\n    }\n    super.destroy();\n  }\n}\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\n\nexport class WaterfallChart extends BaseFinanceChart {\n  private options: WaterfallOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: WaterfallOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: WaterfallBar[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<WaterfallOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\n\nconst DEFAULT_ANIMATION_MS = 500;\n\nfunction easeOutCubic(t: number): number {\n  const inv = 1 - t;\n  return 1 - inv * inv * inv;\n}\n\nexport class GaugeChart extends BaseFinanceChart {\n  private options: GaugeOptions;\n  private currentValue: number;\n  private targetValue: number;\n  private animationStart: number | null = null;\n  private animationFrom = 0;\n  private animationFrameId: number | null = null;\n\n  constructor(container: HTMLElement, options: GaugeOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentValue = options.value;\n    this.targetValue = options.value;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\n  }\n\n  setValue(value: number): void {\n    const animate = this.options.animate !== false;\n    if (!animate) {\n      this.cancelAnimation();\n      this.currentValue = value;\n      this.targetValue = value;\n      this.options = { ...this.options, value };\n      this.requestRender();\n      return;\n    }\n\n    this.targetValue = value;\n    this.animationFrom = this.currentValue;\n    this.animationStart = performance.now();\n    this.options = { ...this.options, value };\n    this.startAnimationLoop();\n  }\n\n  setOptions(opts: Partial<GaugeOptions>): void {\n    const next = { ...this.options, ...opts };\n    // If `value` is part of the partial, route through animation path\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\n      this.options = next;\n      this.setValue(opts.value);\n      return;\n    }\n    this.options = next;\n    this.requestRender();\n  }\n\n  private startAnimationLoop(): void {\n    if (this.animationFrameId !== null) return;\n    const step = (): void => {\n      this.animationFrameId = null;\n      if (this.animationStart === null) return;\n\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\n      const elapsed = performance.now() - this.animationStart;\n      const t = Math.min(1, elapsed / Math.max(1, duration));\n      const eased = easeOutCubic(t);\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\n\n      this.requestRender();\n\n      if (t < 1) {\n        this.animationFrameId = requestAnimationFrame(step);\n      } else {\n        this.currentValue = this.targetValue;\n        this.animationStart = null;\n      }\n    };\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private cancelAnimation(): void {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n    this.animationStart = null;\n  }\n\n  destroy(): void {\n    this.cancelAnimation();\n    super.destroy();\n  }\n}\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\nimport { timeframeBucketStart } from '@tradecanvas/commons';\n\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\nexport interface EquitySample {\n  time: number;\n  equity: number;\n}\n\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\nexport interface RiskMetricsLike {\n  totalReturnPct: number;\n  cagr: number;\n  sharpe: number;\n  sortino: number;\n  maxDrawdownPct: number;\n  winRate: number;\n  profitFactor: number;\n  trades: number;\n}\n\nexport interface DashboardStat {\n  label: string;\n  value: string;\n  tone: 'positive' | 'negative' | 'neutral';\n}\n\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\n}\n\n/**\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\n */\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  let peak = -Infinity;\n  return curve.map((p) => {\n    if (p.equity > peak) peak = p.equity;\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\n    return { time: p.time, value: dd };\n  });\n}\n\n/**\n * Calendar-month returns as heatmap cells. Each month's return is chained off\n * the prior month's closing equity (the first month chains off its own opening\n * equity), so the series reads as sequential monthly performance. `group` is\n * the year and `value` is the return in percent.\n */\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\n  if (curve.length === 0) return [];\n\n  // Collapse the curve to one closing equity per calendar month, in order.\n  const months: { key: number; close: number }[] = [];\n  for (const p of curve) {\n    const key = timeframeBucketStart(p.time, '1M');\n    const last = months[months.length - 1];\n    if (last && last.key === key) {\n      last.close = p.equity;\n    } else {\n      months.push({ key, close: p.equity });\n    }\n  }\n\n  let prevClose = curve[0].equity;\n  const cells: HeatmapCell[] = [];\n  for (const m of months) {\n    const base = prevClose === 0 ? 1 : prevClose;\n    const returnPct = (m.close / base - 1) * 100;\n    prevClose = m.close;\n    const d = new Date(m.key);\n    const year = d.getUTCFullYear();\n    const month = d.getUTCMonth();\n    cells.push({\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\n      label: MONTH_LABELS[month],\n      group: String(year),\n      value: returnPct,\n    });\n  }\n  return cells;\n}\n\nfunction pct(value: number): string {\n  const sign = value > 0 ? '+' : '';\n  return `${sign}${value.toFixed(2)}%`;\n}\n\nfunction tone(value: number): DashboardStat['tone'] {\n  if (value > 0) return 'positive';\n  if (value < 0) return 'negative';\n  return 'neutral';\n}\n\n/** The headline stats rendered as cards above the charts. */\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\n  return [\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\n  ];\n}\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\nimport { EquityCurveChart } from './EquityCurveChart.js';\nimport { HeatmapChart } from './HeatmapChart.js';\nimport {\n  toEquityPoints,\n  computeDrawdownCurve,\n  computeMonthlyReturns,\n  selectKeyStats,\n  type EquitySample,\n  type RiskMetricsLike,\n  type DashboardStat,\n} from './performanceData.js';\n\n/** Structurally satisfied by analytics' `BacktestResult`. */\nexport interface PerformanceResult {\n  equityCurve: ReadonlyArray<EquitySample>;\n  metrics: RiskMetricsLike;\n}\n\nexport interface PerformanceDashboardOptions {\n  result: PerformanceResult;\n  theme?: ThemeName | Theme;\n  title?: string;\n  subtitle?: string;\n}\n\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\n  if (!theme || theme === 'dark') return DARK_THEME;\n  if (theme === 'light') return LIGHT_THEME;\n  return theme as Theme;\n}\n\n/**\n * A composed strategy-performance dashboard: a headline stats strip, an equity\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\n * entirely from a backtest `result`, reusing the finance chart renderers.\n *\n * ```ts\n * const result = new Backtester(opts).run(bars, strategy);\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\n * ```\n */\nexport class PerformanceDashboard {\n  private options: PerformanceDashboardOptions;\n  private theme: Theme;\n  private root: HTMLDivElement;\n  private equityChart: EquityCurveChart | null = null;\n  private drawdownChart: EquityCurveChart | null = null;\n  private heatmap: HeatmapChart | null = null;\n\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\n    this.options = options;\n    this.theme = resolveTheme(options.theme);\n    this.root = document.createElement('div');\n    this.build();\n    container.appendChild(this.root);\n  }\n\n  private build(): void {\n    const t = this.theme;\n    const { result, title, subtitle } = this.options;\n    const surface = this.panelBackground();\n    const border = t.grid;\n\n    this.root.style.cssText = [\n      'display:flex',\n      'flex-direction:column',\n      'gap:14px',\n      'width:100%',\n      'box-sizing:border-box',\n      'padding:16px',\n      `background:${t.background}`,\n      `color:${t.text}`,\n      `font-family:${t.font.family}`,\n    ].join(';');\n\n    if (title || subtitle) {\n      const header = document.createElement('div');\n      if (title) {\n        const h = document.createElement('div');\n        h.textContent = title;\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\n        header.appendChild(h);\n      }\n      if (subtitle) {\n        const s = document.createElement('div');\n        s.textContent = subtitle;\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\n        header.appendChild(s);\n      }\n      this.root.appendChild(header);\n    }\n\n    // Stats strip\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\n\n    // Chart grid\n    const grid = document.createElement('div');\n    grid.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\n      'grid-auto-rows:220px',\n      'gap:14px',\n    ].join(';');\n    this.root.appendChild(grid);\n\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\n    equityPanel.wrap.style.gridColumn = '1 / -1';\n    grid.appendChild(equityPanel.wrap);\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\n      data: toEquityPoints(result.equityCurve),\n      theme: t,\n      lineColor: t.candleUp,\n      fillArea: true,\n      crosshair: true,\n    });\n\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\n    grid.appendChild(ddPanel.wrap);\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\n      data: computeDrawdownCurve(result.equityCurve),\n      theme: t,\n      lineColor: t.candleDown,\n      fillArea: true,\n      crosshair: true,\n      valueFormat: (v) => `${v.toFixed(1)}%`,\n    });\n\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\n    grid.appendChild(heatPanel.wrap);\n    this.heatmap = new HeatmapChart(heatPanel.body, {\n      data: monthlyCells,\n      theme: t,\n      showValues: true,\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\n    });\n  }\n\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\n    const strip = document.createElement('div');\n    strip.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\n      'gap:10px',\n    ].join(';');\n\n    const t = this.theme;\n    for (const stat of stats) {\n      const card = document.createElement('div');\n      card.style.cssText = [\n        `background:${surface}`,\n        `border:1px solid ${border}`,\n        'border-radius:10px',\n        'padding:10px 12px',\n        'display:flex',\n        'flex-direction:column',\n        'gap:4px',\n      ].join(';');\n\n      const label = document.createElement('div');\n      label.textContent = stat.label;\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\n\n      const value = document.createElement('div');\n      value.textContent = stat.value;\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\n\n      card.appendChild(label);\n      card.appendChild(value);\n      strip.appendChild(card);\n    }\n    return strip;\n  }\n\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\n    const t = this.theme;\n    const wrap = document.createElement('div');\n    wrap.style.cssText = [\n      `background:${surface}`,\n      `border:1px solid ${border}`,\n      'border-radius:10px',\n      'overflow:hidden',\n      'display:flex',\n      'flex-direction:column',\n    ].join(';');\n\n    const head = document.createElement('div');\n    head.textContent = title;\n    head.style.cssText = [\n      `font-size:${t.font.sizeSmall}px`,\n      'font-weight:600',\n      `color:${t.textSecondary}`,\n      'padding:8px 12px',\n      `border-bottom:1px solid ${border}`,\n      'text-transform:uppercase',\n      'letter-spacing:0.04em',\n    ].join(';');\n\n    const body = document.createElement('div');\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\n\n    wrap.appendChild(head);\n    wrap.appendChild(body);\n    return { wrap, body };\n  }\n\n  /** A subtle surface tint distinct from the page background, per theme. */\n  private panelBackground(): string {\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\n  }\n\n  /** Replace the displayed result and re-render all panels. */\n  update(result: PerformanceResult): void {\n    this.options = { ...this.options, result };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  setTheme(theme: ThemeName | Theme): void {\n    this.theme = resolveTheme(theme);\n    this.options = { ...this.options, theme };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  private destroyCharts(): void {\n    this.equityChart?.destroy();\n    this.drawdownChart?.destroy();\n    this.heatmap?.destroy();\n    this.equityChart = null;\n    this.drawdownChart = null;\n    this.heatmap = null;\n  }\n\n  destroy(): void {\n    this.destroyCharts();\n    this.root.remove();\n  }\n}\n"],"mappings":"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"}