@tradecanvas/chart 0.8.2 → 0.9.0

package/dist/widget/index.js

@@ -1,7 +1,7 @@
-import { t as e } from "../Chart-Cn_TSMO7.js";
-import { DARK_THEME as t, LIGHT_THEME as n } from "@tradecanvas/commons";
+import { r as e, t } from "../DragDropImporter-6QOjnfSj.js";
+import { DARK_THEME as n, LIGHT_THEME as r } from "@tradecanvas/commons";
 //#region src/widget/widgetConfig.ts
-var r = [
+var i = [
 	{
 		label: "1m",
 		value: "1m"
@@ -26,7 +26,7 @@ var r = [
 		label: "1D",
 		value: "1d"
 	}
-], i = [
+], a = [
 	{
 		label: "Candlestick",
 		value: "candlestick"
@@ -75,7 +75,7 @@ var r = [
 		label: "Line + Markers",
 		value: "lineWithMarkers"
 	}
-], a = [
+], o = [
 	{
 		label: "Lines",
 		tools: [
@@ -188,7 +188,7 @@ var r = [
 			value: "arrow"
 		}]
 	}
-], o = [
+], s = [
 	{
 		id: "sma",
 		name: "SMA",
@@ -354,7 +354,7 @@ var r = [
 		name: "Volume Profile",
 		type: "panel"
 	}
-], s = [
+], c = [
 	"sma",
 	"ema",
 	"bb",
@@ -365,12 +365,12 @@ var r = [
 	"atr",
 	"obv",
 	"ichimoku"
-], c = [
+], l = [
 	"BTCUSDT",
 	"ETHUSDT",
 	"SOLUSDT",
 	"BNBUSDT"
-], l = {
+], u = {
 	candleUpColor: "#26A69A",
 	candleDownColor: "#EF5350",
 	candleUpWick: "#26A69A",
@@ -379,26 +379,27 @@ var r = [
 	gridColor: "#1E222D",
 	gridVisible: !0,
 	volumeVisible: !0,
+	volumeProfileVisible: !1,
 	legendVisible: !0,
 	barCountdown: !0,
 	logScale: !1,
 	autoScale: !0,
 	crosshairMode: "magnet",
 	numberLocale: "en-US"
-}, u = "/* === TradeCanvas Widget Styles === */\r\n\r\n.tcw-root {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n  font-size: 13px;\r\n  color: #d1d4dc;\r\n  background: #131722;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  /* Dark theme tokens (default) */\r\n  --tcw-bg: #131722;\r\n  --tcw-bg-elevated: #1E222D;\r\n  --tcw-border: #2A2E39;\r\n  --tcw-text: #d1d4dc;\r\n  --tcw-text-dim: #b2b5be;\r\n  --tcw-text-muted: #787b86;\r\n  --tcw-accent: #2962ff;\r\n  --tcw-accent-dim: rgba(41,98,255,0.15);\r\n  --tcw-accent-glow: rgba(41,98,255,0.12);\r\n  --tcw-red: #ef5350;\r\n  --tcw-green: #26a69a;\r\n  --tcw-transition: 0.15s ease;\r\n  --tcw-radius-lg: 8px;\r\n  --tcw-font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;\r\n  --tcw-hover-bg: rgba(255,255,255,0.04);\r\n}\r\n\r\n.tcw-root[data-tcw-theme=\"light\"] {\r\n  color: #131722;\r\n  background: #ffffff;\r\n\r\n  --tcw-bg: #ffffff;\r\n  --tcw-bg-elevated: #f0f3fa;\r\n  --tcw-border: #e0e3eb;\r\n  --tcw-text: #131722;\r\n  --tcw-text-dim: #434651;\r\n  --tcw-text-muted: #787b86;\r\n  --tcw-accent: #2962ff;\r\n  --tcw-accent-dim: rgba(41,98,255,0.1);\r\n  --tcw-accent-glow: rgba(41,98,255,0.08);\r\n  --tcw-red: #ef5350;\r\n  --tcw-green: #26a69a;\r\n  --tcw-hover-bg: rgba(0,0,0,0.04);\r\n}\r\n\r\n/* === Toolbar === */\r\n\r\n.tcw-toolbar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0;\r\n  padding: 0 12px;\r\n  height: 40px;\r\n  border-bottom: 1px solid var(--tcw-border);\r\n  background: var(--tcw-bg-elevated);\r\n  flex-shrink: 0;\r\n  position: relative;\r\n  z-index: 20;\r\n}\r\n\r\n.tcw-toolbar-symbol {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--tcw-text);\r\n  padding: 0 10px;\r\n  white-space: nowrap;\r\n  letter-spacing: -0.01em;\r\n  cursor: pointer;\r\n  border: none;\r\n  background: none;\r\n  font-family: inherit;\r\n}\r\n\r\n.tcw-toolbar-sep {\r\n  width: 1px;\r\n  height: 20px;\r\n  background: var(--tcw-border);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tcw-toolbar-group {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2px;\r\n  padding: 0 8px;\r\n}\r\n\r\n.tcw-toolbar-spacer {\r\n  flex: 1;\r\n}\r\n\r\n.tcw-btn {\r\n  padding: 4px 8px;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: var(--tcw-text-dim);\r\n  cursor: pointer;\r\n  transition: all var(--tcw-transition);\r\n  white-space: nowrap;\r\n  line-height: 1;\r\n}\r\n\r\n.tcw-btn:hover {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-btn.tcw-active {\r\n  background: var(--tcw-accent);\r\n  color: white;\r\n}\r\n\r\n.tcw-btn-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: inherit;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: var(--tcw-text-muted);\r\n  cursor: pointer;\r\n  transition: all var(--tcw-transition);\r\n  line-height: 1;\r\n  position: relative;\r\n}\r\n\r\n.tcw-btn-icon:hover {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-badge-count {\r\n  font-size: 10px;\r\n  color: var(--tcw-accent);\r\n  background: var(--tcw-accent-dim);\r\n  padding: 0 4px;\r\n  border-radius: 8px;\r\n  font-weight: 600;\r\n}\r\n\r\n.tcw-indicator-chips {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 0 4px;\r\n  flex-wrap: nowrap;\r\n  overflow: hidden;\r\n}\r\n\r\n.tcw-indicator-chip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 2px 6px 2px 8px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  background: var(--tcw-accent-dim);\r\n  color: var(--tcw-accent);\r\n  border-radius: 4px;\r\n  white-space: nowrap;\r\n  line-height: 1.4;\r\n}\r\n\r\n.tcw-chip-remove {\r\n  cursor: pointer;\r\n  opacity: 0.6;\r\n  padding: 0 2px;\r\n  transition: opacity var(--tcw-transition);\r\n  border: none;\r\n  background: none;\r\n  color: inherit;\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.tcw-chip-remove:hover {\r\n  opacity: 1;\r\n}\r\n\r\n/* === Dropdown === */\r\n\r\n.tcw-dropdown-trigger {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: var(--tcw-text-dim);\r\n  cursor: pointer;\r\n  transition: all var(--tcw-transition);\r\n  white-space: nowrap;\r\n  line-height: 1;\r\n}\r\n\r\n.tcw-dropdown-trigger:hover {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-dropdown {\r\n  position: absolute;\r\n  top: 100%;\r\n  margin-top: 4px;\r\n  background: var(--tcw-bg-elevated);\r\n  border: 1px solid var(--tcw-border);\r\n  border-radius: var(--tcw-radius-lg);\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.4);\r\n  z-index: 50;\r\n  padding: 4px 0;\r\n  max-height: 400px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.tcw-dropdown-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 6px 12px;\r\n  font-size: 12px;\r\n  color: var(--tcw-text-dim);\r\n  cursor: pointer;\r\n  transition: background var(--tcw-transition), color var(--tcw-transition);\r\n  width: 100%;\r\n  border: none;\r\n  background: none;\r\n  font-family: inherit;\r\n  text-align: left;\r\n}\r\n\r\n.tcw-dropdown-item:hover {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-dropdown-item.tcw-active {\r\n  color: var(--tcw-accent);\r\n}\r\n\r\n.tcw-dropdown-label {\r\n  text-transform: uppercase;\r\n  font-size: 10px;\r\n  color: var(--tcw-text-muted);\r\n  letter-spacing: 0.05em;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.tcw-dropdown-divider {\r\n  border-top: 1px solid var(--tcw-border);\r\n  margin: 4px 0;\r\n}\r\n\r\n.tcw-tag {\r\n  font-size: 10px;\r\n  color: var(--tcw-text-muted);\r\n  padding: 1px 5px;\r\n  border-radius: 3px;\r\n  background: var(--tcw-hover-bg);\r\n}\r\n\r\n/* === Body === */\r\n\r\n.tcw-body {\r\n  display: flex;\r\n  flex: 1;\r\n  min-height: 0;\r\n}\r\n\r\n.tcw-chart-container {\r\n  flex: 1;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n/* === Sidebar === */\r\n\r\n.tcw-sidebar {\r\n  width: 36px;\r\n  flex-shrink: 0;\r\n  background: var(--tcw-bg-elevated);\r\n  border-right: 1px solid var(--tcw-border);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 4px 0;\r\n  overflow: visible;\r\n}\r\n\r\n.tcw-tool-group-wrap {\r\n  position: relative;\r\n}\r\n\r\n.tcw-sidebar-btn {\r\n  width: 36px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none;\r\n  background: transparent;\r\n  color: var(--tcw-text-muted);\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  transition: all var(--tcw-transition);\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  line-height: 1;\r\n}\r\n\r\n.tcw-sidebar-btn:hover {\r\n  color: var(--tcw-text);\r\n  background: var(--tcw-hover-bg);\r\n}\r\n\r\n.tcw-sidebar-btn.tcw-active {\r\n  color: var(--tcw-accent);\r\n  background: var(--tcw-accent-glow);\r\n}\r\n\r\n.tcw-sidebar-btn.tcw-danger:hover {\r\n  color: var(--tcw-red);\r\n  background: rgba(239,68,68,0.1);\r\n}\r\n\r\n.tcw-multi-dot {\r\n  position: absolute;\r\n  bottom: 2px;\r\n  right: 2px;\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n  background: var(--tcw-text-muted);\r\n}\r\n\r\n.tcw-sidebar-divider {\r\n  width: 20px;\r\n  height: 1px;\r\n  background: var(--tcw-border);\r\n  margin: 4px 0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tcw-sidebar-spacer {\r\n  flex: 1;\r\n}\r\n\r\n/* === Flyout === */\r\n\r\n.tcw-flyout {\r\n  position: absolute;\r\n  left: 100%;\r\n  top: 0;\r\n  margin-left: 2px;\r\n  min-width: 160px;\r\n  background: var(--tcw-bg-elevated);\r\n  border: 1px solid var(--tcw-border);\r\n  border-radius: var(--tcw-radius-lg);\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.4);\r\n  z-index: 30;\r\n  padding: 4px 0;\r\n}\r\n\r\n.tcw-flyout-header {\r\n  text-transform: uppercase;\r\n  font-size: 10px;\r\n  color: var(--tcw-text-muted);\r\n  letter-spacing: 0.05em;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.tcw-flyout-item {\r\n  padding: 6px 12px;\r\n  font-size: 12px;\r\n  color: var(--tcw-text-dim);\r\n  cursor: pointer;\r\n  width: 100%;\r\n  display: block;\r\n  border: none;\r\n  background: none;\r\n  text-align: left;\r\n  font-family: inherit;\r\n  transition: background var(--tcw-transition), color var(--tcw-transition);\r\n}\r\n\r\n.tcw-flyout-item:hover {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-flyout-item.tcw-active {\r\n  color: var(--tcw-accent);\r\n}\r\n\r\n/* === Modal === */\r\n\r\n.tcw-modal-backdrop {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0,0,0,0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  z-index: 100;\r\n}\r\n\r\n.tcw-modal {\r\n  position: fixed;\r\n  z-index: 101;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background: var(--tcw-bg-elevated);\r\n  border: 1px solid var(--tcw-border);\r\n  border-radius: var(--tcw-radius-lg);\r\n  width: 480px;\r\n  max-width: 90vw;\r\n  max-height: 80vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 24px 64px rgba(0,0,0,0.5);\r\n}\r\n\r\n.tcw-modal-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px 20px;\r\n  border-bottom: 1px solid var(--tcw-border);\r\n}\r\n\r\n.tcw-modal-header h3 {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-modal-close {\r\n  width: 28px;\r\n  height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none;\r\n  background: transparent;\r\n  color: var(--tcw-text-muted);\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  transition: all var(--tcw-transition);\r\n}\r\n\r\n.tcw-modal-close:hover {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-modal-tabs {\r\n  display: flex;\r\n  gap: 0;\r\n  padding: 0 20px;\r\n  border-bottom: 1px solid var(--tcw-border);\r\n}\r\n\r\n.tcw-modal-tab {\r\n  padding: 10px 16px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  color: var(--tcw-text-muted);\r\n  border: none;\r\n  background: none;\r\n  cursor: pointer;\r\n  border-bottom: 2px solid transparent;\r\n  margin-bottom: -1px;\r\n  transition: color var(--tcw-transition);\r\n  font-family: inherit;\r\n  text-transform: capitalize;\r\n}\r\n\r\n.tcw-modal-tab:hover {\r\n  color: var(--tcw-text-dim);\r\n}\r\n\r\n.tcw-modal-tab.tcw-active {\r\n  color: var(--tcw-accent);\r\n  border-bottom-color: var(--tcw-accent);\r\n}\r\n\r\n.tcw-modal-body {\r\n  padding: 20px;\r\n  overflow-y: auto;\r\n  flex: 1;\r\n}\r\n\r\n.tcw-settings-section {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tcw-settings-section:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.tcw-settings-section-title {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  color: var(--tcw-text-muted);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.tcw-settings-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 0;\r\n}\r\n\r\n.tcw-settings-row + .tcw-settings-row {\r\n  border-top: 1px solid rgba(255,255,255,0.03);\r\n}\r\n\r\n.tcw-root[data-tcw-theme=\"light\"] .tcw-settings-row + .tcw-settings-row {\r\n  border-top: 1px solid rgba(0,0,0,0.04);\r\n}\r\n\r\n.tcw-settings-label {\r\n  font-size: 13px;\r\n  color: var(--tcw-text-dim);\r\n}\r\n\r\n.tcw-color-picker-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.tcw-color-picker-wrap input[type='color'] {\r\n  width: 28px;\r\n  height: 28px;\r\n  border: 1px solid var(--tcw-border);\r\n  border-radius: 4px;\r\n  background: none;\r\n  cursor: pointer;\r\n  padding: 2px;\r\n}\r\n\r\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch-wrapper {\r\n  padding: 0;\r\n}\r\n\r\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {\r\n  border: none;\r\n  border-radius: 2px;\r\n}\r\n\r\n.tcw-color-hex {\r\n  font-size: 11px;\r\n  font-family: var(--tcw-font-mono);\r\n  color: var(--tcw-text-muted);\r\n  min-width: 60px;\r\n}\r\n\r\n.tcw-toggle {\r\n  width: 36px;\r\n  height: 20px;\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 10px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  transition: background var(--tcw-transition);\r\n  border: none;\r\n  padding: 0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tcw-toggle::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 2px;\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: var(--tcw-text-muted);\r\n  transition: all var(--tcw-transition);\r\n}\r\n\r\n.tcw-toggle.tcw-on {\r\n  background: var(--tcw-accent);\r\n}\r\n\r\n.tcw-toggle.tcw-on::after {\r\n  left: 18px;\r\n  background: white;\r\n}\r\n\r\n.tcw-root[data-tcw-theme=\"light\"] .tcw-toggle {\r\n  background: rgba(0,0,0,0.1);\r\n}\r\n\r\n.tcw-root[data-tcw-theme=\"light\"] .tcw-toggle::after {\r\n  background: #888;\r\n}\r\n\r\n.tcw-root[data-tcw-theme=\"light\"] .tcw-toggle.tcw-on {\r\n  background: var(--tcw-accent);\r\n}\r\n\r\n.tcw-root[data-tcw-theme=\"light\"] .tcw-toggle.tcw-on::after {\r\n  background: white;\r\n}\r\n\r\n.tcw-settings-select {\r\n  padding: 4px 8px;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  background: var(--tcw-bg);\r\n  border: 1px solid var(--tcw-border);\r\n  border-radius: 4px;\r\n  color: var(--tcw-text);\r\n  cursor: pointer;\r\n}\r\n\r\n.tcw-modal-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 20px;\r\n  border-top: 1px solid var(--tcw-border);\r\n}\r\n\r\n.tcw-reset-link {\r\n  font-size: 12px;\r\n  color: var(--tcw-text-muted);\r\n  cursor: pointer;\r\n  border: none;\r\n  background: none;\r\n  font-family: inherit;\r\n  text-decoration: underline;\r\n  text-underline-offset: 2px;\r\n  transition: color var(--tcw-transition);\r\n}\r\n\r\n.tcw-reset-link:hover {\r\n  color: var(--tcw-text-dim);\r\n}\r\n\r\n.tcw-done-btn {\r\n  padding: 6px 16px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  background: var(--tcw-accent);\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  transition: background var(--tcw-transition);\r\n}\r\n\r\n.tcw-done-btn:hover {\r\n  background: #2563eb;\r\n}\r\n\r\n/* === Status Bar === */\r\n\r\n.tcw-statusbar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 6px 16px;\r\n  border-top: 1px solid var(--tcw-border);\r\n  background: var(--tcw-bg-elevated);\r\n  font-size: 11px;\r\n  color: var(--tcw-text-muted);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tcw-status-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.tcw-status-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--tcw-text-muted);\r\n  transition: background 0.3s;\r\n}\r\n\r\n.tcw-status-dot.tcw-connected {\r\n  background: var(--tcw-green);\r\n}\r\n\r\n.tcw-status-dot.tcw-error {\r\n  background: var(--tcw-red);\r\n}\r\n\r\n/* === Command Palette === */\r\n\r\n.tcw-cmd-palette {\r\n  position: fixed;\r\n  z-index: 102;\r\n  top: 20%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--tcw-bg-elevated);\r\n  border: 1px solid var(--tcw-border);\r\n  border-radius: var(--tcw-radius-lg);\r\n  width: 520px;\r\n  max-width: 90vw;\r\n  max-height: 60vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 24px 64px rgba(0,0,0,0.5);\r\n  overflow: hidden;\r\n}\r\n\r\n.tcw-cmd-header {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid var(--tcw-border);\r\n  gap: 10px;\r\n}\r\n\r\n.tcw-cmd-icon {\r\n  font-size: 18px;\r\n  color: var(--tcw-text-muted);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tcw-cmd-input {\r\n  flex: 1;\r\n  background: none;\r\n  border: none;\r\n  outline: none;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  color: var(--tcw-text);\r\n  caret-color: var(--tcw-accent);\r\n}\r\n\r\n.tcw-cmd-input::placeholder {\r\n  color: var(--tcw-text-muted);\r\n}\r\n\r\n.tcw-cmd-hint {\r\n  font-size: 10px;\r\n  color: var(--tcw-text-muted);\r\n  border: 1px solid var(--tcw-border);\r\n  padding: 2px 6px;\r\n  border-radius: 3px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tcw-cmd-list {\r\n  overflow-y: auto;\r\n  flex: 1;\r\n  padding: 4px 0;\r\n  max-height: 360px;\r\n}\r\n\r\n.tcw-cmd-category {\r\n  text-transform: uppercase;\r\n  font-size: 10px;\r\n  color: var(--tcw-text-muted);\r\n  letter-spacing: 0.05em;\r\n  padding: 8px 16px 4px;\r\n  font-weight: 600;\r\n}\r\n\r\n.tcw-cmd-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 16px;\r\n  font-size: 13px;\r\n  color: var(--tcw-text-dim);\r\n  cursor: pointer;\r\n  width: 100%;\r\n  border: none;\r\n  background: none;\r\n  font-family: inherit;\r\n  text-align: left;\r\n  transition: background 80ms ease;\r\n  gap: 8px;\r\n}\r\n\r\n.tcw-cmd-item:hover,\r\n.tcw-cmd-item.tcw-selected {\r\n  background: var(--tcw-hover-bg);\r\n  color: var(--tcw-text);\r\n}\r\n\r\n.tcw-cmd-item.tcw-active .tcw-cmd-item-label {\r\n  color: var(--tcw-accent);\r\n}\r\n\r\n.tcw-cmd-item-label {\r\n  flex: 1;\r\n}\r\n\r\n.tcw-cmd-check {\r\n  color: var(--tcw-accent);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.tcw-cmd-kbd {\r\n  font-size: 10px;\r\n  font-family: var(--tcw-font-mono);\r\n  color: var(--tcw-text-muted);\r\n  background: var(--tcw-bg);\r\n  border: 1px solid var(--tcw-border);\r\n  padding: 1px 5px;\r\n  border-radius: 3px;\r\n}\r\n\r\n.tcw-cmd-empty {\r\n  padding: 24px 16px;\r\n  text-align: center;\r\n  color: var(--tcw-text-muted);\r\n  font-size: 13px;\r\n}\r\n\r\n.tcw-cmd-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 8px 16px;\r\n  border-top: 1px solid var(--tcw-border);\r\n  font-size: 11px;\r\n  color: var(--tcw-text-muted);\r\n}\r\n\r\n/* === Responsive === */\r\n\r\n@media (max-width: 768px) {\r\n  .tcw-toolbar {\r\n    padding: 0 8px;\r\n    height: 36px;\r\n  }\r\n  .tcw-toolbar-sep {\r\n    display: none;\r\n  }\r\n  .tcw-indicator-chips {\r\n    display: none;\r\n  }\r\n  .tcw-sidebar {\r\n    width: 32px;\r\n  }\r\n  .tcw-sidebar-btn {\r\n    width: 32px;\r\n    height: 28px;\r\n  }\r\n}\r\n", d = 0, f = "tcw-styles";
-function p() {
-	if (d++, d > 1 || document.getElementById(f)) return;
+}, d = "/* === TradeCanvas Widget — Premium Styles === */\n\n.tcw-root {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;\n  font-feature-settings: 'cv11', 'ss01', 'ss03';\n  font-size: 13px;\n  line-height: 1.4;\n  color: #d1d4dc;\n  background: #0d0f17;\n  position: relative;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  /* --- Dark theme tokens (default) --- */\n  --tcw-bg: #0d0f17;\n  --tcw-bg-surface: #131722;\n  --tcw-bg-elevated: #1a1e2d;\n  --tcw-bg-overlay: #20253480;\n  --tcw-border: #2a2e39;\n  --tcw-border-strong: #363a45;\n  --tcw-text: #e9ebf0;\n  --tcw-text-dim: #b2b5be;\n  --tcw-text-muted: #6b6f7a;\n\n  --tcw-accent: #4f88ff;\n  --tcw-accent-hover: #6b9aff;\n  --tcw-accent-soft: rgba(79, 136, 255, 0.14);\n  --tcw-accent-glow: rgba(79, 136, 255, 0.22);\n  --tcw-accent-line: rgba(79, 136, 255, 0.55);\n\n  --tcw-red: #f23645;\n  --tcw-red-soft: rgba(242, 54, 69, 0.12);\n  --tcw-green: #26a17b;\n  --tcw-green-soft: rgba(38, 161, 123, 0.12);\n  --tcw-amber: #ff9f43;\n\n  --tcw-hover-bg: rgba(255, 255, 255, 0.05);\n  --tcw-active-bg: rgba(255, 255, 255, 0.08);\n  --tcw-divider: rgba(255, 255, 255, 0.06);\n\n  /* Motion */\n  --tcw-ease: cubic-bezier(0.2, 0, 0, 1);\n  --tcw-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n  --tcw-dur-fast: 120ms;\n  --tcw-dur-normal: 180ms;\n  --tcw-dur-slow: 260ms;\n\n  /* Shape */\n  --tcw-radius-sm: 4px;\n  --tcw-radius: 6px;\n  --tcw-radius-lg: 10px;\n  --tcw-radius-xl: 14px;\n\n  /* Elevation */\n  --tcw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);\n  --tcw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);\n  --tcw-shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);\n  --tcw-shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.55), 0 12px 24px rgba(0, 0, 0, 0.35);\n  --tcw-ring: 0 0 0 2px rgba(79, 136, 255, 0.45);\n\n  /* Type */\n  --tcw-font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace;\n}\n\n.tcw-root[data-tcw-theme='light'] {\n  color: #131722;\n  background: #fcfcfd;\n\n  --tcw-bg: #fcfcfd;\n  --tcw-bg-surface: #ffffff;\n  --tcw-bg-elevated: #ffffff;\n  --tcw-bg-overlay: rgba(255, 255, 255, 0.75);\n  --tcw-border: #e7e9ef;\n  --tcw-border-strong: #d4d7e0;\n  --tcw-text: #131722;\n  --tcw-text-dim: #50545e;\n  --tcw-text-muted: #8b8f99;\n\n  --tcw-accent: #2962ff;\n  --tcw-accent-hover: #1e4fd6;\n  --tcw-accent-soft: rgba(41, 98, 255, 0.10);\n  --tcw-accent-glow: rgba(41, 98, 255, 0.16);\n  --tcw-accent-line: rgba(41, 98, 255, 0.45);\n\n  --tcw-hover-bg: rgba(0, 0, 0, 0.04);\n  --tcw-active-bg: rgba(41, 98, 255, 0.08);\n  --tcw-divider: rgba(0, 0, 0, 0.06);\n\n  --tcw-shadow-sm: 0 1px 2px rgba(20, 28, 56, 0.05);\n  --tcw-shadow-md: 0 4px 12px rgba(20, 28, 56, 0.08), 0 1px 3px rgba(20, 28, 56, 0.04);\n  --tcw-shadow-lg: 0 12px 36px rgba(20, 28, 56, 0.14), 0 4px 12px rgba(20, 28, 56, 0.08);\n  --tcw-shadow-xl: 0 24px 64px rgba(20, 28, 56, 0.18), 0 12px 24px rgba(20, 28, 56, 0.1);\n}\n\n/* === Toolbar === */\n\n.tcw-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  padding: 0 10px;\n  height: 44px;\n  border-bottom: 1px solid var(--tcw-border);\n  background:\n    linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);\n  flex-shrink: 0;\n  position: relative;\n  z-index: 20;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-toolbar-symbol {\n  font-size: 14px;\n  font-weight: 650;\n  color: var(--tcw-text);\n  padding: 6px 12px;\n  white-space: nowrap;\n  letter-spacing: -0.015em;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  border-radius: var(--tcw-radius);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-toolbar-symbol:hover {\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-toolbar-sep {\n  width: 1px;\n  height: 22px;\n  background: var(--tcw-border);\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.tcw-toolbar-group {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 0 4px;\n}\n\n.tcw-toolbar-spacer {\n  flex: 1;\n}\n\n.tcw-btn {\n  padding: 6px 10px;\n  font-size: 12px;\n  font-weight: 500;\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease),\n    transform var(--tcw-dur-fast) var(--tcw-ease);\n  white-space: nowrap;\n  line-height: 1;\n  letter-spacing: -0.005em;\n}\n\n.tcw-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-btn:active {\n  transform: translateY(0.5px);\n}\n\n.tcw-btn.tcw-active {\n  background: var(--tcw-accent-soft);\n  color: var(--tcw-accent);\n  font-weight: 600;\n  box-shadow: inset 0 0 0 1px var(--tcw-accent-line);\n}\n\n.tcw-btn:focus-visible,\n.tcw-btn-icon:focus-visible,\n.tcw-sidebar-btn:focus-visible,\n.tcw-dropdown-trigger:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n\n.tcw-btn-icon {\n  width: 32px;\n  height: 32px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease);\n  line-height: 1;\n  position: relative;\n}\n\n.tcw-btn-icon:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-btn-icon svg {\n  display: block;\n}\n\n.tcw-badge-count {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  padding: 1px 5px;\n  border-radius: 9px;\n  font-family: var(--tcw-font-mono);\n}\n\n.tcw-indicator-chips {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 4px;\n  flex-wrap: nowrap;\n  overflow: hidden;\n}\n\n.tcw-indicator-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 6px 3px 9px;\n  font-size: 11px;\n  font-weight: 500;\n  background: var(--tcw-accent-soft);\n  color: var(--tcw-accent);\n  border-radius: 9999px;\n  white-space: nowrap;\n  line-height: 1.4;\n  letter-spacing: -0.005em;\n  border: 1px solid transparent;\n  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-indicator-chip:hover {\n  border-color: var(--tcw-accent-line);\n}\n\n.tcw-chip-remove {\n  cursor: pointer;\n  opacity: 0.55;\n  padding: 0 2px;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n  border: none;\n  background: transparent;\n  color: inherit;\n  display: inline-flex;\n  align-items: center;\n}\n\n.tcw-chip-remove:hover {\n  opacity: 1;\n}\n\n/* === Dropdown === */\n\n.tcw-dropdown-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 10px;\n  font-size: 12px;\n  font-weight: 500;\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  white-space: nowrap;\n  line-height: 1;\n}\n\n.tcw-dropdown-trigger:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-dropdown {\n  position: absolute;\n  top: 100%;\n  margin-top: 6px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-lg);\n  box-shadow: var(--tcw-shadow-lg);\n  z-index: 50;\n  padding: 6px;\n  max-height: 420px;\n  overflow-y: auto;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-pop-in {\n  from { opacity: 0; transform: translateY(-4px) scale(0.98); }\n  to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.tcw-dropdown-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 7px 10px;\n  font-size: 12.5px;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-align: left;\n  border-radius: var(--tcw-radius-sm);\n  gap: 12px;\n}\n\n.tcw-dropdown-item:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-dropdown-item.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  font-weight: 600;\n}\n\n.tcw-dropdown-label {\n  text-transform: uppercase;\n  font-size: 10px;\n  color: var(--tcw-text-muted);\n  letter-spacing: 0.08em;\n  padding: 8px 10px 4px;\n  font-weight: 600;\n}\n\n.tcw-dropdown-divider {\n  border-top: 1px solid var(--tcw-divider);\n  margin: 6px 4px;\n}\n\n.tcw-tag {\n  font-size: 10px;\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--tcw-hover-bg);\n  letter-spacing: 0.02em;\n}\n\n/* === Body === */\n\n.tcw-body {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  background: var(--tcw-bg);\n}\n\n.tcw-chart-container {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n/* === Sidebar === */\n\n.tcw-sidebar {\n  width: 40px;\n  flex-shrink: 0;\n  background: linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);\n  border-right: 1px solid var(--tcw-border);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 6px 0;\n  overflow: visible;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-tool-group-wrap {\n  position: relative;\n}\n\n.tcw-sidebar-btn {\n  width: 32px;\n  height: 32px;\n  margin: 1px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease);\n  position: relative;\n  flex-shrink: 0;\n  line-height: 1;\n  border-radius: var(--tcw-radius);\n}\n\n.tcw-sidebar-btn:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-sidebar-btn.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  box-shadow: inset 2px 0 0 var(--tcw-accent);\n}\n\n.tcw-sidebar-btn.tcw-danger:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-red-soft);\n}\n\n.tcw-multi-dot {\n  position: absolute;\n  bottom: 3px;\n  right: 3px;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  opacity: 0.7;\n}\n\n.tcw-sidebar-divider {\n  width: 22px;\n  height: 1px;\n  background: var(--tcw-divider);\n  margin: 6px 0;\n  flex-shrink: 0;\n}\n\n.tcw-sidebar-spacer {\n  flex: 1;\n}\n\n/* === Flyout === */\n\n.tcw-flyout {\n  position: absolute;\n  left: 100%;\n  top: 0;\n  margin-left: 6px;\n  min-width: 180px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-lg);\n  box-shadow: var(--tcw-shadow-lg);\n  z-index: 30;\n  padding: 6px;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  animation: tcw-slide-right var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-slide-right {\n  from { opacity: 0; transform: translateX(-4px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n.tcw-flyout-header {\n  text-transform: uppercase;\n  font-size: 10px;\n  color: var(--tcw-text-muted);\n  letter-spacing: 0.08em;\n  padding: 6px 10px 4px;\n  font-weight: 600;\n}\n\n.tcw-flyout-item {\n  padding: 7px 10px;\n  font-size: 12.5px;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  width: 100%;\n  display: block;\n  border: none;\n  background: transparent;\n  text-align: left;\n  font-family: inherit;\n  border-radius: var(--tcw-radius-sm);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-flyout-item:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-flyout-item.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  font-weight: 600;\n}\n\n/* === Modal === */\n\n.tcw-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(8, 10, 18, 0.55);\n  backdrop-filter: blur(6px) saturate(140%);\n  -webkit-backdrop-filter: blur(6px) saturate(140%);\n  z-index: 100;\n  animation: tcw-fade-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.tcw-modal {\n  position: fixed;\n  z-index: 101;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-xl);\n  width: 520px;\n  max-width: 92vw;\n  max-height: 82vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--tcw-shadow-xl);\n  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n}\n\n@keyframes tcw-modal-in {\n  from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }\n  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }\n}\n\n.tcw-modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 22px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-modal-header h3 {\n  font-size: 15px;\n  font-weight: 650;\n  margin: 0;\n  color: var(--tcw-text);\n  letter-spacing: -0.015em;\n}\n\n.tcw-modal-close {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  border-radius: var(--tcw-radius);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-modal-close:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-modal-tabs {\n  display: flex;\n  gap: 4px;\n  padding: 0 18px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-modal-tab {\n  padding: 11px 14px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--tcw-text-muted);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);\n  font-family: inherit;\n  text-transform: capitalize;\n  letter-spacing: -0.005em;\n}\n\n.tcw-modal-tab:hover {\n  color: var(--tcw-text-dim);\n}\n\n.tcw-modal-tab.tcw-active {\n  color: var(--tcw-accent);\n  border-bottom-color: var(--tcw-accent);\n  font-weight: 600;\n}\n\n.tcw-modal-body {\n  padding: 20px 22px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.tcw-settings-section {\n  margin-bottom: 22px;\n}\n\n.tcw-settings-section:last-child {\n  margin-bottom: 0;\n}\n\n.tcw-settings-section-title {\n  font-size: 10.5px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.09em;\n  color: var(--tcw-text-muted);\n  margin-bottom: 12px;\n}\n\n.tcw-settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 0;\n}\n\n.tcw-settings-row + .tcw-settings-row {\n  border-top: 1px solid var(--tcw-divider);\n}\n\n.tcw-settings-label {\n  font-size: 13px;\n  color: var(--tcw-text-dim);\n  letter-spacing: -0.005em;\n}\n\n.tcw-color-picker-wrap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tcw-color-picker-wrap input[type='color'] {\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n}\n\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {\n  border: none;\n  border-radius: 2px;\n}\n\n.tcw-color-hex {\n  font-size: 11px;\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  min-width: 64px;\n  letter-spacing: 0.01em;\n}\n\n.tcw-toggle {\n  width: 36px;\n  height: 20px;\n  background: rgba(255, 255, 255, 0.12);\n  border-radius: 10px;\n  position: relative;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n  border: none;\n  padding: 0;\n  flex-shrink: 0;\n}\n\n.tcw-toggle::after {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  transition:\n    left var(--tcw-dur-normal) var(--tcw-ease-out),\n    background var(--tcw-dur-fast) var(--tcw-ease);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tcw-toggle.tcw-on {\n  background: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-glow);\n}\n\n.tcw-toggle.tcw-on::after {\n  left: 18px;\n  background: #fff;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle {\n  background: rgba(0, 0, 0, 0.12);\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle::after {\n  background: #999;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on {\n  background: var(--tcw-accent);\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on::after {\n  background: #fff;\n}\n\n.tcw-settings-select {\n  padding: 6px 10px;\n  font-size: 12px;\n  font-family: inherit;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius);\n  color: var(--tcw-text);\n  cursor: pointer;\n  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-settings-select:hover {\n  border-color: var(--tcw-border-strong);\n}\n\n.tcw-settings-select:focus-visible {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: var(--tcw-ring);\n}\n\n.tcw-modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 22px;\n  border-top: 1px solid var(--tcw-divider);\n  background: var(--tcw-bg-surface);\n  border-radius: 0 0 var(--tcw-radius-xl) var(--tcw-radius-xl);\n}\n\n.tcw-reset-link {\n  font-size: 12px;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  text-decoration-color: var(--tcw-border-strong);\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), text-decoration-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-reset-link:hover {\n  color: var(--tcw-text-dim);\n  text-decoration-color: currentColor;\n}\n\n.tcw-done-btn {\n  padding: 8px 18px;\n  font-size: 12.5px;\n  font-weight: 600;\n  background: var(--tcw-accent);\n  color: #fff;\n  border: none;\n  border-radius: var(--tcw-radius);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    transform var(--tcw-dur-fast) var(--tcw-ease),\n    box-shadow var(--tcw-dur-fast) var(--tcw-ease);\n  letter-spacing: -0.005em;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);\n}\n\n.tcw-done-btn:hover {\n  background: var(--tcw-accent-hover);\n  box-shadow: var(--tcw-shadow-md), 0 0 0 3px var(--tcw-accent-glow);\n}\n\n.tcw-done-btn:active {\n  transform: translateY(0.5px);\n}\n\n/* === Status Bar === */\n\n.tcw-statusbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 7px 16px;\n  border-top: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  font-size: 11px;\n  color: var(--tcw-text-muted);\n  flex-shrink: 0;\n  font-feature-settings: 'tnum';\n}\n\n.tcw-status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-weight: 500;\n}\n\n.tcw-status-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  transition: background var(--tcw-dur-normal) var(--tcw-ease), box-shadow var(--tcw-dur-normal) var(--tcw-ease);\n  position: relative;\n}\n\n.tcw-status-dot.tcw-connected {\n  background: var(--tcw-green);\n  box-shadow: 0 0 0 3px rgba(38, 161, 123, 0.18);\n}\n\n.tcw-status-dot.tcw-connected::after {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  border-radius: 50%;\n  border: 2px solid var(--tcw-green);\n  opacity: 0;\n  animation: tcw-pulse 2.2s ease-out infinite;\n}\n\n@keyframes tcw-pulse {\n  0% { opacity: 0.6; transform: scale(0.6); }\n  100% { opacity: 0; transform: scale(2.2); }\n}\n\n.tcw-status-dot.tcw-error {\n  background: var(--tcw-red);\n  box-shadow: 0 0 0 3px rgba(242, 54, 69, 0.2);\n}\n\n/* === Command Palette === */\n\n.tcw-cmd-palette {\n  position: fixed;\n  z-index: 102;\n  top: 18%;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-xl);\n  width: 560px;\n  max-width: 92vw;\n  max-height: 62vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--tcw-shadow-xl);\n  overflow: hidden;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n}\n\n.tcw-cmd-header {\n  display: flex;\n  align-items: center;\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--tcw-divider);\n  gap: 12px;\n}\n\n.tcw-cmd-icon {\n  font-size: 18px;\n  color: var(--tcw-text-muted);\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n}\n\n.tcw-cmd-input {\n  flex: 1;\n  background: transparent;\n  border: none;\n  outline: none;\n  font-size: 14.5px;\n  font-family: inherit;\n  color: var(--tcw-text);\n  caret-color: var(--tcw-accent);\n  letter-spacing: -0.005em;\n}\n\n.tcw-cmd-input::placeholder {\n  color: var(--tcw-text-muted);\n}\n\n.tcw-cmd-hint {\n  font-size: 10px;\n  color: var(--tcw-text-muted);\n  font-family: var(--tcw-font-mono);\n  border: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  padding: 3px 7px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  box-shadow: inset 0 -1px 0 var(--tcw-border);\n}\n\n.tcw-cmd-list {\n  overflow-y: auto;\n  flex: 1;\n  padding: 6px;\n  max-height: 380px;\n}\n\n.tcw-cmd-category {\n  text-transform: uppercase;\n  font-size: 10px;\n  color: var(--tcw-text-muted);\n  letter-spacing: 0.09em;\n  padding: 10px 10px 4px;\n  font-weight: 600;\n}\n\n.tcw-cmd-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: 13px;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-align: left;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  gap: 10px;\n  border-radius: var(--tcw-radius);\n  letter-spacing: -0.005em;\n}\n\n.tcw-cmd-item:hover,\n.tcw-cmd-item.tcw-selected {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-cmd-item.tcw-selected {\n  box-shadow: inset 2px 0 0 var(--tcw-accent);\n}\n\n.tcw-cmd-item.tcw-active .tcw-cmd-item-label {\n  color: var(--tcw-accent);\n  font-weight: 600;\n}\n\n.tcw-cmd-item-label {\n  flex: 1;\n}\n\n.tcw-cmd-check {\n  color: var(--tcw-accent);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.tcw-cmd-kbd {\n  font-size: 10px;\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  padding: 2px 6px;\n  border-radius: 4px;\n  box-shadow: inset 0 -1px 0 var(--tcw-border);\n}\n\n.tcw-cmd-empty {\n  padding: 32px 16px;\n  text-align: center;\n  color: var(--tcw-text-muted);\n  font-size: 13px;\n}\n\n.tcw-cmd-footer {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  padding: 10px 18px;\n  border-top: 1px solid var(--tcw-divider);\n  font-size: 11px;\n  color: var(--tcw-text-muted);\n  background: var(--tcw-bg-surface);\n}\n\n/* === Watchlist === */\n\n.tcw-watchlist {\n  width: 220px;\n  flex-shrink: 0;\n  background: var(--tcw-bg-surface);\n  border-left: 1px solid var(--tcw-border);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-watchlist-header {\n  padding: 10px 14px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--tcw-text-muted);\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-watchlist-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n}\n\n.tcw-watchlist-row {\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n  border-left: 2px solid transparent;\n  outline: none;\n}\n\n.tcw-watchlist-row:hover {\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-watchlist-row:focus-visible {\n  background: var(--tcw-hover-bg);\n  border-left-color: var(--tcw-accent);\n}\n\n.tcw-watchlist-row.tcw-watchlist-active {\n  background: var(--tcw-accent-soft);\n  border-left-color: var(--tcw-accent);\n}\n\n.tcw-watchlist-symbol {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--tcw-text);\n  letter-spacing: -0.005em;\n  white-space: nowrap;\n}\n\n.tcw-watchlist-spark {\n  width: 56px;\n  height: 22px;\n  align-self: center;\n}\n\n.tcw-watchlist-stats {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 1px;\n  font-variant-numeric: tabular-nums;\n  font-family: var(--tcw-font-mono);\n}\n\n.tcw-watchlist-price {\n  font-size: 12px;\n  color: var(--tcw-text);\n  font-weight: 500;\n}\n\n.tcw-watchlist-change {\n  font-size: 10.5px;\n  color: var(--tcw-text-muted);\n  font-weight: 500;\n}\n\n.tcw-watchlist-change.tcw-up {\n  color: var(--tcw-green);\n}\n\n.tcw-watchlist-change.tcw-down {\n  color: var(--tcw-red);\n}\n\n@media (max-width: 768px) {\n  .tcw-watchlist {\n    display: none;\n  }\n}\n\n/* === Toast === */\n\n.tcw-toast {\n  position: absolute;\n  bottom: 60px;\n  left: 50%;\n  transform: translate(-50%, 12px);\n  z-index: 40;\n  padding: 9px 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: 9999px;\n  box-shadow: var(--tcw-shadow-lg);\n  font-size: 12.5px;\n  font-weight: 500;\n  color: var(--tcw-text);\n  opacity: 0;\n  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out), transform var(--tcw-dur-normal) var(--tcw-ease-out);\n  pointer-events: none;\n  max-width: calc(100% - 32px);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  letter-spacing: -0.005em;\n}\n\n.tcw-toast.tcw-toast-in {\n  opacity: 1;\n  transform: translate(-50%, 0);\n}\n\n.tcw-toast-error {\n  border-color: var(--tcw-red);\n  color: var(--tcw-red);\n}\n\n/* === Replay scrubber === */\n\n.tcw-replay-bar {\n  position: absolute;\n  left: 50%;\n  bottom: 16px;\n  transform: translateX(-50%);\n  z-index: 25;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: 9999px;\n  box-shadow: var(--tcw-shadow-lg);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  font-size: 12px;\n  color: var(--tcw-text);\n  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n.tcw-replay-btn {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-dim);\n  border-radius: 9999px;\n  cursor: pointer;\n  font-family: inherit;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-replay-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-replay-btn.tcw-replay-play {\n  background: var(--tcw-accent);\n  color: #fff;\n  width: 32px;\n  height: 32px;\n  box-shadow: 0 0 0 3px var(--tcw-accent-glow);\n}\n\n.tcw-replay-btn.tcw-replay-play:hover {\n  background: var(--tcw-accent-hover);\n}\n\n.tcw-replay-scrubber {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 220px;\n  height: 4px;\n  background: var(--tcw-border-strong);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n}\n\n.tcw-replay-scrubber::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  border: 2px solid var(--tcw-bg-elevated);\n  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n}\n\n.tcw-replay-scrubber::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  border: 2px solid var(--tcw-bg-elevated);\n  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n}\n\n.tcw-replay-progress {\n  font-size: 11px;\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  min-width: 64px;\n  text-align: center;\n  font-feature-settings: 'tnum';\n}\n\n.tcw-replay-speed {\n  padding: 4px 8px;\n  font-size: 11px;\n  font-family: var(--tcw-font-mono);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n}\n\n.tcw-replay-speed:hover {\n  border-color: var(--tcw-border-strong);\n}\n\n@media (max-width: 640px) {\n  .tcw-replay-scrubber {\n    width: 140px;\n  }\n  .tcw-replay-progress {\n    display: none;\n  }\n}\n\n/* === Hotkey sheet === */\n\n.tcw-hotkey-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px 32px;\n}\n\n.tcw-hotkey-section .tcw-settings-section-title {\n  margin-bottom: 8px;\n}\n\n.tcw-hotkey-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 6px 0;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-hotkey-row:last-child {\n  border-bottom: none;\n}\n\n.tcw-hotkey-keys {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.tcw-hotkey-sep {\n  font-size: 10px;\n  color: var(--tcw-text-muted);\n}\n\n.tcw-hotkey-label {\n  font-size: 12.5px;\n  color: var(--tcw-text-dim);\n  text-align: right;\n  letter-spacing: -0.005em;\n}\n\n@media (max-width: 640px) {\n  .tcw-hotkey-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n}\n\n/* === Scrollbar (subtle, premium feel) === */\n\n.tcw-dropdown::-webkit-scrollbar,\n.tcw-modal-body::-webkit-scrollbar,\n.tcw-cmd-list::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.tcw-dropdown::-webkit-scrollbar-track,\n.tcw-modal-body::-webkit-scrollbar-track,\n.tcw-cmd-list::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.tcw-dropdown::-webkit-scrollbar-thumb,\n.tcw-modal-body::-webkit-scrollbar-thumb,\n.tcw-cmd-list::-webkit-scrollbar-thumb {\n  background: var(--tcw-border-strong);\n  border-radius: 4px;\n  border: 2px solid transparent;\n  background-clip: padding-box;\n}\n\n.tcw-dropdown::-webkit-scrollbar-thumb:hover,\n.tcw-modal-body::-webkit-scrollbar-thumb:hover,\n.tcw-cmd-list::-webkit-scrollbar-thumb:hover {\n  background: var(--tcw-text-muted);\n  background-clip: padding-box;\n  border: 2px solid transparent;\n}\n\n/* === Responsive === */\n\n@media (max-width: 768px) {\n  .tcw-toolbar {\n    padding: 0 6px;\n    height: 40px;\n  }\n  .tcw-toolbar-sep {\n    display: none;\n  }\n  .tcw-indicator-chips {\n    display: none;\n  }\n  .tcw-sidebar {\n    width: 36px;\n  }\n  .tcw-sidebar-btn {\n    width: 28px;\n    height: 28px;\n  }\n  .tcw-modal {\n    width: 94vw;\n    border-radius: var(--tcw-radius-lg);\n  }\n  .tcw-cmd-palette {\n    width: 94vw;\n    border-radius: var(--tcw-radius-lg);\n  }\n}\n\n/* === Reduced motion === */\n\n@media (prefers-reduced-motion: reduce) {\n  .tcw-root *,\n  .tcw-root *::before,\n  .tcw-root *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n", f = 0, p = "tcw-styles";
+function m() {
+	if (f++, f > 1 || document.getElementById(p)) return;
 	let e = document.createElement("style");
-	e.id = f, e.textContent = u, document.head.appendChild(e);
+	e.id = p, e.textContent = d, document.head.appendChild(e);
 }
-function m() {
-	if (d--, d > 0) return;
-	let e = document.getElementById(f);
+function h() {
+	if (f--, f > 0) return;
+	let e = document.getElementById(p);
 	e && e.remove();
 }
 //#endregion
 //#region src/widget/icons.ts
-var h = {
+var g = {
 	cursor: "<path d=\"M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z\"/><path d=\"M13 13l6 6\"/>",
 	trendingUp: "<polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"/><polyline points=\"16 7 22 7 22 13\"/>",
 	minus: "<path d=\"M5 12h14\"/>",
@@ -425,13 +426,13 @@ var h = {
 	stop: "<rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" rx=\"1\"/>",
 	receipt: "<path d=\"M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z\"/><path d=\"M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8\"/><path d=\"M12 17.5v-11\"/>"
 };
-function g(e, t = 14) {
-	let n = h[e];
+function _(e, t = 14) {
+	let n = g[e];
 	return n ? `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${n}</svg>` : "";
 }
 //#endregion
 //#region src/widget/WidgetDropdown.ts
-var _ = class {
+var v = class {
 	trigger;
 	panel;
 	_isOpen = !1;
@@ -462,7 +463,7 @@ var _ = class {
 	destroy() {
 		this.trigger.removeEventListener("click", this.onTriggerClick), document.removeEventListener("mousedown", this.onOutsideClick), document.removeEventListener("keydown", this.onEscapeKey), this.panel.remove();
 	}
-}, v = class {
+}, y = class {
 	config;
 	callbacks;
 	el;
@@ -487,11 +488,14 @@ var _ = class {
 		let a = document.createElement("div");
 		a.style.position = "relative", a.style.display = "inline-flex";
 		let o = document.createElement("button");
-		o.className = "tcw-dropdown-trigger", o.dataset.role = "charttype", a.appendChild(o), n.appendChild(a), this.chartTypeDropdown = new _(a, { width: "160px" }), this.buildChartTypeMenu(), n.appendChild(this.sep());
+		o.className = "tcw-dropdown-trigger", o.dataset.role = "charttype", a.appendChild(o), n.appendChild(a), this.chartTypeDropdown = new v(a, { width: "160px" }), this.buildChartTypeMenu(), n.appendChild(this.sep());
 		let s = document.createElement("div");
 		s.style.position = "relative", s.style.display = "inline-flex";
 		let c = document.createElement("button");
-		c.className = "tcw-dropdown-trigger", c.dataset.role = "indicators", s.appendChild(c), n.appendChild(s), this.indicatorDropdown = new _(s, { width: "280px" }), this.buildIndicatorMenu(), this.chipsContainer = document.createElement("div"), this.chipsContainer.className = "tcw-indicator-chips", n.appendChild(this.chipsContainer), n.appendChild(this.spacer());
+		if (c.className = "tcw-dropdown-trigger", c.dataset.role = "indicators", s.appendChild(c), n.appendChild(s), this.indicatorDropdown = new v(s, { width: "280px" }), this.buildIndicatorMenu(), this.chipsContainer = document.createElement("div"), this.chipsContainer.className = "tcw-indicator-chips", n.appendChild(this.chipsContainer), n.appendChild(this.spacer()), t.onToggleReplay) {
+			let e = this.iconBtn("play", "Bar replay", t.onToggleReplay);
+			e.dataset.role = "replay", n.appendChild(e);
+		}
 		let l = this.iconBtn("camera", "Screenshot", t.onScreenshot);
 		n.appendChild(l);
 		let u = this.iconBtn("settings", "Chart Settings", t.onSettings);
@@ -527,11 +531,11 @@ var _ = class {
 		let n = this.el.querySelector("[data-role=\"charttype\"]");
 		if (n) {
 			let t = this.config.chartTypes.find((t) => t.value === e.chartType)?.label ?? "Candles";
-			n.innerHTML = `${g("barChart", 14)} ${t} ${g("chevronDown", 12)}`;
+			n.innerHTML = `${_("barChart", 14)} ${t} ${_("chevronDown", 12)}`;
 		}
 		let r = this.el.querySelector("[data-role=\"indicators\"]");
 		if (r) {
-			let t = e.activeIndicators.size, n = `${g("trendingUp", 14)} Indicators`;
+			let t = e.activeIndicators.size, n = `${_("trendingUp", 14)} Indicators`;
 			t > 0 && (n += ` <span class="tcw-badge-count">${t}</span>`), r.innerHTML = n;
 		}
 		if (this.chipsContainer) {
@@ -543,10 +547,10 @@ var _ = class {
 				let n = document.createElement("span");
 				n.textContent = e.label, t.appendChild(n);
 				let r = document.createElement("button");
-				r.className = "tcw-chip-remove", r.innerHTML = g("x", 10), r.addEventListener("click", () => this.callbacks.onRemoveIndicator(e.instanceId)), t.appendChild(r), this.chipsContainer.appendChild(t);
+				r.className = "tcw-chip-remove", r.innerHTML = _("x", 10), r.addEventListener("click", () => this.callbacks.onRemoveIndicator(e.instanceId)), t.appendChild(r), this.chipsContainer.appendChild(t);
 			}
 		}
-		this.themeBtn && (this.themeBtn.innerHTML = e.isDark ? g("moon", 14) : g("sun", 14));
+		this.themeBtn && (this.themeBtn.innerHTML = e.isDark ? _("moon", 14) : _("sun", 14));
 	}
 	getActiveIndicatorList(e) {
 		let t = [];
@@ -567,12 +571,12 @@ var _ = class {
 	}
 	iconBtn(e, t, n) {
 		let r = document.createElement("button");
-		return r.className = "tcw-btn-icon", r.title = t, r.innerHTML = g(e, 14), r.addEventListener("click", n), r;
+		return r.className = "tcw-btn-icon", r.title = t, r.innerHTML = _(e, 14), r.addEventListener("click", n), r;
 	}
 	destroy() {
 		this.chartTypeDropdown?.destroy(), this.indicatorDropdown?.destroy(), this.el.remove();
 	}
-}, y = [
+}, b = [
 	"trendingUp",
 	"minus",
 	"penLine",
@@ -581,7 +585,7 @@ var _ = class {
 	"gitBranch",
 	"ruler",
 	"type"
-], b = class {
+], x = class {
 	config;
 	callbacks;
 	el;
@@ -595,24 +599,24 @@ var _ = class {
 	}
 	build() {
 		let { config: e, callbacks: t, el: n } = this;
-		this.cursorBtn = document.createElement("button"), this.cursorBtn.className = "tcw-sidebar-btn", this.cursorBtn.title = "Cursor", this.cursorBtn.innerHTML = g("cursor", 14), this.cursorBtn.addEventListener("click", t.onCancelDrawing), n.appendChild(this.cursorBtn), n.appendChild(this.divider()), e.drawingToolGroups.forEach((e, r) => {
+		this.cursorBtn = document.createElement("button"), this.cursorBtn.className = "tcw-sidebar-btn", this.cursorBtn.title = "Cursor", this.cursorBtn.innerHTML = _("cursor", 14), this.cursorBtn.addEventListener("click", t.onCancelDrawing), n.appendChild(this.cursorBtn), n.appendChild(this.divider()), e.drawingToolGroups.forEach((e, r) => {
 			let i = document.createElement("div");
 			i.className = "tcw-tool-group-wrap";
 			let a = document.createElement("button");
-			if (a.className = "tcw-sidebar-btn", a.title = e.label, a.innerHTML = g(y[r] ?? "square", 14), e.tools.length > 1) {
+			if (a.className = "tcw-sidebar-btn", a.title = e.label, a.innerHTML = _(b[r] ?? "square", 14), e.tools.length > 1) {
 				let e = document.createElement("span");
 				e.className = "tcw-multi-dot", a.appendChild(e);
 			}
 			a.addEventListener("click", () => t.onDrawingTool(e.tools[0].value)), i.appendChild(a), i.addEventListener("mouseenter", () => this.showFlyout(r)), i.addEventListener("mouseleave", () => this.hideFlyout()), n.appendChild(i), this.groupWraps.push(i), this.groupButtons.push(a);
 		});
 		let r = document.createElement("div");
-		r.className = "tcw-sidebar-spacer", n.appendChild(r), n.appendChild(this.divider()), this.magnetBtn = document.createElement("button"), this.magnetBtn.className = "tcw-sidebar-btn", this.magnetBtn.title = "Magnet", this.magnetBtn.innerHTML = g("magnet", 14), this.magnetBtn.addEventListener("click", t.onToggleMagnet), n.appendChild(this.magnetBtn);
+		r.className = "tcw-sidebar-spacer", n.appendChild(r), n.appendChild(this.divider()), this.magnetBtn = document.createElement("button"), this.magnetBtn.className = "tcw-sidebar-btn", this.magnetBtn.title = "Magnet", this.magnetBtn.innerHTML = _("magnet", 14), this.magnetBtn.addEventListener("click", t.onToggleMagnet), n.appendChild(this.magnetBtn);
 		let i = document.createElement("button");
-		i.className = "tcw-sidebar-btn", i.title = "Undo", i.innerHTML = g("undo", 14), i.addEventListener("click", t.onUndo), n.appendChild(i);
+		i.className = "tcw-sidebar-btn", i.title = "Undo", i.innerHTML = _("undo", 14), i.addEventListener("click", t.onUndo), n.appendChild(i);
 		let a = document.createElement("button");
-		a.className = "tcw-sidebar-btn", a.title = "Redo", a.innerHTML = g("redo", 14), a.addEventListener("click", t.onRedo), n.appendChild(a);
+		a.className = "tcw-sidebar-btn", a.title = "Redo", a.innerHTML = _("redo", 14), a.addEventListener("click", t.onRedo), n.appendChild(a);
 		let o = document.createElement("button");
-		o.className = "tcw-sidebar-btn tcw-danger", o.title = "Clear all", o.innerHTML = g("trash", 14), o.addEventListener("click", t.onClearDrawings), n.appendChild(o);
+		o.className = "tcw-sidebar-btn tcw-danger", o.title = "Clear all", o.innerHTML = _("trash", 14), o.addEventListener("click", t.onClearDrawings), n.appendChild(o);
 	}
 	showFlyout(e) {
 		let t = this.config.drawingToolGroups[e];
@@ -652,11 +656,11 @@ var _ = class {
 	destroy() {
 		this.hideFlyout(), this.el.remove();
 	}
-}, x = [
+}, S = [
 	"style",
 	"display",
 	"scale"
-], S = class {
+], C = class {
 	callbacks;
 	backdrop = null;
 	modal = null;
@@ -682,12 +686,12 @@ var _ = class {
 		let t = document.createElement("h3");
 		t.textContent = "Chart Settings", e.appendChild(t);
 		let n = document.createElement("button");
-		n.className = "tcw-modal-close", n.innerHTML = g("x", 16), n.addEventListener("click", () => {
+		n.className = "tcw-modal-close", n.innerHTML = _("x", 16), n.addEventListener("click", () => {
 			this.callbacks.onClose(), this.close();
 		}), e.appendChild(n), this.modal.appendChild(e);
 		let r = document.createElement("div");
 		r.className = "tcw-modal-tabs", this.tabButtons = [];
-		for (let e of x) {
+		for (let e of S) {
 			let t = document.createElement("button");
 			t.className = "tcw-modal-tab", t.textContent = e, t.dataset.tab = e, e === this.currentTab && t.classList.add("tcw-active"), t.addEventListener("click", () => {
 				this.currentTab = e, this.tabButtons.forEach((t) => t.classList.toggle("tcw-active", t.dataset.tab === e)), this.renderTabContent();
@@ -730,7 +734,7 @@ var _ = class {
 	renderDisplayTab() {
 		if (!this.bodyEl || !this.currentSettings) return;
 		let e = this.currentSettings, t = this.section();
-		t.appendChild(this.toggleRow("Grid Lines", e.gridVisible, (e) => this.patch({ gridVisible: e }))), t.appendChild(this.toggleRow("Volume", e.volumeVisible, (e) => this.patch({ volumeVisible: e }))), t.appendChild(this.toggleRow("OHLC Legend", e.legendVisible, (e) => this.patch({ legendVisible: e }))), t.appendChild(this.toggleRow("Bar Countdown", e.barCountdown, (e) => this.patch({ barCountdown: e }))), t.appendChild(this.selectRow("Crosshair Mode", e.crosshairMode, [
+		t.appendChild(this.toggleRow("Grid Lines", e.gridVisible, (e) => this.patch({ gridVisible: e }))), t.appendChild(this.toggleRow("Volume", e.volumeVisible, (e) => this.patch({ volumeVisible: e }))), t.appendChild(this.toggleRow("Volume Profile", e.volumeProfileVisible, (e) => this.patch({ volumeProfileVisible: e }))), t.appendChild(this.toggleRow("OHLC Legend", e.legendVisible, (e) => this.patch({ legendVisible: e }))), t.appendChild(this.toggleRow("Bar Countdown", e.barCountdown, (e) => this.patch({ barCountdown: e }))), t.appendChild(this.selectRow("Crosshair Mode", e.crosshairMode, [
 			{
 				label: "Magnet",
 				value: "magnet"
@@ -827,7 +831,7 @@ var _ = class {
 	destroy() {
 		this.close();
 	}
-}, C = class {
+}, w = class {
 	el;
 	dotEl;
 	messageEl;
@@ -843,7 +847,7 @@ var _ = class {
 	destroy() {
 		this.el.remove();
 	}
-}, w = class {
+}, T = class {
 	backdrop = null;
 	modal = null;
 	input = null;
@@ -968,7 +972,470 @@ var _ = class {
 	destroy() {
 		this.close();
 	}
-}, T = class {
+}, E = class {
+	backdrop = null;
+	modal = null;
+	input = null;
+	list = null;
+	symbols = [];
+	current = "";
+	filtered = [];
+	selectedIndex = 0;
+	callbacks;
+	boundKeydown;
+	constructor(e) {
+		this.callbacks = e, this.boundKeydown = this.handleKeydown.bind(this);
+	}
+	open(e, t) {
+		if (this.backdrop) return;
+		this.symbols = e, this.current = t, this.filtered = e.map((e) => ({
+			symbol: e,
+			score: 0
+		})), this.selectedIndex = Math.max(0, e.indexOf(t)), this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.addEventListener("click", () => this.close()), this.modal = document.createElement("div"), this.modal.className = "tcw-cmd-palette";
+		let n = document.createElement("div");
+		n.className = "tcw-cmd-header";
+		let r = document.createElement("span");
+		r.className = "tcw-cmd-icon", r.innerHTML = A(), n.appendChild(r), this.input = document.createElement("input"), this.input.className = "tcw-cmd-input", this.input.type = "text", this.input.placeholder = "Search symbol… (e.g. BTC, ETH, AAPL)", this.input.autocomplete = "off", this.input.spellcheck = !1, this.input.addEventListener("input", () => this.filter()), n.appendChild(this.input);
+		let i = document.createElement("span");
+		i.className = "tcw-cmd-hint", i.textContent = "ESC", n.appendChild(i), this.modal.appendChild(n), this.list = document.createElement("div"), this.list.className = "tcw-cmd-list", this.modal.appendChild(this.list);
+		let a = document.createElement("div");
+		a.className = "tcw-cmd-footer", a.innerHTML = "<span>↑↓ Navigate</span><span>⏎ Open</span><span>Esc Close</span>", this.modal.appendChild(a), document.body.appendChild(this.backdrop), document.body.appendChild(this.modal), this.renderList(), this.input.focus(), document.addEventListener("keydown", this.boundKeydown);
+	}
+	close() {
+		document.removeEventListener("keydown", this.boundKeydown), this.backdrop?.remove(), this.modal?.remove(), this.backdrop = null, this.modal = null, this.input = null, this.list = null, this.callbacks.onClose();
+	}
+	isOpen() {
+		return this.backdrop !== null;
+	}
+	destroy() {
+		this.close();
+	}
+	filter() {
+		let e = (this.input?.value ?? "").toUpperCase().trim();
+		e ? this.filtered = this.symbols.map((t) => ({
+			symbol: t,
+			score: D(t.toUpperCase(), e)
+		})).filter((e) => e.score > 0).sort((e, t) => t.score - e.score) : this.filtered = this.symbols.map((e) => ({
+			symbol: e,
+			score: 0
+		})), this.selectedIndex = 0, this.renderList();
+	}
+	renderList() {
+		if (!this.list) return;
+		if (this.list.innerHTML = "", this.filtered.length === 0) {
+			let e = document.createElement("div");
+			e.className = "tcw-cmd-empty", e.textContent = "No symbols match", this.list.appendChild(e);
+			return;
+		}
+		let e = (this.input?.value ?? "").toUpperCase().trim();
+		for (let t = 0; t < this.filtered.length; t++) {
+			let { symbol: n } = this.filtered[t], r = document.createElement("button");
+			r.className = "tcw-cmd-item", t === this.selectedIndex && r.classList.add("tcw-selected"), n === this.current && r.classList.add("tcw-active");
+			let i = document.createElement("span");
+			if (i.className = "tcw-cmd-item-label", i.innerHTML = O(n, e), r.appendChild(i), n === this.current) {
+				let e = document.createElement("span");
+				e.className = "tcw-cmd-check", e.textContent = "✓", r.appendChild(e);
+			}
+			r.addEventListener("click", () => this.pick(t)), r.addEventListener("mouseenter", () => {
+				this.selectedIndex = t, this.updateSelection();
+			}), this.list.appendChild(r);
+		}
+	}
+	updateSelection() {
+		if (!this.list) return;
+		let e = this.list.querySelectorAll(".tcw-cmd-item");
+		e.forEach((e, t) => e.classList.toggle("tcw-selected", t === this.selectedIndex)), e[this.selectedIndex]?.scrollIntoView({ block: "nearest" });
+	}
+	pick(e) {
+		let t = this.filtered[e];
+		t && (this.callbacks.onPick(t.symbol), this.close());
+	}
+	handleKeydown(e) {
+		switch (e.key) {
+			case "Escape":
+				e.preventDefault(), this.close();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), this.filtered.length > 0 && (this.selectedIndex = (this.selectedIndex + 1) % this.filtered.length, this.updateSelection());
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.filtered.length > 0 && (this.selectedIndex = (this.selectedIndex - 1 + this.filtered.length) % this.filtered.length, this.updateSelection());
+				break;
+			case "Enter":
+				e.preventDefault(), this.pick(this.selectedIndex);
+				break;
+		}
+	}
+};
+function D(e, t) {
+	if (e === t) return 1e3;
+	if (e.startsWith(t)) return 500 + (50 - Math.min(50, e.length - t.length));
+	if (e.includes(t)) return 200 + (50 - Math.min(50, e.length - t.length));
+	let n = 0, r = -1, i = 0;
+	for (let a = 0; a < e.length && n < t.length; a++) e[a] === t[n] && (r >= 0 && (i += a - r - 1), r = a, n++);
+	return n < t.length ? 0 : 100 - Math.min(99, i);
+}
+function O(e, t) {
+	if (!t) return k(e);
+	let n = e.toUpperCase(), r = "", i = 0;
+	for (let a = 0; a < e.length; a++) i < t.length && n[a] === t[i] ? (r += `<mark style="background:transparent;color:var(--tcw-accent);font-weight:700">${k(e[a])}</mark>`, i++) : r += k(e[a]);
+	return r;
+}
+function k(e) {
+	return e.replace(/[&<>"']/g, (e) => ({
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;",
+		"\"": "&quot;",
+		"'": "&#39;"
+	})[e]);
+}
+function A() {
+	return "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.3-4.3\"/></svg>";
+}
+//#endregion
+//#region src/widget/WidgetHotkeySheet.ts
+var j = typeof navigator < "u" && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent) ? "⌘" : "Ctrl", M = [
+	{
+		title: "Search & navigation",
+		entries: [
+			{
+				keys: [j, "K"],
+				label: "Command palette"
+			},
+			{
+				keys: [j, "P"],
+				label: "Symbol search"
+			},
+			{
+				keys: ["?"],
+				label: "Show this sheet"
+			}
+		]
+	},
+	{
+		title: "Chart manipulation",
+		entries: [
+			{
+				keys: ["Shift", "Drag"],
+				label: "Measure tool (bars × price Δ)"
+			},
+			{
+				keys: ["Drag", "Price axis"],
+				label: "Compress / expand vertical scale"
+			},
+			{
+				keys: ["Drag", "Time axis"],
+				label: "Zoom time axis"
+			},
+			{
+				keys: ["Double-click", "Price axis"],
+				label: "Re-enable auto-scale"
+			},
+			{
+				keys: ["Double-click", "Time axis"],
+				label: "Fit content"
+			},
+			{
+				keys: ["Scroll"],
+				label: "Zoom around cursor"
+			}
+		]
+	},
+	{
+		title: "Keyboard",
+		entries: [
+			{
+				keys: ["←", "→"],
+				label: "Pan one bar"
+			},
+			{
+				keys: ["+", "−"],
+				label: "Zoom in / out"
+			},
+			{
+				keys: ["Home"],
+				label: "Scroll to start"
+			},
+			{
+				keys: ["End"],
+				label: "Scroll to end (live edge)"
+			},
+			{
+				keys: ["F"],
+				label: "Fit content"
+			}
+		]
+	},
+	{
+		title: "Drawing",
+		entries: [
+			{
+				keys: [j, "Z"],
+				label: "Undo"
+			},
+			{
+				keys: [
+					j,
+					"Shift",
+					"Z"
+				],
+				label: "Redo"
+			},
+			{
+				keys: ["Esc"],
+				label: "Cancel active drawing"
+			}
+		]
+	}
+], N = class {
+	backdrop = null;
+	modal = null;
+	callbacks;
+	boundKeydown;
+	constructor(e) {
+		this.callbacks = e, this.boundKeydown = (e) => {
+			e.key === "Escape" && (e.preventDefault(), this.close());
+		};
+	}
+	open() {
+		if (this.backdrop) return;
+		this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.addEventListener("click", () => this.close()), this.modal = document.createElement("div"), this.modal.className = "tcw-modal tcw-hotkey-sheet", this.modal.style.width = "640px";
+		let e = document.createElement("div");
+		e.className = "tcw-modal-header", e.innerHTML = "<h3>Keyboard shortcuts</h3>";
+		let t = document.createElement("button");
+		t.className = "tcw-modal-close", t.setAttribute("aria-label", "Close"), t.innerHTML = "×", t.addEventListener("click", () => this.close()), e.appendChild(t), this.modal.appendChild(e);
+		let n = document.createElement("div");
+		n.className = "tcw-modal-body";
+		let r = document.createElement("div");
+		r.className = "tcw-hotkey-grid";
+		for (let e of M) {
+			let t = document.createElement("section");
+			t.className = "tcw-hotkey-section";
+			let n = document.createElement("div");
+			n.className = "tcw-settings-section-title", n.textContent = e.title, t.appendChild(n);
+			for (let n of e.entries) {
+				let e = document.createElement("div");
+				e.className = "tcw-hotkey-row";
+				let r = document.createElement("div");
+				r.className = "tcw-hotkey-keys";
+				for (let e = 0; e < n.keys.length; e++) {
+					if (e > 0) {
+						let e = document.createElement("span");
+						e.className = "tcw-hotkey-sep", e.textContent = "+", r.appendChild(e);
+					}
+					let t = document.createElement("kbd");
+					t.className = "tcw-cmd-kbd", t.textContent = n.keys[e], r.appendChild(t);
+				}
+				e.appendChild(r);
+				let i = document.createElement("span");
+				i.className = "tcw-hotkey-label", i.textContent = n.label, e.appendChild(i), t.appendChild(e);
+			}
+			r.appendChild(t);
+		}
+		n.appendChild(r), this.modal.appendChild(n);
+		let i = document.createElement("div");
+		i.className = "tcw-modal-footer", i.innerHTML = "<span style=\"font-size:11px;color:var(--tcw-text-muted)\">Press ? anytime to show this sheet</span>";
+		let a = document.createElement("button");
+		a.className = "tcw-done-btn", a.textContent = "Got it", a.addEventListener("click", () => this.close()), i.appendChild(a), this.modal.appendChild(i), document.body.appendChild(this.backdrop), document.body.appendChild(this.modal), document.addEventListener("keydown", this.boundKeydown);
+	}
+	close() {
+		document.removeEventListener("keydown", this.boundKeydown), this.backdrop?.remove(), this.modal?.remove(), this.backdrop = null, this.modal = null, this.callbacks.onClose();
+	}
+	isOpen() {
+		return this.backdrop !== null;
+	}
+	destroy() {
+		this.close();
+	}
+}, P = [
+	.5,
+	1,
+	2,
+	5,
+	10,
+	20,
+	50,
+	100
+], F = class {
+	root = null;
+	scrubber = null;
+	progressLabel = null;
+	playBtn = null;
+	state = "stopped";
+	total = 0;
+	speed = 5;
+	callbacks;
+	constructor(e) {
+		this.callbacks = e;
+	}
+	mount(e, t) {
+		this.root || (this.total = Math.max(0, t.total), this.speed = t.speed ?? 5, this.state = "paused", this.root = document.createElement("div"), this.root.className = "tcw-replay-bar", this.root.innerHTML = this.markup(), e.appendChild(this.root), this.wireEvents(), this.syncUi());
+	}
+	unmount() {
+		this.root?.remove(), this.root = null, this.scrubber = null, this.progressLabel = null, this.playBtn = null, this.state = "stopped";
+	}
+	isMounted() {
+		return this.root !== null;
+	}
+	setState(e) {
+		this.state = e, this.syncUi();
+	}
+	setProgress(e, t) {
+		this.total = t, this.scrubber && (this.scrubber.max = String(Math.max(0, t - 1)), this.scrubber.value = String(e)), this.progressLabel && (this.progressLabel.textContent = `${e + 1} / ${t}`);
+	}
+	destroy() {
+		this.unmount();
+	}
+	markup() {
+		let e = P.map((e) => `<option value="${e}"${e === this.speed ? " selected" : ""}>${e}× bars/s</option>`).join("");
+		return `
+      <button class="tcw-replay-btn" data-act="close" title="Exit replay" aria-label="Exit replay">${B()}</button>
+      <button class="tcw-replay-btn" data-act="stepBack" title="Step back" aria-label="Step back">${R()}</button>
+      <button class="tcw-replay-btn tcw-replay-play" data-act="play" title="Play / pause" aria-label="Play / pause">${I()}</button>
+      <button class="tcw-replay-btn" data-act="stepForward" title="Step forward" aria-label="Step forward">${z()}</button>
+      <input type="range" class="tcw-replay-scrubber" data-act="seek" min="0" max="${Math.max(0, this.total - 1)}" value="0" step="1" />
+      <span class="tcw-replay-progress" data-tcw="progress">1 / ${this.total}</span>
+      <select class="tcw-replay-speed" data-act="speed">${e}</select>
+    `;
+	}
+	wireEvents() {
+		this.root && (this.scrubber = this.root.querySelector("input[data-act=\"seek\"]"), this.progressLabel = this.root.querySelector("[data-tcw=\"progress\"]"), this.playBtn = this.root.querySelector("button[data-act=\"play\"]"), this.root.querySelector("[data-act=\"close\"]")?.addEventListener("click", () => this.callbacks.onClose()), this.root.querySelector("[data-act=\"stepBack\"]")?.addEventListener("click", () => this.callbacks.onStepBack()), this.root.querySelector("[data-act=\"stepForward\"]")?.addEventListener("click", () => this.callbacks.onStepForward()), this.playBtn?.addEventListener("click", () => {
+			this.state === "playing" ? this.callbacks.onPause() : this.callbacks.onPlay();
+		}), this.scrubber?.addEventListener("input", () => {
+			let e = Number(this.scrubber.value);
+			this.callbacks.onSeek(e);
+		}), this.root.querySelector("[data-act=\"speed\"]")?.addEventListener("change", (e) => {
+			let t = Number(e.target.value);
+			this.speed = t, this.callbacks.onSpeedChange(t);
+		}));
+	}
+	syncUi() {
+		this.playBtn && (this.playBtn.innerHTML = this.state === "playing" ? L() : I(), this.playBtn.title = this.state === "playing" ? "Pause" : "Play");
+	}
+};
+function I() {
+	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7L8 5z\"/></svg>";
+}
+function L() {
+	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"/></svg>";
+}
+function R() {
+	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 6h2v12H6zM20 6L9 12l11 6V6z\"/></svg>";
+}
+function z() {
+	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4 6l11 6L4 18V6zM16 6h2v12h-2z\"/></svg>";
+}
+function B() {
+	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"/></svg>";
+}
+//#endregion
+//#region src/widget/WidgetWatchlist.ts
+var V = class {
+	el;
+	listEl;
+	rowMap = /* @__PURE__ */ new Map();
+	entries = /* @__PURE__ */ new Map();
+	active = null;
+	callbacks;
+	constructor(e, t, n) {
+		this.callbacks = n, this.el = document.createElement("div"), this.el.className = "tcw-watchlist";
+		let r = document.createElement("div");
+		r.className = "tcw-watchlist-header", r.textContent = "Watchlist", this.el.appendChild(r), this.listEl = document.createElement("div"), this.listEl.className = "tcw-watchlist-list", this.el.appendChild(this.listEl);
+		for (let e of t) this.entries.set(e, { symbol: e }), this.appendRow(e);
+		e.appendChild(this.el);
+	}
+	setSymbols(e) {
+		let t = new Set(e);
+		for (let e of this.rowMap.keys()) t.has(e) || this.removeRow(e);
+		for (let t of e) this.rowMap.has(t) || (this.entries.set(t, this.entries.get(t) ?? { symbol: t }), this.appendRow(t));
+	}
+	setActive(e) {
+		if (this.active === e) return;
+		this.active && this.rowMap.has(this.active) && this.rowMap.get(this.active).row.classList.remove("tcw-watchlist-active"), this.active = e;
+		let t = this.rowMap.get(e);
+		t && t.row.classList.add("tcw-watchlist-active");
+	}
+	setEntry(e, t) {
+		let n = {
+			...this.entries.get(e) ?? { symbol: e },
+			...t
+		};
+		this.entries.set(e, n), this.renderRow(e);
+	}
+	destroy() {
+		this.el.remove(), this.rowMap.clear(), this.entries.clear();
+	}
+	appendRow(e) {
+		let t = document.createElement("div");
+		t.className = "tcw-watchlist-row", t.tabIndex = 0;
+		let n = document.createElement("div");
+		n.className = "tcw-watchlist-symbol", n.textContent = H(e);
+		let r = document.createElement("canvas");
+		r.className = "tcw-watchlist-spark", r.width = 64, r.height = 22;
+		let i = document.createElement("div");
+		i.className = "tcw-watchlist-stats";
+		let a = document.createElement("span");
+		a.className = "tcw-watchlist-price", a.textContent = "—";
+		let o = document.createElement("span");
+		o.className = "tcw-watchlist-change", o.textContent = "", i.appendChild(a), i.appendChild(o), t.appendChild(n), t.appendChild(r), t.appendChild(i), t.addEventListener("click", () => this.callbacks.onSelect(e)), t.addEventListener("keydown", (t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.callbacks.onSelect(e));
+		}), this.listEl.appendChild(t), this.rowMap.set(e, {
+			row: t,
+			priceEl: a,
+			changeEl: o,
+			sparkCanvas: r
+		}), e === this.active && t.classList.add("tcw-watchlist-active");
+	}
+	removeRow(e) {
+		let t = this.rowMap.get(e);
+		t && (t.row.remove(), this.rowMap.delete(e));
+	}
+	renderRow(e) {
+		let t = this.rowMap.get(e), n = this.entries.get(e);
+		if (!(!t || !n)) {
+			if (n.lastPrice !== void 0 && (t.priceEl.textContent = U(n.lastPrice)), n.lastPrice !== void 0 && n.refPrice !== void 0 && n.refPrice !== 0) {
+				let e = n.lastPrice - n.refPrice, r = e / n.refPrice * 100, i = e >= 0 ? "+" : "";
+				t.changeEl.textContent = `${i}${r.toFixed(2)}%`, t.changeEl.className = `tcw-watchlist-change ${e >= 0 ? "tcw-up" : "tcw-down"}`;
+			} else t.changeEl.textContent = "";
+			n.sparkline && n.sparkline.length >= 2 && W(t.sparkCanvas, n.sparkline, n.refPrice ?? n.sparkline[0]);
+		}
+	}
+};
+function H(e) {
+	for (let t of [
+		"USDT",
+		"USD",
+		"BTC",
+		"ETH",
+		"EUR"
+	]) if (e.length > t.length && e.endsWith(t)) return e.slice(0, -t.length) + "/" + t;
+	return e;
+}
+function U(e) {
+	if (e === 0) return "0";
+	let t = Math.abs(e);
+	return t >= 1e3 ? e.toFixed(2) : t >= 1 ? e.toFixed(4) : e.toPrecision(4);
+}
+function W(e, t, n) {
+	let r = e.getContext("2d");
+	if (!r) return;
+	let i = window.devicePixelRatio || 1;
+	e.width !== e.clientWidth * i && (e.width = (e.clientWidth || 64) * i, e.height = (e.clientHeight || 22) * i);
+	let a = e.width, o = e.height, s = Infinity, c = -Infinity;
+	for (let e of t) e < s && (s = e), e > c && (c = e);
+	let l = Math.max(c - s, 1e-9), u = t[t.length - 1] >= n ? "#26a17b" : "#f23645";
+	r.clearRect(0, 0, a, o), r.lineWidth = 1.4 * i, r.strokeStyle = u, r.beginPath();
+	let d = a / (t.length - 1);
+	for (let e = 0; e < t.length; e++) {
+		let n = e * d, i = o - (t[e] - s) / l * (o - 4) - 2;
+		e === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
+	}
+	r.stroke();
+}
+//#endregion
+//#region src/widget/ChartWidget.ts
+var G = class {
 	chart;
 	state;
 	toolbar = null;
@@ -976,36 +1443,50 @@ var _ = class {
 	settings = null;
 	statusBar = null;
 	commandPalette = null;
+	symbolSearch = null;
+	hotkeySheet = null;
+	replayBar = null;
+	dragDrop = null;
+	watchlist = null;
+	watchlistSparkBuffer = /* @__PURE__ */ new Map();
+	sessionRefPrice = null;
+	watchlistInterval = null;
+	replayOriginalData = null;
+	replayPollInterval = null;
+	replaySpeed = 5;
+	layoutKeyPrefix = null;
+	layoutDebounceMs = 1500;
+	activeLayoutKey = null;
 	root;
 	chartContainer;
 	destroyed = !1;
 	options;
-	symbolIndex = 0;
 	symbols;
 	settingsState;
 	adapter = null;
 	boundGlobalKeydown = null;
-	constructor(t, n = {}) {
-		this.options = n, this.symbols = n.symbols ?? c, this.settingsState = { ...l };
-		let u = this.resolveIsDark(n.theme), d = this.resolveTheme(n.theme);
+	constructor(n, r = {}) {
+		if (this.options = r, this.symbols = r.symbols ?? l, this.settingsState = { ...u }, r.persistLayouts) {
+			let e = r.persistLayouts === !0 ? {} : r.persistLayouts;
+			this.layoutKeyPrefix = e.keyPrefix ?? "tcw:layout:", this.layoutDebounceMs = e.debounceMs ?? 1500;
+		}
+		let d = this.resolveIsDark(r.theme), f = this.resolveTheme(r.theme);
 		this.state = {
-			symbol: n.symbol ?? this.symbols[0] ?? "BTCUSDT",
-			timeframe: n.timeframe ?? "5m",
-			chartType: n.chartOptions?.chartType ?? "candlestick",
-			isDark: u,
+			symbol: r.symbol ?? this.symbols[0] ?? "BTCUSDT",
+			timeframe: r.timeframe ?? "5m",
+			chartType: r.chartOptions?.chartType ?? "candlestick",
+			isDark: d,
 			activeIndicators: /* @__PURE__ */ new Map(),
 			activeTool: null,
 			magnetEnabled: !0,
 			connectionState: "connecting",
 			connectionMessage: "Connecting..."
-		};
-		let f = this.symbols.indexOf(this.state.symbol);
-		f >= 0 && (this.symbolIndex = f), p(), this.root = document.createElement("div"), this.root.className = "tcw-root", this.root.dataset.tcwTheme = u ? "dark" : "light", t.appendChild(this.root), n.toolbar !== !1 && (this.toolbar = new v(this.root, {
+		}, m(), this.root = document.createElement("div"), this.root.className = "tcw-root", this.root.dataset.tcwTheme = d ? "dark" : "light", n.appendChild(this.root), r.toolbar !== !1 && (this.toolbar = new y(this.root, {
 			symbols: this.symbols,
-			timeframes: n.timeframes ? r.filter((e) => n.timeframes.includes(e.value)) : r,
-			chartTypes: n.chartTypes ? i.filter((e) => n.chartTypes.includes(e.value)) : i,
-			indicators: o,
-			popularIndicatorIds: s
+			timeframes: r.timeframes ? i.filter((e) => r.timeframes.includes(e.value)) : i,
+			chartTypes: r.chartTypes ? a.filter((e) => r.chartTypes.includes(e.value)) : a,
+			indicators: s,
+			popularIndicatorIds: c
 		}, {
 			onSymbolClick: () => this.handleSymbolClick(),
 			onTimeframe: (e) => this.handleTimeframe(e),
@@ -1014,10 +1495,11 @@ var _ = class {
 			onRemoveIndicator: (e) => this.handleRemoveIndicator(e),
 			onScreenshot: () => this.chart.screenshot(),
 			onSettings: () => this.openSettings(),
-			onToggleTheme: () => this.handleToggleTheme()
+			onToggleTheme: () => this.handleToggleTheme(),
+			onToggleReplay: () => this.toggleReplay()
 		}));
-		let m = document.createElement("div");
-		m.className = "tcw-body", n.drawingTools !== !1 && (this.sidebar = new b(m, { drawingToolGroups: a }, {
+		let p = document.createElement("div");
+		p.className = "tcw-body", r.drawingTools !== !1 && (this.sidebar = new x(p, { drawingToolGroups: o }, {
 			onDrawingTool: (e) => this.handleDrawingTool(e),
 			onCancelDrawing: () => this.handleCancelDrawing(),
 			onToggleMagnet: () => this.handleToggleMagnet(),
@@ -1029,9 +1511,11 @@ var _ = class {
 					activeTool: null
 				}, this.updateUI();
 			}
-		})), this.chartContainer = document.createElement("div"), this.chartContainer.className = "tcw-chart-container", m.appendChild(this.chartContainer), this.root.appendChild(m), this.chart = new e(this.chartContainer, {
+		})), this.chartContainer = document.createElement("div"), this.chartContainer.className = "tcw-chart-container", p.appendChild(this.chartContainer), r.watchlist && (this.watchlist = new V(p, this.symbols, { onSelect: (e) => {
+			this.setSymbol(e);
+		} }), this.watchlist.setActive(this.state.symbol)), this.root.appendChild(p), this.chart = new e(this.chartContainer, {
 			chartType: this.state.chartType,
-			theme: d,
+			theme: f,
 			autoScale: !0,
 			crosshair: { mode: "magnet" },
 			features: {
@@ -1039,8 +1523,8 @@ var _ = class {
 				drawingMagnet: !0,
 				drawingUndoRedo: !0,
 				indicators: !0,
-				trading: n.trading !== !1,
-				tradingContextMenu: n.trading !== !1,
+				trading: r.trading !== !1,
+				tradingContextMenu: r.trading !== !1,
 				volume: !0,
 				legend: !0,
 				crosshair: !0,
@@ -1051,12 +1535,24 @@ var _ = class {
 				logScale: !0,
 				watermark: !0
 			},
-			...n.chartOptions
-		}), n.statusBar !== !1 && (this.statusBar = new C(this.root)), n.settings !== !1 && (this.settings = new S({
+			...r.chartOptions
+		}), r.dragDropImport !== !1 && (this.dragDrop = new t(this.chartContainer, {
+			onData: (e, t, n) => {
+				this.chart.setData(e), this.toast(`Loaded ${t.data.length} bars from ${n.name}` + (t.skipped > 0 ? ` (${t.skipped} skipped)` : ""));
+			},
+			onError: (e, t) => {
+				this.toast(`${t.name}: ${e.message}`, "error");
+			}
+		}), this.dragDrop.attach()), r.statusBar !== !1 && (this.statusBar = new w(this.root)), r.settings !== !1 && (this.settings = new C({
 			onChange: (e) => this.applySettings(e),
 			onReset: () => this.resetSettings(),
 			onClose: () => {}
-		})), this.commandPalette = new w({
+		})), this.symbolSearch = new E({
+			onPick: (e) => {
+				this.setSymbol(e);
+			},
+			onClose: () => {}
+		}), this.hotkeySheet = new N({ onClose: () => {} }), this.commandPalette = new T({
 			onIndicator: (e) => this.handleAddIndicator(e),
 			onChartType: (e) => this.handleChartType(e),
 			onDrawingTool: (e) => this.handleDrawingTool(e),
@@ -1064,16 +1560,39 @@ var _ = class {
 			onAction: (e) => this.handleAction(e),
 			onClose: () => {}
 		}), this.boundGlobalKeydown = (e) => {
-			(e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), this.toggleCommandPalette());
-		}, document.addEventListener("keydown", this.boundGlobalKeydown), n.adapter && (this.adapter = n.adapter, this.connectStream()), this.updateUI(), n.onReady?.(this.chart);
+			if ((e.ctrlKey || e.metaKey) && e.key === "k") e.preventDefault(), this.toggleCommandPalette();
+			else if ((e.ctrlKey || e.metaKey) && (e.key === "p" || e.key === "P")) e.preventDefault(), this.symbolSearch?.open(this.symbols, this.state.symbol);
+			else if (e.key === "?" && !e.ctrlKey && !e.metaKey && !e.altKey) {
+				let t = document.activeElement;
+				if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable)) return;
+				e.preventDefault(), this.hotkeySheet?.open();
+			}
+		}, document.addEventListener("keydown", this.boundGlobalKeydown), r.adapter && (this.adapter = r.adapter, this.connectStream()), this.watchlist && (this.watchlistInterval = setInterval(() => this.tickWatchlist(), 1e3)), this.updateUI(), r.onReady?.(this.chart);
+	}
+	setSymbols(e) {
+		this.symbols = e, this.watchlist?.setSymbols(e);
 	}
 	async setSymbol(e) {
-		this.state = {
+		this.flushActiveLayout(), this.state = {
 			...this.state,
 			symbol: e
-		};
-		let t = this.symbols.indexOf(e);
-		t >= 0 && (this.symbolIndex = t), this.options.onSymbolChange?.(e), this.updateUI(), this.adapter && await this.connectStream();
+		}, this.sessionRefPrice = null, this.options.onSymbolChange?.(e), this.updateUI(), this.watchlist?.setActive(e), this.adapter && await this.connectStream();
+	}
+	setWatchlistEntry(e, t) {
+		this.watchlist?.setEntry(e, t);
+	}
+	tickWatchlist() {
+		if (!this.watchlist) return;
+		let e = this.chart.getData();
+		if (e.length === 0) return;
+		let t = e[e.length - 1];
+		this.sessionRefPrice === null && (this.sessionRefPrice = e[0].open);
+		let n = this.watchlistSparkBuffer.get(this.state.symbol) ?? [];
+		n.push(t.close), n.length > 40 && n.shift(), this.watchlistSparkBuffer.set(this.state.symbol, n), this.watchlist.setEntry(this.state.symbol, {
+			lastPrice: t.close,
+			refPrice: this.sessionRefPrice,
+			sparkline: n.slice()
+		});
 	}
 	async setTimeframe(e) {
 		this.state = {
@@ -1092,15 +1611,10 @@ var _ = class {
 		return this.chart;
 	}
 	destroy() {
-		this.destroyed || (this.destroyed = !0, this.boundGlobalKeydown && document.removeEventListener("keydown", this.boundGlobalKeydown), this.commandPalette?.destroy(), this.toolbar?.destroy(), this.sidebar?.destroy(), this.settings?.destroy(), this.statusBar?.destroy(), this.chart.destroy(), this.root.remove(), m());
+		this.destroyed || (this.destroyed = !0, this.boundGlobalKeydown && document.removeEventListener("keydown", this.boundGlobalKeydown), this.flushActiveLayout(), this.commandPalette?.destroy(), this.symbolSearch?.destroy(), this.hotkeySheet?.destroy(), this.replayPollInterval && clearInterval(this.replayPollInterval), this.replayBar?.destroy(), this.dragDrop?.detach(), this.watchlistInterval && clearInterval(this.watchlistInterval), this.watchlist?.destroy(), this.toolbar?.destroy(), this.sidebar?.destroy(), this.settings?.destroy(), this.statusBar?.destroy(), this.chart.destroy(), this.root.remove(), h());
 	}
 	handleSymbolClick() {
-		this.symbolIndex = (this.symbolIndex + 1) % this.symbols.length;
-		let e = this.symbols[this.symbolIndex];
-		this.state = {
-			...this.state,
-			symbol: e
-		}, this.options.onSymbolChange?.(e), this.updateUI(), this.adapter && this.connectStream();
+		this.symbolSearch?.open(this.symbols, this.state.symbol);
 	}
 	handleTimeframe(e) {
 		this.state = {
@@ -1156,25 +1670,25 @@ var _ = class {
 	}
 	buildCommandItems() {
 		let e = [];
-		for (let t of o) e.push({
+		for (let t of s) e.push({
 			id: t.id,
 			label: t.name,
 			category: "indicator",
 			active: this.state.activeIndicators.has(t.id)
 		});
-		for (let t of i) e.push({
+		for (let t of a) e.push({
 			id: t.value,
 			label: t.label,
 			category: "chartType",
 			active: this.state.chartType === t.value
 		});
-		for (let t of a) for (let n of t.tools) e.push({
+		for (let t of o) for (let n of t.tools) e.push({
 			id: n.value,
 			label: n.label,
 			category: "drawing",
 			active: this.state.activeTool === n.value
 		});
-		for (let t of r) e.push({
+		for (let t of i) e.push({
 			id: t.value,
 			label: t.label,
 			category: "timeframe",
@@ -1242,7 +1756,7 @@ var _ = class {
 		this.state = {
 			...this.state,
 			isDark: e
-		}, this.root.dataset.tcwTheme = e ? "dark" : "light", this.chart.setTheme(e ? t : n), this.chart.setWatermark(this.state.symbol.replace("USDT", " / USDT"), {
+		}, this.root.dataset.tcwTheme = e ? "dark" : "light", this.chart.setTheme(e ? n : r), this.chart.setWatermark(this.state.symbol.replace("USDT", " / USDT"), {
 			fontSize: 48,
 			color: e ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.03)"
 		}), this.updateUI();
@@ -1250,16 +1764,105 @@ var _ = class {
 	openSettings() {
 		this.settings?.open(this.settingsState);
 	}
+	toast(e, t = "info") {
+		let n = document.createElement("div");
+		n.className = `tcw-toast ${t === "error" ? "tcw-toast-error" : ""}`, n.textContent = e, this.root.appendChild(n), requestAnimationFrame(() => n.classList.add("tcw-toast-in")), setTimeout(() => {
+			n.classList.remove("tcw-toast-in"), n.addEventListener("transitionend", () => n.remove(), { once: !0 }), setTimeout(() => n.remove(), 400);
+		}, 3500);
+	}
+	clearSavedLayout(e) {
+		if (!this.layoutKeyPrefix) return;
+		let t = e ?? this.state.symbol;
+		try {
+			localStorage.removeItem(this.layoutKeyPrefix + t);
+		} catch {}
+	}
+	applySymbolLayout(e) {
+		if (!this.layoutKeyPrefix) return;
+		let t = this.layoutKeyPrefix + e;
+		this.activeLayoutKey = t;
+		try {
+			this.chart.loadStateFromStorage(t) && this.rebuildActiveIndicatorsMapFromChart();
+		} catch {}
+		this.chart.setAutoSave(t, this.layoutDebounceMs);
+	}
+	flushActiveLayout() {
+		if (this.activeLayoutKey) {
+			try {
+				this.chart.saveState(this.activeLayoutKey);
+			} catch {}
+			this.chart.disableAutoSave(), this.activeLayoutKey = null;
+		}
+	}
+	rebuildActiveIndicatorsMapFromChart() {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of this.chart.getActiveIndicators()) e.set(t.id, t.instanceId);
+		this.state = {
+			...this.state,
+			activeIndicators: e
+		}, this.updateUI();
+	}
+	toggleReplay() {
+		this.replayBar?.isMounted() ? this.exitReplay() : this.enterReplay();
+	}
+	enterReplay() {
+		let e = this.chart.getData();
+		e.length < 2 || (this.replayOriginalData = e.slice(), this.replayBar = new F({
+			onPlay: () => {
+				this.chart.getReplayState() === "paused" ? this.chart.replayResume() : this.chart.replay({
+					speed: this.replaySpeed,
+					interval: 200
+				}), this.replayBar?.setState("playing");
+			},
+			onPause: () => {
+				this.chart.replayPause(), this.replayBar?.setState("paused");
+			},
+			onStop: () => {
+				this.chart.replayStop(), this.replayBar?.setState("paused");
+			},
+			onStepBack: () => {
+				let e = this.chart.getReplayProgress();
+				this.chart.getReplayState() === "playing" && this.chart.replayPause(), this.chart.replaySeek(Math.max(0, e.current - 1)), this.replayBar?.setState("paused");
+			},
+			onStepForward: () => {
+				let e = this.chart.getReplayProgress();
+				this.chart.getReplayState() === "playing" && this.chart.replayPause(), this.chart.replaySeek(Math.min(e.total - 1, e.current + 1)), this.replayBar?.setState("paused");
+			},
+			onSeek: (e) => {
+				this.chart.getReplayState() === "playing" && this.chart.replayPause(), this.chart.replaySeek(e), this.replayBar?.setState("paused");
+			},
+			onSpeedChange: (e) => {
+				this.replaySpeed = e, this.chart.setReplaySpeed(e);
+			},
+			onClose: () => this.exitReplay()
+		}), this.replayBar.mount(this.chartContainer, {
+			total: e.length,
+			speed: this.replaySpeed
+		}), this.chart.replay({
+			speed: this.replaySpeed,
+			interval: 200,
+			startIndex: 1
+		}), this.chart.replayPause(), this.replayBar.setState("paused"), this.replayPollInterval = setInterval(() => {
+			if (!this.replayBar?.isMounted()) return;
+			let e = this.chart.getReplayProgress();
+			this.replayBar.setProgress(e.current, e.total);
+			let t = this.chart.getReplayState();
+			t === "stopped" ? this.replayBar.setState("paused") : this.replayBar.setState(t);
+		}, 150));
+	}
+	exitReplay() {
+		this.replayPollInterval &&= (clearInterval(this.replayPollInterval), null), this.chart.replayStop(), this.replayBar?.unmount(), this.replayBar = null, this.replayOriginalData &&= (this.chart.setData(this.replayOriginalData), null);
+	}
 	applySettings(e) {
 		this.settingsState = {
 			...this.settingsState,
 			...e
-		}, e.gridVisible !== void 0 && this.chart.setGridVisible(e.gridVisible), e.volumeVisible !== void 0 && this.chart.setVolumeVisible(e.volumeVisible), e.crosshairMode !== void 0 && this.chart.setCrosshairMode(e.crosshairMode), e.autoScale !== void 0 && this.chart.setAutoScale(e.autoScale), e.logScale !== void 0 && this.chart.setLogScale(e.logScale), e.numberLocale !== void 0 && this.chart.setNumberLocale(e.numberLocale);
+		}, e.gridVisible !== void 0 && this.chart.setGridVisible(e.gridVisible), e.volumeVisible !== void 0 && this.chart.setVolumeVisible(e.volumeVisible), e.volumeProfileVisible !== void 0 && this.chart.setVolumeProfileVisible(e.volumeProfileVisible), e.crosshairMode !== void 0 && this.chart.setCrosshairMode(e.crosshairMode), e.autoScale !== void 0 && this.chart.setAutoScale(e.autoScale), e.logScale !== void 0 && this.chart.setLogScale(e.logScale), e.numberLocale !== void 0 && this.chart.setNumberLocale(e.numberLocale);
 		let t = { ...this.chart.getTheme() }, n = !1;
 		e.candleUpColor !== void 0 && (t.candleUp = e.candleUpColor, n = !0), e.candleDownColor !== void 0 && (t.candleDown = e.candleDownColor, n = !0), e.candleUpWick !== void 0 && (t.candleUpWick = e.candleUpWick, n = !0), e.candleDownWick !== void 0 && (t.candleDownWick = e.candleDownWick, n = !0), e.backgroundColor !== void 0 && (t.background = e.backgroundColor, n = !0), e.gridColor !== void 0 && (t.grid = e.gridColor, n = !0), n && this.chart.setTheme(t);
 	}
 	resetSettings() {
-		this.settingsState = { ...l }, this.applySettings(this.settingsState);
+		this.settingsState = { ...u }, this.applySettings(this.settingsState);
 	}
 	async connectStream() {
 		if (this.adapter) {
@@ -1277,7 +1880,7 @@ var _ = class {
 				}), this.chart.setWatermark(this.state.symbol.replace("USDT", " / USDT"), {
 					fontSize: 48,
 					color: this.state.isDark ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.03)"
-				}), this.state = {
+				}), this.applySymbolLayout(this.state.symbol), this.state = {
 					...this.state,
 					connectionState: "connected",
 					connectionMessage: "Live"
@@ -1304,7 +1907,7 @@ var _ = class {
 		return e === void 0 || e === "dark" ? !0 : e === "light" ? !1 : typeof e == "object" && e.background ? this.isColorDark(e.background) : !0;
 	}
 	resolveTheme(e) {
-		return e === void 0 || e === "dark" ? t : e === "light" ? n : typeof e == "object" ? e : t;
+		return e === void 0 || e === "dark" ? n : e === "light" ? r : typeof e == "object" ? e : n;
 	}
 	isColorDark(e) {
 		if (e.startsWith("#") && e.length >= 7) {
@@ -1315,6 +1918,6 @@ var _ = class {
 	}
 };
 //#endregion
-export { T as ChartWidget };
+export { G as ChartWidget };
 
 //# sourceMappingURL=index.js.map