@tradecanvas/chart 0.8.2 → 0.9.0

package/dist/widget/index.cjs

@@ -1,878 +1,1456 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../Chart-Br_N-BCL.cjs`);let t=require(`@tradecanvas/commons`);var n=[{label:`1m`,value:`1m`},{label:`5m`,value:`5m`},{label:`15m`,value:`15m`},{label:`1H`,value:`1h`},{label:`4H`,value:`4h`},{label:`1D`,value:`1d`}],r=[{label:`Candlestick`,value:`candlestick`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Bar`,value:`bar`},{label:`Heikin-Ashi`,value:`heikinAshi`},{label:`Hollow Candle`,value:`hollowCandle`},{label:`Baseline`,value:`baseline`},{label:`Volume Candles`,value:`volumeCandles`},{label:`Equivolume`,value:`equivolume`},{label:`HLC Area`,value:`hlcArea`},{label:`Step Line`,value:`stepLine`},{label:`Line + Markers`,value:`lineWithMarkers`}],i=[{label:`Lines`,tools:[{label:`Trend Line`,value:`trendLine`},{label:`Ray`,value:`ray`},{label:`Extended Line`,value:`extendedLine`}]},{label:`Horizontal/Vertical`,tools:[{label:`Horizontal Line`,value:`horizontalLine`},{label:`Vertical Line`,value:`verticalLine`}]},{label:`Channels`,tools:[{label:`Parallel Channel`,value:`parallelChannel`},{label:`Regression Channel`,value:`regressionChannel`}]},{label:`Fibonacci`,tools:[{label:`Fib Retracement`,value:`fibRetracement`},{label:`Fib Extension`,value:`fibExtension`}]},{label:`Shapes`,tools:[{label:`Rectangle`,value:`rectangle`},{label:`Ellipse`,value:`ellipse`},{label:`Triangle`,value:`triangle`}]},{label:`Gann & Advanced`,tools:[{label:`Pitchfork`,value:`pitchfork`},{label:`Gann Fan`,value:`gannFan`},{label:`Gann Box`,value:`gannBox`},{label:`Elliott Wave`,value:`elliottWave`}]},{label:`Measure`,tools:[{label:`Price Range`,value:`priceRange`},{label:`Date Range`,value:`dateRange`},{label:`Measure`,value:`measure`}]},{label:`Annotation`,tools:[{label:`Text`,value:`text`},{label:`Arrow`,value:`arrow`}]}],a=[{id:`sma`,name:`SMA`,type:`overlay`},{id:`ema`,name:`EMA`,type:`overlay`},{id:`hma`,name:`Hull MA`,type:`overlay`},{id:`bb`,name:`Bollinger Bands`,type:`overlay`},{id:`vwap`,name:`VWAP`,type:`overlay`},{id:`avwap`,name:`Anchored VWAP`,type:`overlay`},{id:`ichimoku`,name:`Ichimoku Cloud`,type:`overlay`},{id:`psar`,name:`Parabolic SAR`,type:`overlay`},{id:`supertrend`,name:`Supertrend`,type:`overlay`},{id:`keltner`,name:`Keltner Channel`,type:`overlay`},{id:`donchian`,name:`Donchian Channel`,type:`overlay`},{id:`pivots`,name:`Pivot Points`,type:`overlay`},{id:`zigzag`,name:`ZigZag`,type:`overlay`},{id:`lrc`,name:`Linear Regression Channel`,type:`overlay`},{id:`rsi`,name:`RSI`,type:`panel`},{id:`macd`,name:`MACD`,type:`panel`},{id:`stochastic`,name:`Stochastic`,type:`panel`},{id:`atr`,name:`ATR`,type:`panel`},{id:`adx`,name:`ADX`,type:`panel`},{id:`obv`,name:`OBV`,type:`panel`},{id:`williamsR`,name:`Williams %R`,type:`panel`},{id:`cci`,name:`CCI`,type:`panel`},{id:`mfi`,name:`MFI`,type:`panel`},{id:`roc`,name:`ROC`,type:`panel`},{id:`tsi`,name:`TSI`,type:`panel`},{id:`cmf`,name:`CMF`,type:`panel`},{id:`aroon`,name:`Aroon`,type:`panel`},{id:`stddev`,name:`Std Deviation`,type:`panel`},{id:`vroc`,name:`Volume ROC`,type:`panel`},{id:`ad`,name:`Acc/Dist`,type:`panel`},{id:`ao`,name:`Awesome Oscillator`,type:`panel`},{id:`chaikinOsc`,name:`Chaikin Oscillator`,type:`panel`},{id:`volumeProfile`,name:`Volume Profile`,type:`panel`}],o=[`sma`,`ema`,`bb`,`rsi`,`macd`,`stochastic`,`vwap`,`atr`,`obv`,`ichimoku`],s=[`BTCUSDT`,`ETHUSDT`,`SOLUSDT`,`BNBUSDT`],c={candleUpColor:`#26A69A`,candleDownColor:`#EF5350`,candleUpWick:`#26A69A`,candleDownWick:`#EF5350`,backgroundColor:`#131722`,gridColor:`#1E222D`,gridVisible:!0,volumeVisible:!0,legendVisible:!0,barCountdown:!0,logScale:!1,autoScale:!0,crosshairMode:`magnet`,numberLocale:`en-US`},l=`/* === TradeCanvas Widget Styles === */\r
-\r
-.tcw-root {\r
-  display: flex;\r
-  flex-direction: column;\r
-  width: 100%;\r
-  height: 100%;\r
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r
-  font-size: 13px;\r
-  color: #d1d4dc;\r
-  background: #131722;\r
-  position: relative;\r
-  overflow: hidden;\r
-\r
-  /* Dark theme tokens (default) */\r
-  --tcw-bg: #131722;\r
-  --tcw-bg-elevated: #1E222D;\r
-  --tcw-border: #2A2E39;\r
-  --tcw-text: #d1d4dc;\r
-  --tcw-text-dim: #b2b5be;\r
-  --tcw-text-muted: #787b86;\r
-  --tcw-accent: #2962ff;\r
-  --tcw-accent-dim: rgba(41,98,255,0.15);\r
-  --tcw-accent-glow: rgba(41,98,255,0.12);\r
-  --tcw-red: #ef5350;\r
-  --tcw-green: #26a69a;\r
-  --tcw-transition: 0.15s ease;\r
-  --tcw-radius-lg: 8px;\r
-  --tcw-font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;\r
-  --tcw-hover-bg: rgba(255,255,255,0.04);\r
-}\r
-\r
-.tcw-root[data-tcw-theme="light"] {\r
-  color: #131722;\r
-  background: #ffffff;\r
-\r
-  --tcw-bg: #ffffff;\r
-  --tcw-bg-elevated: #f0f3fa;\r
-  --tcw-border: #e0e3eb;\r
-  --tcw-text: #131722;\r
-  --tcw-text-dim: #434651;\r
-  --tcw-text-muted: #787b86;\r
-  --tcw-accent: #2962ff;\r
-  --tcw-accent-dim: rgba(41,98,255,0.1);\r
-  --tcw-accent-glow: rgba(41,98,255,0.08);\r
-  --tcw-red: #ef5350;\r
-  --tcw-green: #26a69a;\r
-  --tcw-hover-bg: rgba(0,0,0,0.04);\r
-}\r
-\r
-/* === Toolbar === */\r
-\r
-.tcw-toolbar {\r
-  display: flex;\r
-  align-items: center;\r
-  gap: 0;\r
-  padding: 0 12px;\r
-  height: 40px;\r
-  border-bottom: 1px solid var(--tcw-border);\r
-  background: var(--tcw-bg-elevated);\r
-  flex-shrink: 0;\r
-  position: relative;\r
-  z-index: 20;\r
-}\r
-\r
-.tcw-toolbar-symbol {\r
-  font-size: 13px;\r
-  font-weight: 700;\r
-  color: var(--tcw-text);\r
-  padding: 0 10px;\r
-  white-space: nowrap;\r
-  letter-spacing: -0.01em;\r
-  cursor: pointer;\r
-  border: none;\r
-  background: none;\r
-  font-family: inherit;\r
-}\r
-\r
-.tcw-toolbar-sep {\r
-  width: 1px;\r
-  height: 20px;\r
-  background: var(--tcw-border);\r
-  flex-shrink: 0;\r
-}\r
-\r
-.tcw-toolbar-group {\r
-  display: flex;\r
-  align-items: center;\r
-  gap: 2px;\r
-  padding: 0 8px;\r
-}\r
-\r
-.tcw-toolbar-spacer {\r
-  flex: 1;\r
-}\r
-\r
-.tcw-btn {\r
-  padding: 4px 8px;\r
-  font-size: 12px;\r
-  font-family: inherit;\r
-  border: none;\r
-  border-radius: 4px;\r
-  background: transparent;\r
-  color: var(--tcw-text-dim);\r
-  cursor: pointer;\r
-  transition: all var(--tcw-transition);\r
-  white-space: nowrap;\r
-  line-height: 1;\r
-}\r
-\r
-.tcw-btn:hover {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-btn.tcw-active {\r
-  background: var(--tcw-accent);\r
-  color: white;\r
-}\r
-\r
-.tcw-btn-icon {\r
-  width: 32px;\r
-  height: 32px;\r
-  display: inline-flex;\r
-  align-items: center;\r
-  justify-content: center;\r
-  font-family: inherit;\r
-  border: none;\r
-  border-radius: 4px;\r
-  background: transparent;\r
-  color: var(--tcw-text-muted);\r
-  cursor: pointer;\r
-  transition: all var(--tcw-transition);\r
-  line-height: 1;\r
-  position: relative;\r
-}\r
-\r
-.tcw-btn-icon:hover {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-badge-count {\r
-  font-size: 10px;\r
-  color: var(--tcw-accent);\r
-  background: var(--tcw-accent-dim);\r
-  padding: 0 4px;\r
-  border-radius: 8px;\r
-  font-weight: 600;\r
-}\r
-\r
-.tcw-indicator-chips {\r
-  display: flex;\r
-  align-items: center;\r
-  gap: 4px;\r
-  padding: 0 4px;\r
-  flex-wrap: nowrap;\r
-  overflow: hidden;\r
-}\r
-\r
-.tcw-indicator-chip {\r
-  display: inline-flex;\r
-  align-items: center;\r
-  gap: 4px;\r
-  padding: 2px 6px 2px 8px;\r
-  font-size: 11px;\r
-  font-weight: 500;\r
-  background: var(--tcw-accent-dim);\r
-  color: var(--tcw-accent);\r
-  border-radius: 4px;\r
-  white-space: nowrap;\r
-  line-height: 1.4;\r
-}\r
-\r
-.tcw-chip-remove {\r
-  cursor: pointer;\r
-  opacity: 0.6;\r
-  padding: 0 2px;\r
-  transition: opacity var(--tcw-transition);\r
-  border: none;\r
-  background: none;\r
-  color: inherit;\r
-  display: inline-flex;\r
-  align-items: center;\r
-}\r
-\r
-.tcw-chip-remove:hover {\r
-  opacity: 1;\r
-}\r
-\r
-/* === Dropdown === */\r
-\r
-.tcw-dropdown-trigger {\r
-  display: inline-flex;\r
-  align-items: center;\r
-  gap: 4px;\r
-  padding: 4px 8px;\r
-  font-size: 12px;\r
-  font-family: inherit;\r
-  border: none;\r
-  border-radius: 4px;\r
-  background: transparent;\r
-  color: var(--tcw-text-dim);\r
-  cursor: pointer;\r
-  transition: all var(--tcw-transition);\r
-  white-space: nowrap;\r
-  line-height: 1;\r
-}\r
-\r
-.tcw-dropdown-trigger:hover {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-dropdown {\r
-  position: absolute;\r
-  top: 100%;\r
-  margin-top: 4px;\r
-  background: var(--tcw-bg-elevated);\r
-  border: 1px solid var(--tcw-border);\r
-  border-radius: var(--tcw-radius-lg);\r
-  box-shadow: 0 8px 32px rgba(0,0,0,0.4);\r
-  z-index: 50;\r
-  padding: 4px 0;\r
-  max-height: 400px;\r
-  overflow-y: auto;\r
-}\r
-\r
-.tcw-dropdown-item {\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: space-between;\r
-  padding: 6px 12px;\r
-  font-size: 12px;\r
-  color: var(--tcw-text-dim);\r
-  cursor: pointer;\r
-  transition: background var(--tcw-transition), color var(--tcw-transition);\r
-  width: 100%;\r
-  border: none;\r
-  background: none;\r
-  font-family: inherit;\r
-  text-align: left;\r
-}\r
-\r
-.tcw-dropdown-item:hover {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-dropdown-item.tcw-active {\r
-  color: var(--tcw-accent);\r
-}\r
-\r
-.tcw-dropdown-label {\r
-  text-transform: uppercase;\r
-  font-size: 10px;\r
-  color: var(--tcw-text-muted);\r
-  letter-spacing: 0.05em;\r
-  padding: 6px 12px;\r
-  font-weight: 600;\r
-}\r
-\r
-.tcw-dropdown-divider {\r
-  border-top: 1px solid var(--tcw-border);\r
-  margin: 4px 0;\r
-}\r
-\r
-.tcw-tag {\r
-  font-size: 10px;\r
-  color: var(--tcw-text-muted);\r
-  padding: 1px 5px;\r
-  border-radius: 3px;\r
-  background: var(--tcw-hover-bg);\r
-}\r
-\r
-/* === Body === */\r
-\r
-.tcw-body {\r
-  display: flex;\r
-  flex: 1;\r
-  min-height: 0;\r
-}\r
-\r
-.tcw-chart-container {\r
-  flex: 1;\r
-  min-width: 0;\r
-  min-height: 0;\r
-  width: 100%;\r
-  height: 100%;\r
-}\r
-\r
-/* === Sidebar === */\r
-\r
-.tcw-sidebar {\r
-  width: 36px;\r
-  flex-shrink: 0;\r
-  background: var(--tcw-bg-elevated);\r
-  border-right: 1px solid var(--tcw-border);\r
-  display: flex;\r
-  flex-direction: column;\r
-  align-items: center;\r
-  padding: 4px 0;\r
-  overflow: visible;\r
-}\r
-\r
-.tcw-tool-group-wrap {\r
-  position: relative;\r
-}\r
-\r
-.tcw-sidebar-btn {\r
-  width: 36px;\r
-  height: 32px;\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: center;\r
-  border: none;\r
-  background: transparent;\r
-  color: var(--tcw-text-muted);\r
-  cursor: pointer;\r
-  font-family: inherit;\r
-  transition: all var(--tcw-transition);\r
-  position: relative;\r
-  flex-shrink: 0;\r
-  line-height: 1;\r
-}\r
-\r
-.tcw-sidebar-btn:hover {\r
-  color: var(--tcw-text);\r
-  background: var(--tcw-hover-bg);\r
-}\r
-\r
-.tcw-sidebar-btn.tcw-active {\r
-  color: var(--tcw-accent);\r
-  background: var(--tcw-accent-glow);\r
-}\r
-\r
-.tcw-sidebar-btn.tcw-danger:hover {\r
-  color: var(--tcw-red);\r
-  background: rgba(239,68,68,0.1);\r
-}\r
-\r
-.tcw-multi-dot {\r
-  position: absolute;\r
-  bottom: 2px;\r
-  right: 2px;\r
-  width: 4px;\r
-  height: 4px;\r
-  border-radius: 50%;\r
-  background: var(--tcw-text-muted);\r
-}\r
-\r
-.tcw-sidebar-divider {\r
-  width: 20px;\r
-  height: 1px;\r
-  background: var(--tcw-border);\r
-  margin: 4px 0;\r
-  flex-shrink: 0;\r
-}\r
-\r
-.tcw-sidebar-spacer {\r
-  flex: 1;\r
-}\r
-\r
-/* === Flyout === */\r
-\r
-.tcw-flyout {\r
-  position: absolute;\r
-  left: 100%;\r
-  top: 0;\r
-  margin-left: 2px;\r
-  min-width: 160px;\r
-  background: var(--tcw-bg-elevated);\r
-  border: 1px solid var(--tcw-border);\r
-  border-radius: var(--tcw-radius-lg);\r
-  box-shadow: 0 8px 32px rgba(0,0,0,0.4);\r
-  z-index: 30;\r
-  padding: 4px 0;\r
-}\r
-\r
-.tcw-flyout-header {\r
-  text-transform: uppercase;\r
-  font-size: 10px;\r
-  color: var(--tcw-text-muted);\r
-  letter-spacing: 0.05em;\r
-  padding: 6px 12px;\r
-  font-weight: 600;\r
-}\r
-\r
-.tcw-flyout-item {\r
-  padding: 6px 12px;\r
-  font-size: 12px;\r
-  color: var(--tcw-text-dim);\r
-  cursor: pointer;\r
-  width: 100%;\r
-  display: block;\r
-  border: none;\r
-  background: none;\r
-  text-align: left;\r
-  font-family: inherit;\r
-  transition: background var(--tcw-transition), color var(--tcw-transition);\r
-}\r
-\r
-.tcw-flyout-item:hover {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-flyout-item.tcw-active {\r
-  color: var(--tcw-accent);\r
-}\r
-\r
-/* === Modal === */\r
-\r
-.tcw-modal-backdrop {\r
-  position: fixed;\r
-  inset: 0;\r
-  background: rgba(0,0,0,0.5);\r
-  backdrop-filter: blur(4px);\r
-  -webkit-backdrop-filter: blur(4px);\r
-  z-index: 100;\r
-}\r
-\r
-.tcw-modal {\r
-  position: fixed;\r
-  z-index: 101;\r
-  top: 50%;\r
-  left: 50%;\r
-  transform: translate(-50%, -50%);\r
-  background: var(--tcw-bg-elevated);\r
-  border: 1px solid var(--tcw-border);\r
-  border-radius: var(--tcw-radius-lg);\r
-  width: 480px;\r
-  max-width: 90vw;\r
-  max-height: 80vh;\r
-  display: flex;\r
-  flex-direction: column;\r
-  box-shadow: 0 24px 64px rgba(0,0,0,0.5);\r
-}\r
-\r
-.tcw-modal-header {\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: space-between;\r
-  padding: 16px 20px;\r
-  border-bottom: 1px solid var(--tcw-border);\r
-}\r
-\r
-.tcw-modal-header h3 {\r
-  font-size: 15px;\r
-  font-weight: 600;\r
-  margin: 0;\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-modal-close {\r
-  width: 28px;\r
-  height: 28px;\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: center;\r
-  border: none;\r
-  background: transparent;\r
-  color: var(--tcw-text-muted);\r
-  cursor: pointer;\r
-  border-radius: 4px;\r
-  transition: all var(--tcw-transition);\r
-}\r
-\r
-.tcw-modal-close:hover {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-modal-tabs {\r
-  display: flex;\r
-  gap: 0;\r
-  padding: 0 20px;\r
-  border-bottom: 1px solid var(--tcw-border);\r
-}\r
-\r
-.tcw-modal-tab {\r
-  padding: 10px 16px;\r
-  font-size: 12px;\r
-  font-weight: 500;\r
-  color: var(--tcw-text-muted);\r
-  border: none;\r
-  background: none;\r
-  cursor: pointer;\r
-  border-bottom: 2px solid transparent;\r
-  margin-bottom: -1px;\r
-  transition: color var(--tcw-transition);\r
-  font-family: inherit;\r
-  text-transform: capitalize;\r
-}\r
-\r
-.tcw-modal-tab:hover {\r
-  color: var(--tcw-text-dim);\r
-}\r
-\r
-.tcw-modal-tab.tcw-active {\r
-  color: var(--tcw-accent);\r
-  border-bottom-color: var(--tcw-accent);\r
-}\r
-\r
-.tcw-modal-body {\r
-  padding: 20px;\r
-  overflow-y: auto;\r
-  flex: 1;\r
-}\r
-\r
-.tcw-settings-section {\r
-  margin-bottom: 20px;\r
-}\r
-\r
-.tcw-settings-section:last-child {\r
-  margin-bottom: 0;\r
-}\r
-\r
-.tcw-settings-section-title {\r
-  font-size: 11px;\r
-  font-weight: 600;\r
-  text-transform: uppercase;\r
-  letter-spacing: 0.05em;\r
-  color: var(--tcw-text-muted);\r
-  margin-bottom: 12px;\r
-}\r
-\r
-.tcw-settings-row {\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: space-between;\r
-  padding: 8px 0;\r
-}\r
-\r
-.tcw-settings-row + .tcw-settings-row {\r
-  border-top: 1px solid rgba(255,255,255,0.03);\r
-}\r
-\r
-.tcw-root[data-tcw-theme="light"] .tcw-settings-row + .tcw-settings-row {\r
-  border-top: 1px solid rgba(0,0,0,0.04);\r
-}\r
-\r
-.tcw-settings-label {\r
-  font-size: 13px;\r
-  color: var(--tcw-text-dim);\r
-}\r
-\r
-.tcw-color-picker-wrap {\r
-  display: flex;\r
-  align-items: center;\r
-  gap: 6px;\r
-}\r
-\r
-.tcw-color-picker-wrap input[type='color'] {\r
-  width: 28px;\r
-  height: 28px;\r
-  border: 1px solid var(--tcw-border);\r
-  border-radius: 4px;\r
-  background: none;\r
-  cursor: pointer;\r
-  padding: 2px;\r
-}\r
-\r
-.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch-wrapper {\r
-  padding: 0;\r
-}\r
-\r
-.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {\r
-  border: none;\r
-  border-radius: 2px;\r
-}\r
-\r
-.tcw-color-hex {\r
-  font-size: 11px;\r
-  font-family: var(--tcw-font-mono);\r
-  color: var(--tcw-text-muted);\r
-  min-width: 60px;\r
-}\r
-\r
-.tcw-toggle {\r
-  width: 36px;\r
-  height: 20px;\r
-  background: rgba(255,255,255,0.1);\r
-  border-radius: 10px;\r
-  position: relative;\r
-  cursor: pointer;\r
-  transition: background var(--tcw-transition);\r
-  border: none;\r
-  padding: 0;\r
-  flex-shrink: 0;\r
-}\r
-\r
-.tcw-toggle::after {\r
-  content: '';\r
-  position: absolute;\r
-  top: 2px;\r
-  left: 2px;\r
-  width: 16px;\r
-  height: 16px;\r
-  border-radius: 50%;\r
-  background: var(--tcw-text-muted);\r
-  transition: all var(--tcw-transition);\r
-}\r
-\r
-.tcw-toggle.tcw-on {\r
-  background: var(--tcw-accent);\r
-}\r
-\r
-.tcw-toggle.tcw-on::after {\r
-  left: 18px;\r
-  background: white;\r
-}\r
-\r
-.tcw-root[data-tcw-theme="light"] .tcw-toggle {\r
-  background: rgba(0,0,0,0.1);\r
-}\r
-\r
-.tcw-root[data-tcw-theme="light"] .tcw-toggle::after {\r
-  background: #888;\r
-}\r
-\r
-.tcw-root[data-tcw-theme="light"] .tcw-toggle.tcw-on {\r
-  background: var(--tcw-accent);\r
-}\r
-\r
-.tcw-root[data-tcw-theme="light"] .tcw-toggle.tcw-on::after {\r
-  background: white;\r
-}\r
-\r
-.tcw-settings-select {\r
-  padding: 4px 8px;\r
-  font-size: 12px;\r
-  font-family: inherit;\r
-  background: var(--tcw-bg);\r
-  border: 1px solid var(--tcw-border);\r
-  border-radius: 4px;\r
-  color: var(--tcw-text);\r
-  cursor: pointer;\r
-}\r
-\r
-.tcw-modal-footer {\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: space-between;\r
-  padding: 12px 20px;\r
-  border-top: 1px solid var(--tcw-border);\r
-}\r
-\r
-.tcw-reset-link {\r
-  font-size: 12px;\r
-  color: var(--tcw-text-muted);\r
-  cursor: pointer;\r
-  border: none;\r
-  background: none;\r
-  font-family: inherit;\r
-  text-decoration: underline;\r
-  text-underline-offset: 2px;\r
-  transition: color var(--tcw-transition);\r
-}\r
-\r
-.tcw-reset-link:hover {\r
-  color: var(--tcw-text-dim);\r
-}\r
-\r
-.tcw-done-btn {\r
-  padding: 6px 16px;\r
-  font-size: 12px;\r
-  font-weight: 500;\r
-  background: var(--tcw-accent);\r
-  color: white;\r
-  border: none;\r
-  border-radius: 4px;\r
-  cursor: pointer;\r
-  font-family: inherit;\r
-  transition: background var(--tcw-transition);\r
-}\r
-\r
-.tcw-done-btn:hover {\r
-  background: #2563eb;\r
-}\r
-\r
-/* === Status Bar === */\r
-\r
-.tcw-statusbar {\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: space-between;\r
-  padding: 6px 16px;\r
-  border-top: 1px solid var(--tcw-border);\r
-  background: var(--tcw-bg-elevated);\r
-  font-size: 11px;\r
-  color: var(--tcw-text-muted);\r
-  flex-shrink: 0;\r
-}\r
-\r
-.tcw-status-indicator {\r
-  display: flex;\r
-  align-items: center;\r
-  gap: 6px;\r
-}\r
-\r
-.tcw-status-dot {\r
-  width: 6px;\r
-  height: 6px;\r
-  border-radius: 50%;\r
-  background: var(--tcw-text-muted);\r
-  transition: background 0.3s;\r
-}\r
-\r
-.tcw-status-dot.tcw-connected {\r
-  background: var(--tcw-green);\r
-}\r
-\r
-.tcw-status-dot.tcw-error {\r
-  background: var(--tcw-red);\r
-}\r
-\r
-/* === Command Palette === */\r
-\r
-.tcw-cmd-palette {\r
-  position: fixed;\r
-  z-index: 102;\r
-  top: 20%;\r
-  left: 50%;\r
-  transform: translateX(-50%);\r
-  background: var(--tcw-bg-elevated);\r
-  border: 1px solid var(--tcw-border);\r
-  border-radius: var(--tcw-radius-lg);\r
-  width: 520px;\r
-  max-width: 90vw;\r
-  max-height: 60vh;\r
-  display: flex;\r
-  flex-direction: column;\r
-  box-shadow: 0 24px 64px rgba(0,0,0,0.5);\r
-  overflow: hidden;\r
-}\r
-\r
-.tcw-cmd-header {\r
-  display: flex;\r
-  align-items: center;\r
-  padding: 12px 16px;\r
-  border-bottom: 1px solid var(--tcw-border);\r
-  gap: 10px;\r
-}\r
-\r
-.tcw-cmd-icon {\r
-  font-size: 18px;\r
-  color: var(--tcw-text-muted);\r
-  flex-shrink: 0;\r
-}\r
-\r
-.tcw-cmd-input {\r
-  flex: 1;\r
-  background: none;\r
-  border: none;\r
-  outline: none;\r
-  font-size: 14px;\r
-  font-family: inherit;\r
-  color: var(--tcw-text);\r
-  caret-color: var(--tcw-accent);\r
-}\r
-\r
-.tcw-cmd-input::placeholder {\r
-  color: var(--tcw-text-muted);\r
-}\r
-\r
-.tcw-cmd-hint {\r
-  font-size: 10px;\r
-  color: var(--tcw-text-muted);\r
-  border: 1px solid var(--tcw-border);\r
-  padding: 2px 6px;\r
-  border-radius: 3px;\r
-  flex-shrink: 0;\r
-}\r
-\r
-.tcw-cmd-list {\r
-  overflow-y: auto;\r
-  flex: 1;\r
-  padding: 4px 0;\r
-  max-height: 360px;\r
-}\r
-\r
-.tcw-cmd-category {\r
-  text-transform: uppercase;\r
-  font-size: 10px;\r
-  color: var(--tcw-text-muted);\r
-  letter-spacing: 0.05em;\r
-  padding: 8px 16px 4px;\r
-  font-weight: 600;\r
-}\r
-\r
-.tcw-cmd-item {\r
-  display: flex;\r
-  align-items: center;\r
-  justify-content: space-between;\r
-  padding: 8px 16px;\r
-  font-size: 13px;\r
-  color: var(--tcw-text-dim);\r
-  cursor: pointer;\r
-  width: 100%;\r
-  border: none;\r
-  background: none;\r
-  font-family: inherit;\r
-  text-align: left;\r
-  transition: background 80ms ease;\r
-  gap: 8px;\r
-}\r
-\r
-.tcw-cmd-item:hover,\r
-.tcw-cmd-item.tcw-selected {\r
-  background: var(--tcw-hover-bg);\r
-  color: var(--tcw-text);\r
-}\r
-\r
-.tcw-cmd-item.tcw-active .tcw-cmd-item-label {\r
-  color: var(--tcw-accent);\r
-}\r
-\r
-.tcw-cmd-item-label {\r
-  flex: 1;\r
-}\r
-\r
-.tcw-cmd-check {\r
-  color: var(--tcw-accent);\r
-  font-size: 14px;\r
-  font-weight: 600;\r
-}\r
-\r
-.tcw-cmd-kbd {\r
-  font-size: 10px;\r
-  font-family: var(--tcw-font-mono);\r
-  color: var(--tcw-text-muted);\r
-  background: var(--tcw-bg);\r
-  border: 1px solid var(--tcw-border);\r
-  padding: 1px 5px;\r
-  border-radius: 3px;\r
-}\r
-\r
-.tcw-cmd-empty {\r
-  padding: 24px 16px;\r
-  text-align: center;\r
-  color: var(--tcw-text-muted);\r
-  font-size: 13px;\r
-}\r
-\r
-.tcw-cmd-footer {\r
-  display: flex;\r
-  align-items: center;\r
-  gap: 16px;\r
-  padding: 8px 16px;\r
-  border-top: 1px solid var(--tcw-border);\r
-  font-size: 11px;\r
-  color: var(--tcw-text-muted);\r
-}\r
-\r
-/* === Responsive === */\r
-\r
-@media (max-width: 768px) {\r
-  .tcw-toolbar {\r
-    padding: 0 8px;\r
-    height: 36px;\r
-  }\r
-  .tcw-toolbar-sep {\r
-    display: none;\r
-  }\r
-  .tcw-indicator-chips {\r
-    display: none;\r
-  }\r
-  .tcw-sidebar {\r
-    width: 32px;\r
-  }\r
-  .tcw-sidebar-btn {\r
-    width: 32px;\r
-    height: 28px;\r
-  }\r
-}\r
-`,u=0,d=`tcw-styles`;function f(){if(u++,u>1||document.getElementById(d))return;let e=document.createElement(`style`);e.id=d,e.textContent=l,document.head.appendChild(e)}function p(){if(u--,u>0)return;let e=document.getElementById(d);e&&e.remove()}var m={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"/>`,penLine:`<path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/>`,hash:`<line x1="4" y1="9" x2="20" y2="9"/><line x1="4" y1="15" x2="20" y2="15"/><line x1="10" y1="3" x2="8" y2="21"/><line x1="16" y1="3" x2="14" y2="21"/>`,square:`<rect width="18" height="18" x="3" y="3" rx="2"/>`,gitBranch:`<line x1="6" y1="3" x2="6" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/>`,ruler:`<path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"/><path d="m14.5 12.5 2-2"/><path d="m11.5 9.5 2-2"/><path d="m8.5 6.5 2-2"/><path d="m17.5 15.5 2-2"/>`,type:`<polyline points="4 7 4 4 20 4 20 7"/><line x1="9" y1="20" x2="15" y2="20"/><line x1="12" y1="4" x2="12" y2="20"/>`,magnet:`<path d="m6 15-4-4 6.75-6.77a7.79 7.79 0 0 1 11 11L13 22l-4-4 6.39-6.36a2.14 2.14 0 0 0-3-3L6 15"/><path d="m5 8 4 4"/><path d="m12 15 4 4"/>`,undo:`<path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/>`,redo:`<path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"/>`,trash:`<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/>`,camera:`<path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/>`,settings:`<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>`,moon:`<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>`,sun:`<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>`,chevronDown:`<path d="m6 9 6 6 6-6"/>`,chevronUp:`<path d="m18 15-6-6-6 6"/>`,barChart:`<line x1="12" y1="20" x2="12" y2="10"/><line x1="18" y1="20" x2="18" y2="4"/><line x1="6" y1="20" x2="6" y2="16"/>`,x:`<path d="M18 6 6 18"/><path d="m6 6 12 12"/>`,play:`<polygon points="6 3 20 12 6 21 6 3"/>`,pause:`<rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/>`,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 h(e,t=14){let n=m[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>`:``}var g=class{trigger;panel;_isOpen=!1;onOutsideClick;onEscapeKey;onTriggerClick;constructor(e,t={}){this.trigger=e,this.panel=document.createElement(`div`),this.panel.className=`tcw-dropdown`,this.panel.style.width=t.width??`200px`,t.align===`right`?this.panel.style.right=`0`:this.panel.style.left=`0`,this.panel.style.display=`none`,e.style.position=`relative`,e.appendChild(this.panel),this.onTriggerClick=()=>{this._isOpen?this.close():this.open()},this.onOutsideClick=e=>{this.trigger.contains(e.target)||this.close()},this.onEscapeKey=e=>{e.key===`Escape`&&this.close()},e.addEventListener(`click`,this.onTriggerClick)}setContent(e){this.panel.innerHTML=e}open(){this._isOpen||(this._isOpen=!0,this.panel.style.display=``,document.addEventListener(`mousedown`,this.onOutsideClick),document.addEventListener(`keydown`,this.onEscapeKey))}close(){this._isOpen&&(this._isOpen=!1,this.panel.style.display=`none`,document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey))}isOpen(){return this._isOpen}destroy(){this.trigger.removeEventListener(`click`,this.onTriggerClick),document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey),this.panel.remove()}},_=class{config;callbacks;el;chartTypeDropdown=null;indicatorDropdown=null;tfButtons=[];chipsContainer=null;themeBtn=null;constructor(e,t,n){this.config=t,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-toolbar`,this.build(),e.appendChild(this.el)}build(){let{config:e,callbacks:t,el:n}=this,r=document.createElement(`button`);r.className=`tcw-toolbar-symbol`,r.dataset.role=`symbol`,r.addEventListener(`click`,t.onSymbolClick),n.appendChild(r),n.appendChild(this.sep());let i=document.createElement(`div`);i.className=`tcw-toolbar-group`;for(let n of e.timeframes){let e=document.createElement(`button`);e.className=`tcw-btn`,e.textContent=n.label,e.dataset.tf=n.value,e.addEventListener(`click`,()=>t.onTimeframe(n.value)),i.appendChild(e),this.tfButtons.push(e)}n.appendChild(i),n.appendChild(this.sep());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 g(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 g(s,{width:`280px`}),this.buildIndicatorMenu(),this.chipsContainer=document.createElement(`div`),this.chipsContainer.className=`tcw-indicator-chips`,n.appendChild(this.chipsContainer),n.appendChild(this.spacer());let l=this.iconBtn(`camera`,`Screenshot`,t.onScreenshot);n.appendChild(l);let u=this.iconBtn(`settings`,`Chart Settings`,t.onSettings);n.appendChild(u),this.themeBtn=this.iconBtn(`moon`,`Toggle theme`,t.onToggleTheme),this.themeBtn.dataset.role=`theme`,n.appendChild(this.themeBtn)}buildChartTypeMenu(){if(!this.chartTypeDropdown)return;let e=this.config.chartTypes.map(e=>`<button class="tcw-dropdown-item" data-ct="${e.value}">${e.label}</button>`).join(``);this.chartTypeDropdown.setContent(e),this.chartTypeDropdown.panel.querySelectorAll(`.tcw-dropdown-item`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ct;this.callbacks.onChartType(t),this.chartTypeDropdown?.close()})})}buildIndicatorMenu(){if(!this.indicatorDropdown)return;let{indicators:e,popularIndicatorIds:t}=this.config,n=e.filter(e=>t.includes(e.id)),r=e.filter(e=>!t.includes(e.id)),i=`<div class="tcw-dropdown-label">Popular</div>`;for(let e of n)i+=`<button class="tcw-dropdown-item" data-ind="${e.id}"><span>${e.name}</span><span class="tcw-tag">${e.type}</span></button>`;i+=`<div class="tcw-dropdown-divider"></div>`,i+=`<div class="tcw-dropdown-label">All</div>`;for(let e of r)i+=`<button class="tcw-dropdown-item" data-ind="${e.id}"><span>${e.name}</span><span class="tcw-tag">${e.type}</span></button>`;this.indicatorDropdown.setContent(i),this.indicatorDropdown.panel.querySelectorAll(`.tcw-dropdown-item[data-ind]`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ind;this.callbacks.onAddIndicator(t)})})}update(e){let t=this.el.querySelector(`[data-role="symbol"]`);t&&(t.textContent=e.symbol);for(let t of this.tfButtons)t.classList.toggle(`tcw-active`,t.dataset.tf===e.timeframe);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=`${h(`barChart`,14)} ${t} ${h(`chevronDown`,12)}`}let r=this.el.querySelector(`[data-role="indicators"]`);if(r){let t=e.activeIndicators.size,n=`${h(`trendingUp`,14)} Indicators`;t>0&&(n+=` <span class="tcw-badge-count">${t}</span>`),r.innerHTML=n}if(this.chipsContainer){let t=this.getActiveIndicatorList(e);this.chipsContainer.innerHTML=``;for(let e of t){let t=document.createElement(`div`);t.className=`tcw-indicator-chip`;let n=document.createElement(`span`);n.textContent=e.label,t.appendChild(n);let r=document.createElement(`button`);r.className=`tcw-chip-remove`,r.innerHTML=h(`x`,10),r.addEventListener(`click`,()=>this.callbacks.onRemoveIndicator(e.instanceId)),t.appendChild(r),this.chipsContainer.appendChild(t)}}this.themeBtn&&(this.themeBtn.innerHTML=e.isDark?h(`moon`,14):h(`sun`,14))}getActiveIndicatorList(e){let t=[];for(let[n,r]of e.activeIndicators.entries())t.push({instanceId:r,id:n,label:n.toUpperCase()});return t}sep(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-sep`,e}spacer(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-spacer`,e}iconBtn(e,t,n){let r=document.createElement(`button`);return r.className=`tcw-btn-icon`,r.title=t,r.innerHTML=h(e,14),r.addEventListener(`click`,n),r}destroy(){this.chartTypeDropdown?.destroy(),this.indicatorDropdown?.destroy(),this.el.remove()}},v=[`trendingUp`,`minus`,`penLine`,`hash`,`square`,`gitBranch`,`ruler`,`type`],y=class{config;callbacks;el;groupWraps=[];groupButtons=[];cursorBtn=null;magnetBtn=null;flyoutEl=null;constructor(e,t,n){this.config=t,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-sidebar`,this.build(),e.appendChild(this.el)}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=h(`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=h(v[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=h(`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=h(`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=h(`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=h(`trash`,14),o.addEventListener(`click`,t.onClearDrawings),n.appendChild(o)}showFlyout(e){let t=this.config.drawingToolGroups[e];if(!t||t.tools.length<=1)return;this.hideFlyout();let n=document.createElement(`div`);n.className=`tcw-flyout`;let r=document.createElement(`div`);r.className=`tcw-flyout-header`,r.textContent=t.label,n.appendChild(r);for(let e of t.tools){let t=document.createElement(`button`);t.className=`tcw-flyout-item`,t.textContent=e.label,t.dataset.toolValue=e.value,t.addEventListener(`click`,()=>{this.callbacks.onDrawingTool(e.value),this.hideFlyout()}),n.appendChild(t)}this.flyoutEl=n,this.groupWraps[e].appendChild(n)}hideFlyout(){this.flyoutEl&&=(this.flyoutEl.remove(),null)}update(e){this.cursorBtn&&this.cursorBtn.classList.toggle(`tcw-active`,e.activeTool===null);let{drawingToolGroups:t}=this.config;for(let n=0;n<t.length;n++){let r=t[n].tools.some(t=>t.value===e.activeTool);this.groupButtons[n].classList.toggle(`tcw-active`,r)}this.flyoutEl&&this.flyoutEl.querySelectorAll(`.tcw-flyout-item`).forEach(t=>{let n=t;n.classList.toggle(`tcw-active`,n.dataset.toolValue===e.activeTool)}),this.magnetBtn&&(this.magnetBtn.classList.toggle(`tcw-active`,e.magnetEnabled),this.magnetBtn.title=e.magnetEnabled?`Magnet ON`:`Magnet OFF`)}divider(){let e=document.createElement(`div`);return e.className=`tcw-sidebar-divider`,e}destroy(){this.hideFlyout(),this.el.remove()}},b=[`style`,`display`,`scale`],x=class{callbacks;backdrop=null;modal=null;currentTab=`style`;currentSettings=null;bodyEl=null;tabButtons=[];constructor(e){this.callbacks=e}open(e){this.currentSettings={...e},this.currentTab=`style`,this.buildModal()}close(){this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.bodyEl=null,this.tabButtons=[]}buildModal(){this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),document.body.appendChild(this.backdrop),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal`;let e=document.createElement(`div`);e.className=`tcw-modal-header`;let t=document.createElement(`h3`);t.textContent=`Chart Settings`,e.appendChild(t);let n=document.createElement(`button`);n.className=`tcw-modal-close`,n.innerHTML=h(`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 b){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()}),r.appendChild(t),this.tabButtons.push(t)}this.modal.appendChild(r),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`,this.modal.appendChild(this.bodyEl),this.renderTabContent();let i=document.createElement(`div`);i.className=`tcw-modal-footer`;let a=document.createElement(`button`);a.className=`tcw-reset-link`,a.textContent=`Reset to defaults`,a.addEventListener(`click`,()=>this.callbacks.onReset()),i.appendChild(a);let o=document.createElement(`button`);o.className=`tcw-done-btn`,o.textContent=`Done`,o.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),i.appendChild(o),this.modal.appendChild(i),document.body.appendChild(this.modal);let s=e=>{e.key===`Escape`&&(document.removeEventListener(`keydown`,s),this.callbacks.onClose(),this.close())};document.addEventListener(`keydown`,s)}renderTabContent(){if(!(!this.bodyEl||!this.currentSettings))switch(this.bodyEl.innerHTML=``,this.currentTab){case`style`:this.renderStyleTab();break;case`display`:this.renderDisplayTab();break;case`scale`:this.renderScaleTab();break}}renderStyleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section(`Candle Colors`);t.appendChild(this.colorRow(`Up Body`,e.candleUpColor,e=>this.patch({candleUpColor:e}))),t.appendChild(this.colorRow(`Down Body`,e.candleDownColor,e=>this.patch({candleDownColor:e}))),t.appendChild(this.colorRow(`Up Wick`,e.candleUpWick,e=>this.patch({candleUpWick:e}))),t.appendChild(this.colorRow(`Down Wick`,e.candleDownWick,e=>this.patch({candleDownWick:e}))),this.bodyEl.appendChild(t);let n=this.section(`Background`);n.appendChild(this.colorRow(`Background`,e.backgroundColor,e=>this.patch({backgroundColor:e}))),n.appendChild(this.colorRow(`Grid`,e.gridColor,e=>this.patch({gridColor:e}))),this.bodyEl.appendChild(n)}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,[{label:`Magnet`,value:`magnet`},{label:`Normal`,value:`normal`},{label:`Hidden`,value:`hidden`}],e=>this.patch({crosshairMode:e}))),t.appendChild(this.selectRow(`Number Locale`,e.numberLocale,[{label:`en-US (65,234.00)`,value:`en-US`},{label:`de-DE (65.234,00)`,value:`de-DE`},{label:`fr-FR (65 234,00)`,value:`fr-FR`},{label:`vi-VN (65.234,00)`,value:`vi-VN`},{label:`en-IN (65,234.00)`,value:`en-IN`},{label:`ja-JP (65,234.00)`,value:`ja-JP`}],e=>this.patch({numberLocale:e}))),this.bodyEl.appendChild(t)}renderScaleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section();t.appendChild(this.toggleRow(`Auto Scale`,e.autoScale,e=>this.patch({autoScale:e}))),t.appendChild(this.toggleRow(`Log Scale`,e.logScale,e=>this.patch({logScale:e}))),this.bodyEl.appendChild(t)}patch(e){this.currentSettings&&Object.assign(this.currentSettings,e),this.callbacks.onChange(e)}section(e){let t=document.createElement(`div`);if(t.className=`tcw-settings-section`,e){let n=document.createElement(`div`);n.className=`tcw-settings-section-title`,n.textContent=e,t.appendChild(n)}return t}colorRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`div`);a.className=`tcw-color-picker-wrap`;let o=document.createElement(`input`);o.type=`color`,o.value=t;let s=document.createElement(`span`);return s.className=`tcw-color-hex`,s.textContent=t,o.addEventListener(`input`,()=>{s.textContent=o.value,n(o.value)}),a.appendChild(o),a.appendChild(s),r.appendChild(a),r}toggleRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`button`);return a.className=`tcw-toggle${t?` tcw-on`:``}`,a.addEventListener(`click`,()=>{let e=!a.classList.contains(`tcw-on`);a.classList.toggle(`tcw-on`,e),n(e)}),r.appendChild(a),r}selectRow(e,t,n,r){let i=document.createElement(`div`);i.className=`tcw-settings-row`;let a=document.createElement(`span`);a.className=`tcw-settings-label`,a.textContent=e,i.appendChild(a);let o=document.createElement(`select`);o.className=`tcw-settings-select`;for(let e of n){let n=document.createElement(`option`);n.value=e.value,n.textContent=e.label,e.value===t&&(n.selected=!0),o.appendChild(n)}return o.addEventListener(`change`,()=>r(o.value)),i.appendChild(o),i}destroy(){this.close()}},S=class{el;dotEl;messageEl;infoEl;constructor(e){this.el=document.createElement(`div`),this.el.className=`tcw-statusbar`;let t=document.createElement(`div`);t.className=`tcw-status-indicator`,this.dotEl=document.createElement(`span`),this.dotEl.className=`tcw-status-dot`,t.appendChild(this.dotEl),this.messageEl=document.createElement(`span`),t.appendChild(this.messageEl),this.el.appendChild(t),this.infoEl=document.createElement(`span`),this.el.appendChild(this.infoEl),e.appendChild(this.el)}update(e){this.dotEl.className=`tcw-status-dot`,e.connectionState===`connected`?this.dotEl.classList.add(`tcw-connected`):e.connectionState===`error`&&this.dotEl.classList.add(`tcw-error`),this.messageEl.textContent=e.message,this.infoEl.textContent=`${e.symbol} ${e.timeframe}`}destroy(){this.el.remove()}},C=class{backdrop=null;modal=null;input=null;list=null;items=[];filtered=[];selectedIndex=0;callbacks;boundKeydown;constructor(e){this.callbacks=e,this.boundKeydown=this.handleKeydown.bind(this)}open(e){if(this.backdrop)return;this.items=e,this.filtered=e,this.selectedIndex=0,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 t=document.createElement(`div`);t.className=`tcw-cmd-header`;let n=document.createElement(`span`);n.className=`tcw-cmd-icon`,n.textContent=`⌕`,t.appendChild(n),this.input=document.createElement(`input`),this.input.className=`tcw-cmd-input`,this.input.type=`text`,this.input.placeholder=`Search indicators, chart types, tools...`,this.input.addEventListener(`input`,()=>this.filter()),t.appendChild(this.input);let r=document.createElement(`span`);r.className=`tcw-cmd-hint`,r.textContent=`ESC`,t.appendChild(r),this.modal.appendChild(t),this.list=document.createElement(`div`),this.list.className=`tcw-cmd-list`,this.modal.appendChild(this.list);let i=document.createElement(`div`);i.className=`tcw-cmd-footer`,i.innerHTML=`<span>↑↓ Navigate</span><span>⏎ Select</span><span>Esc Close</span>`,this.modal.appendChild(i),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}filter(){let e=this.input?.value.toLowerCase().trim()??``;e?this.filtered=this.items.filter(t=>t.label.toLowerCase().includes(e)||t.category.toLowerCase().includes(e)||t.id.toLowerCase().includes(e)):this.filtered=this.items,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 results found`,this.list.appendChild(e);return}let e=``;for(let t=0;t<this.filtered.length;t++){let n=this.filtered[t];if(n.category!==e){e=n.category;let t=document.createElement(`div`);t.className=`tcw-cmd-category`,t.textContent=this.categoryLabel(e),this.list.appendChild(t)}let r=document.createElement(`button`);r.className=`tcw-cmd-item`,t===this.selectedIndex&&r.classList.add(`tcw-selected`),n.active&&r.classList.add(`tcw-active`),r.dataset.index=String(t);let i=document.createElement(`span`);if(i.className=`tcw-cmd-item-label`,i.textContent=n.label,r.appendChild(i),n.active){let e=document.createElement(`span`);e.className=`tcw-cmd-check`,e.textContent=`✓`,r.appendChild(e)}if(n.shortcut){let e=document.createElement(`kbd`);e.className=`tcw-cmd-kbd`,e.textContent=n.shortcut,r.appendChild(e)}r.addEventListener(`click`,()=>this.select(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`})}select(e){let t=this.filtered[e];if(t){switch(t.category){case`indicator`:this.callbacks.onIndicator(t.id);break;case`chartType`:this.callbacks.onChartType(t.id);break;case`drawing`:this.callbacks.onDrawingTool(t.id);break;case`timeframe`:this.callbacks.onTimeframe(t.id);break;case`action`:this.callbacks.onAction(t.id);break}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.select(this.selectedIndex);break}}categoryLabel(e){switch(e){case`indicator`:return`Indicators`;case`chartType`:return`Chart Types`;case`drawing`:return`Drawing Tools`;case`timeframe`:return`Timeframes`;case`action`:return`Actions`;default:return e}}destroy(){this.close()}},w=class{chart;state;toolbar=null;sidebar=null;settings=null;statusBar=null;commandPalette=null;root;chartContainer;destroyed=!1;options;symbolIndex=0;symbols;settingsState;adapter=null;boundGlobalKeydown=null;constructor(t,l={}){this.options=l,this.symbols=l.symbols??s,this.settingsState={...c};let u=this.resolveIsDark(l.theme),d=this.resolveTheme(l.theme);this.state={symbol:l.symbol??this.symbols[0]??`BTCUSDT`,timeframe:l.timeframe??`5m`,chartType:l.chartOptions?.chartType??`candlestick`,isDark:u,activeIndicators:new Map,activeTool:null,magnetEnabled:!0,connectionState:`connecting`,connectionMessage:`Connecting...`};let p=this.symbols.indexOf(this.state.symbol);p>=0&&(this.symbolIndex=p),f(),this.root=document.createElement(`div`),this.root.className=`tcw-root`,this.root.dataset.tcwTheme=u?`dark`:`light`,t.appendChild(this.root),l.toolbar!==!1&&(this.toolbar=new _(this.root,{symbols:this.symbols,timeframes:l.timeframes?n.filter(e=>l.timeframes.includes(e.value)):n,chartTypes:l.chartTypes?r.filter(e=>l.chartTypes.includes(e.value)):r,indicators:a,popularIndicatorIds:o},{onSymbolClick:()=>this.handleSymbolClick(),onTimeframe:e=>this.handleTimeframe(e),onChartType:e=>this.handleChartType(e),onAddIndicator:e=>this.handleAddIndicator(e),onRemoveIndicator:e=>this.handleRemoveIndicator(e),onScreenshot:()=>this.chart.screenshot(),onSettings:()=>this.openSettings(),onToggleTheme:()=>this.handleToggleTheme()}));let m=document.createElement(`div`);m.className=`tcw-body`,l.drawingTools!==!1&&(this.sidebar=new y(m,{drawingToolGroups:i},{onDrawingTool:e=>this.handleDrawingTool(e),onCancelDrawing:()=>this.handleCancelDrawing(),onToggleMagnet:()=>this.handleToggleMagnet(),onUndo:()=>this.chart.undo(),onRedo:()=>this.chart.redo(),onClearDrawings:()=>{this.chart.clearDrawings(),this.state={...this.state,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.t(this.chartContainer,{chartType:this.state.chartType,theme:d,autoScale:!0,crosshair:{mode:`magnet`},features:{drawings:!0,drawingMagnet:!0,drawingUndoRedo:!0,indicators:!0,trading:l.trading!==!1,tradingContextMenu:l.trading!==!1,volume:!0,legend:!0,crosshair:!0,keyboard:!0,screenshot:!0,alerts:!0,barCountdown:!0,logScale:!0,watermark:!0},...l.chartOptions}),l.statusBar!==!1&&(this.statusBar=new S(this.root)),l.settings!==!1&&(this.settings=new x({onChange:e=>this.applySettings(e),onReset:()=>this.resetSettings(),onClose:()=>{}})),this.commandPalette=new C({onIndicator:e=>this.handleAddIndicator(e),onChartType:e=>this.handleChartType(e),onDrawingTool:e=>this.handleDrawingTool(e),onTimeframe:e=>this.handleTimeframe(e),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),l.adapter&&(this.adapter=l.adapter,this.connectStream()),this.updateUI(),l.onReady?.(this.chart)}async setSymbol(e){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()}async setTimeframe(e){this.state={...this.state,timeframe:e},this.options.onTimeframeChange?.(e),this.updateUI(),this.adapter&&await this.connectStream()}setTheme(e){let t=this.resolveIsDark(e),n=this.resolveTheme(e);this.state={...this.state,isDark:t},this.root.dataset.tcwTheme=t?`dark`:`light`,this.chart.setTheme(n),this.updateUI()}getChart(){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(),p())}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()}handleTimeframe(e){this.state={...this.state,timeframe:e},this.options.onTimeframeChange?.(e),this.updateUI(),this.adapter&&this.connectStream()}handleChartType(e){this.state={...this.state,chartType:e},this.chart.setChartType(e),this.updateUI()}handleAddIndicator(e){if(this.state.activeIndicators.has(e)){let t=this.state.activeIndicators.get(e);this.chart.removeIndicator(t);let n=new Map(this.state.activeIndicators);n.delete(e),this.state={...this.state,activeIndicators:n}}else{let t=this.chart.addIndicator(e);if(t){let n=new Map(this.state.activeIndicators);n.set(e,t),this.state={...this.state,activeIndicators:n}}}this.updateUI()}handleRemoveIndicator(e){this.chart.removeIndicator(e);let t=new Map(this.state.activeIndicators);for(let[n,r]of t.entries())if(r===e){t.delete(n);break}this.state={...this.state,activeIndicators:t},this.updateUI()}toggleCommandPalette(){if(this.commandPalette?.isOpen()){this.commandPalette.close();return}this.commandPalette?.open(this.buildCommandItems())}buildCommandItems(){let e=[];for(let t of a)e.push({id:t.id,label:t.name,category:`indicator`,active:this.state.activeIndicators.has(t.id)});for(let t of r)e.push({id:t.value,label:t.label,category:`chartType`,active:this.state.chartType===t.value});for(let t of i)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 n)e.push({id:t.value,label:t.label,category:`timeframe`,active:this.state.timeframe===t.value});return e.push({id:`screenshot`,label:`Screenshot`,category:`action`,shortcut:``},{id:`toggleTheme`,label:`Toggle Theme`,category:`action`},{id:`settings`,label:`Settings`,category:`action`},{id:`clearDrawings`,label:`Clear All Drawings`,category:`action`}),e}handleAction(e){switch(e){case`screenshot`:this.chart.screenshot();break;case`toggleTheme`:this.handleToggleTheme();break;case`settings`:this.openSettings();break;case`clearDrawings`:this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI();break}}handleDrawingTool(e){this.state={...this.state,activeTool:e},this.chart.setDrawingTool(e),this.updateUI()}handleCancelDrawing(){this.state={...this.state,activeTool:null},this.chart.setDrawingTool(null),this.updateUI()}handleToggleMagnet(){let e=!this.state.magnetEnabled;this.state={...this.state,magnetEnabled:e},this.chart.setDrawingMagnet(e),this.updateUI()}handleToggleTheme(){let e=!this.state.isDark;this.state={...this.state,isDark:e},this.root.dataset.tcwTheme=e?`dark`:`light`,this.chart.setTheme(e?t.DARK_THEME:t.LIGHT_THEME),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()}openSettings(){this.settings?.open(this.settingsState)}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);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={...c},this.applySettings(this.settingsState)}async connectStream(){if(this.adapter){this.state={...this.state,connectionState:`connecting`,connectionMessage:`Connecting...`},this.updateUI();try{this.chart.disconnectStream(),await this.chart.connect({adapter:this.adapter,symbol:this.state.symbol,timeframe:this.state.timeframe,historyLimit:this.options.historyLimit??500}),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.state,connectionState:`connected`,connectionMessage:`Live`}}catch(e){this.state={...this.state,connectionState:`error`,connectionMessage:e instanceof Error?e.message:`Connection failed`}}this.updateUI()}}updateUI(){this.toolbar?.update(this.state),this.sidebar?.update(this.state),this.statusBar?.update({connectionState:this.state.connectionState,message:this.state.connectionMessage,symbol:this.state.symbol,timeframe:this.state.timeframe})}resolveIsDark(e){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.DARK_THEME:e===`light`?t.LIGHT_THEME:typeof e==`object`?e:t.DARK_THEME}isColorDark(e){if(e.startsWith(`#`)&&e.length>=7){let t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t+n+r<384}return!0}};exports.ChartWidget=w;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../DragDropImporter-CQ3EarQn.cjs`);let t=require(`@tradecanvas/commons`);var n=[{label:`1m`,value:`1m`},{label:`5m`,value:`5m`},{label:`15m`,value:`15m`},{label:`1H`,value:`1h`},{label:`4H`,value:`4h`},{label:`1D`,value:`1d`}],r=[{label:`Candlestick`,value:`candlestick`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Bar`,value:`bar`},{label:`Heikin-Ashi`,value:`heikinAshi`},{label:`Hollow Candle`,value:`hollowCandle`},{label:`Baseline`,value:`baseline`},{label:`Volume Candles`,value:`volumeCandles`},{label:`Equivolume`,value:`equivolume`},{label:`HLC Area`,value:`hlcArea`},{label:`Step Line`,value:`stepLine`},{label:`Line + Markers`,value:`lineWithMarkers`}],i=[{label:`Lines`,tools:[{label:`Trend Line`,value:`trendLine`},{label:`Ray`,value:`ray`},{label:`Extended Line`,value:`extendedLine`}]},{label:`Horizontal/Vertical`,tools:[{label:`Horizontal Line`,value:`horizontalLine`},{label:`Vertical Line`,value:`verticalLine`}]},{label:`Channels`,tools:[{label:`Parallel Channel`,value:`parallelChannel`},{label:`Regression Channel`,value:`regressionChannel`}]},{label:`Fibonacci`,tools:[{label:`Fib Retracement`,value:`fibRetracement`},{label:`Fib Extension`,value:`fibExtension`}]},{label:`Shapes`,tools:[{label:`Rectangle`,value:`rectangle`},{label:`Ellipse`,value:`ellipse`},{label:`Triangle`,value:`triangle`}]},{label:`Gann & Advanced`,tools:[{label:`Pitchfork`,value:`pitchfork`},{label:`Gann Fan`,value:`gannFan`},{label:`Gann Box`,value:`gannBox`},{label:`Elliott Wave`,value:`elliottWave`}]},{label:`Measure`,tools:[{label:`Price Range`,value:`priceRange`},{label:`Date Range`,value:`dateRange`},{label:`Measure`,value:`measure`}]},{label:`Annotation`,tools:[{label:`Text`,value:`text`},{label:`Arrow`,value:`arrow`}]}],a=[{id:`sma`,name:`SMA`,type:`overlay`},{id:`ema`,name:`EMA`,type:`overlay`},{id:`hma`,name:`Hull MA`,type:`overlay`},{id:`bb`,name:`Bollinger Bands`,type:`overlay`},{id:`vwap`,name:`VWAP`,type:`overlay`},{id:`avwap`,name:`Anchored VWAP`,type:`overlay`},{id:`ichimoku`,name:`Ichimoku Cloud`,type:`overlay`},{id:`psar`,name:`Parabolic SAR`,type:`overlay`},{id:`supertrend`,name:`Supertrend`,type:`overlay`},{id:`keltner`,name:`Keltner Channel`,type:`overlay`},{id:`donchian`,name:`Donchian Channel`,type:`overlay`},{id:`pivots`,name:`Pivot Points`,type:`overlay`},{id:`zigzag`,name:`ZigZag`,type:`overlay`},{id:`lrc`,name:`Linear Regression Channel`,type:`overlay`},{id:`rsi`,name:`RSI`,type:`panel`},{id:`macd`,name:`MACD`,type:`panel`},{id:`stochastic`,name:`Stochastic`,type:`panel`},{id:`atr`,name:`ATR`,type:`panel`},{id:`adx`,name:`ADX`,type:`panel`},{id:`obv`,name:`OBV`,type:`panel`},{id:`williamsR`,name:`Williams %R`,type:`panel`},{id:`cci`,name:`CCI`,type:`panel`},{id:`mfi`,name:`MFI`,type:`panel`},{id:`roc`,name:`ROC`,type:`panel`},{id:`tsi`,name:`TSI`,type:`panel`},{id:`cmf`,name:`CMF`,type:`panel`},{id:`aroon`,name:`Aroon`,type:`panel`},{id:`stddev`,name:`Std Deviation`,type:`panel`},{id:`vroc`,name:`Volume ROC`,type:`panel`},{id:`ad`,name:`Acc/Dist`,type:`panel`},{id:`ao`,name:`Awesome Oscillator`,type:`panel`},{id:`chaikinOsc`,name:`Chaikin Oscillator`,type:`panel`},{id:`volumeProfile`,name:`Volume Profile`,type:`panel`}],o=[`sma`,`ema`,`bb`,`rsi`,`macd`,`stochastic`,`vwap`,`atr`,`obv`,`ichimoku`],s=[`BTCUSDT`,`ETHUSDT`,`SOLUSDT`,`BNBUSDT`],c={candleUpColor:`#26A69A`,candleDownColor:`#EF5350`,candleUpWick:`#26A69A`,candleDownWick:`#EF5350`,backgroundColor:`#131722`,gridColor:`#1E222D`,gridVisible:!0,volumeVisible:!0,volumeProfileVisible:!1,legendVisible:!0,barCountdown:!0,logScale:!1,autoScale:!0,crosshairMode:`magnet`,numberLocale:`en-US`},l=`/* === TradeCanvas Widget — Premium Styles === */
+
+.tcw-root {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
+  font-feature-settings: 'cv11', 'ss01', 'ss03';
+  font-size: 13px;
+  line-height: 1.4;
+  color: #d1d4dc;
+  background: #0d0f17;
+  position: relative;
+  overflow: hidden;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* --- Dark theme tokens (default) --- */
+  --tcw-bg: #0d0f17;
+  --tcw-bg-surface: #131722;
+  --tcw-bg-elevated: #1a1e2d;
+  --tcw-bg-overlay: #20253480;
+  --tcw-border: #2a2e39;
+  --tcw-border-strong: #363a45;
+  --tcw-text: #e9ebf0;
+  --tcw-text-dim: #b2b5be;
+  --tcw-text-muted: #6b6f7a;
+
+  --tcw-accent: #4f88ff;
+  --tcw-accent-hover: #6b9aff;
+  --tcw-accent-soft: rgba(79, 136, 255, 0.14);
+  --tcw-accent-glow: rgba(79, 136, 255, 0.22);
+  --tcw-accent-line: rgba(79, 136, 255, 0.55);
+
+  --tcw-red: #f23645;
+  --tcw-red-soft: rgba(242, 54, 69, 0.12);
+  --tcw-green: #26a17b;
+  --tcw-green-soft: rgba(38, 161, 123, 0.12);
+  --tcw-amber: #ff9f43;
+
+  --tcw-hover-bg: rgba(255, 255, 255, 0.05);
+  --tcw-active-bg: rgba(255, 255, 255, 0.08);
+  --tcw-divider: rgba(255, 255, 255, 0.06);
+
+  /* Motion */
+  --tcw-ease: cubic-bezier(0.2, 0, 0, 1);
+  --tcw-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --tcw-dur-fast: 120ms;
+  --tcw-dur-normal: 180ms;
+  --tcw-dur-slow: 260ms;
+
+  /* Shape */
+  --tcw-radius-sm: 4px;
+  --tcw-radius: 6px;
+  --tcw-radius-lg: 10px;
+  --tcw-radius-xl: 14px;
+
+  /* Elevation */
+  --tcw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --tcw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);
+  --tcw-shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
+  --tcw-shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.55), 0 12px 24px rgba(0, 0, 0, 0.35);
+  --tcw-ring: 0 0 0 2px rgba(79, 136, 255, 0.45);
+
+  /* Type */
+  --tcw-font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace;
+}
+
+.tcw-root[data-tcw-theme='light'] {
+  color: #131722;
+  background: #fcfcfd;
+
+  --tcw-bg: #fcfcfd;
+  --tcw-bg-surface: #ffffff;
+  --tcw-bg-elevated: #ffffff;
+  --tcw-bg-overlay: rgba(255, 255, 255, 0.75);
+  --tcw-border: #e7e9ef;
+  --tcw-border-strong: #d4d7e0;
+  --tcw-text: #131722;
+  --tcw-text-dim: #50545e;
+  --tcw-text-muted: #8b8f99;
+
+  --tcw-accent: #2962ff;
+  --tcw-accent-hover: #1e4fd6;
+  --tcw-accent-soft: rgba(41, 98, 255, 0.10);
+  --tcw-accent-glow: rgba(41, 98, 255, 0.16);
+  --tcw-accent-line: rgba(41, 98, 255, 0.45);
+
+  --tcw-hover-bg: rgba(0, 0, 0, 0.04);
+  --tcw-active-bg: rgba(41, 98, 255, 0.08);
+  --tcw-divider: rgba(0, 0, 0, 0.06);
+
+  --tcw-shadow-sm: 0 1px 2px rgba(20, 28, 56, 0.05);
+  --tcw-shadow-md: 0 4px 12px rgba(20, 28, 56, 0.08), 0 1px 3px rgba(20, 28, 56, 0.04);
+  --tcw-shadow-lg: 0 12px 36px rgba(20, 28, 56, 0.14), 0 4px 12px rgba(20, 28, 56, 0.08);
+  --tcw-shadow-xl: 0 24px 64px rgba(20, 28, 56, 0.18), 0 12px 24px rgba(20, 28, 56, 0.1);
+}
+
+/* === Toolbar === */
+
+.tcw-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  padding: 0 10px;
+  height: 44px;
+  border-bottom: 1px solid var(--tcw-border);
+  background:
+    linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);
+  flex-shrink: 0;
+  position: relative;
+  z-index: 20;
+  box-shadow: var(--tcw-shadow-sm);
+}
+
+.tcw-toolbar-symbol {
+  font-size: 14px;
+  font-weight: 650;
+  color: var(--tcw-text);
+  padding: 6px 12px;
+  white-space: nowrap;
+  letter-spacing: -0.015em;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  border-radius: var(--tcw-radius);
+  transition: background var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-toolbar-symbol:hover {
+  background: var(--tcw-hover-bg);
+}
+
+.tcw-toolbar-sep {
+  width: 1px;
+  height: 22px;
+  background: var(--tcw-border);
+  flex-shrink: 0;
+  margin: 0 4px;
+}
+
+.tcw-toolbar-group {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 0 4px;
+}
+
+.tcw-toolbar-spacer {
+  flex: 1;
+}
+
+.tcw-btn {
+  padding: 6px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  font-family: inherit;
+  border: none;
+  border-radius: var(--tcw-radius);
+  background: transparent;
+  color: var(--tcw-text-dim);
+  cursor: pointer;
+  transition:
+    background var(--tcw-dur-fast) var(--tcw-ease),
+    color var(--tcw-dur-fast) var(--tcw-ease),
+    transform var(--tcw-dur-fast) var(--tcw-ease);
+  white-space: nowrap;
+  line-height: 1;
+  letter-spacing: -0.005em;
+}
+
+.tcw-btn:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-btn:active {
+  transform: translateY(0.5px);
+}
+
+.tcw-btn.tcw-active {
+  background: var(--tcw-accent-soft);
+  color: var(--tcw-accent);
+  font-weight: 600;
+  box-shadow: inset 0 0 0 1px var(--tcw-accent-line);
+}
+
+.tcw-btn:focus-visible,
+.tcw-btn-icon:focus-visible,
+.tcw-sidebar-btn:focus-visible,
+.tcw-dropdown-trigger:focus-visible {
+  outline: none;
+  box-shadow: var(--tcw-ring);
+}
+
+.tcw-btn-icon {
+  width: 32px;
+  height: 32px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: inherit;
+  border: none;
+  border-radius: var(--tcw-radius);
+  background: transparent;
+  color: var(--tcw-text-muted);
+  cursor: pointer;
+  transition:
+    background var(--tcw-dur-fast) var(--tcw-ease),
+    color var(--tcw-dur-fast) var(--tcw-ease);
+  line-height: 1;
+  position: relative;
+}
+
+.tcw-btn-icon:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-btn-icon svg {
+  display: block;
+}
+
+.tcw-badge-count {
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--tcw-accent);
+  background: var(--tcw-accent-soft);
+  padding: 1px 5px;
+  border-radius: 9px;
+  font-family: var(--tcw-font-mono);
+}
+
+.tcw-indicator-chips {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 4px;
+  flex-wrap: nowrap;
+  overflow: hidden;
+}
+
+.tcw-indicator-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 6px 3px 9px;
+  font-size: 11px;
+  font-weight: 500;
+  background: var(--tcw-accent-soft);
+  color: var(--tcw-accent);
+  border-radius: 9999px;
+  white-space: nowrap;
+  line-height: 1.4;
+  letter-spacing: -0.005em;
+  border: 1px solid transparent;
+  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-indicator-chip:hover {
+  border-color: var(--tcw-accent-line);
+}
+
+.tcw-chip-remove {
+  cursor: pointer;
+  opacity: 0.55;
+  padding: 0 2px;
+  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);
+  border: none;
+  background: transparent;
+  color: inherit;
+  display: inline-flex;
+  align-items: center;
+}
+
+.tcw-chip-remove:hover {
+  opacity: 1;
+}
+
+/* === Dropdown === */
+
+.tcw-dropdown-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  font-family: inherit;
+  border: none;
+  border-radius: var(--tcw-radius);
+  background: transparent;
+  color: var(--tcw-text-dim);
+  cursor: pointer;
+  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
+  white-space: nowrap;
+  line-height: 1;
+}
+
+.tcw-dropdown-trigger:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-dropdown {
+  position: absolute;
+  top: 100%;
+  margin-top: 6px;
+  background: var(--tcw-bg-elevated);
+  border: 1px solid var(--tcw-border);
+  border-radius: var(--tcw-radius-lg);
+  box-shadow: var(--tcw-shadow-lg);
+  z-index: 50;
+  padding: 6px;
+  max-height: 420px;
+  overflow-y: auto;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);
+}
+
+@keyframes tcw-pop-in {
+  from { opacity: 0; transform: translateY(-4px) scale(0.98); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+.tcw-dropdown-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 7px 10px;
+  font-size: 12.5px;
+  color: var(--tcw-text-dim);
+  cursor: pointer;
+  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
+  width: 100%;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  text-align: left;
+  border-radius: var(--tcw-radius-sm);
+  gap: 12px;
+}
+
+.tcw-dropdown-item:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-dropdown-item.tcw-active {
+  color: var(--tcw-accent);
+  background: var(--tcw-accent-soft);
+  font-weight: 600;
+}
+
+.tcw-dropdown-label {
+  text-transform: uppercase;
+  font-size: 10px;
+  color: var(--tcw-text-muted);
+  letter-spacing: 0.08em;
+  padding: 8px 10px 4px;
+  font-weight: 600;
+}
+
+.tcw-dropdown-divider {
+  border-top: 1px solid var(--tcw-divider);
+  margin: 6px 4px;
+}
+
+.tcw-tag {
+  font-size: 10px;
+  font-family: var(--tcw-font-mono);
+  color: var(--tcw-text-muted);
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: var(--tcw-hover-bg);
+  letter-spacing: 0.02em;
+}
+
+/* === Body === */
+
+.tcw-body {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  background: var(--tcw-bg);
+}
+
+.tcw-chart-container {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+/* === Sidebar === */
+
+.tcw-sidebar {
+  width: 40px;
+  flex-shrink: 0;
+  background: linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);
+  border-right: 1px solid var(--tcw-border);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 6px 0;
+  overflow: visible;
+  box-shadow: var(--tcw-shadow-sm);
+}
+
+.tcw-tool-group-wrap {
+  position: relative;
+}
+
+.tcw-sidebar-btn {
+  width: 32px;
+  height: 32px;
+  margin: 1px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: var(--tcw-text-muted);
+  cursor: pointer;
+  font-family: inherit;
+  transition:
+    background var(--tcw-dur-fast) var(--tcw-ease),
+    color var(--tcw-dur-fast) var(--tcw-ease);
+  position: relative;
+  flex-shrink: 0;
+  line-height: 1;
+  border-radius: var(--tcw-radius);
+}
+
+.tcw-sidebar-btn:hover {
+  color: var(--tcw-text);
+  background: var(--tcw-hover-bg);
+}
+
+.tcw-sidebar-btn.tcw-active {
+  color: var(--tcw-accent);
+  background: var(--tcw-accent-soft);
+  box-shadow: inset 2px 0 0 var(--tcw-accent);
+}
+
+.tcw-sidebar-btn.tcw-danger:hover {
+  color: var(--tcw-red);
+  background: var(--tcw-red-soft);
+}
+
+.tcw-multi-dot {
+  position: absolute;
+  bottom: 3px;
+  right: 3px;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--tcw-text-muted);
+  opacity: 0.7;
+}
+
+.tcw-sidebar-divider {
+  width: 22px;
+  height: 1px;
+  background: var(--tcw-divider);
+  margin: 6px 0;
+  flex-shrink: 0;
+}
+
+.tcw-sidebar-spacer {
+  flex: 1;
+}
+
+/* === Flyout === */
+
+.tcw-flyout {
+  position: absolute;
+  left: 100%;
+  top: 0;
+  margin-left: 6px;
+  min-width: 180px;
+  background: var(--tcw-bg-elevated);
+  border: 1px solid var(--tcw-border);
+  border-radius: var(--tcw-radius-lg);
+  box-shadow: var(--tcw-shadow-lg);
+  z-index: 30;
+  padding: 6px;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  animation: tcw-slide-right var(--tcw-dur-normal) var(--tcw-ease-out);
+}
+
+@keyframes tcw-slide-right {
+  from { opacity: 0; transform: translateX(-4px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+.tcw-flyout-header {
+  text-transform: uppercase;
+  font-size: 10px;
+  color: var(--tcw-text-muted);
+  letter-spacing: 0.08em;
+  padding: 6px 10px 4px;
+  font-weight: 600;
+}
+
+.tcw-flyout-item {
+  padding: 7px 10px;
+  font-size: 12.5px;
+  color: var(--tcw-text-dim);
+  cursor: pointer;
+  width: 100%;
+  display: block;
+  border: none;
+  background: transparent;
+  text-align: left;
+  font-family: inherit;
+  border-radius: var(--tcw-radius-sm);
+  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-flyout-item:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-flyout-item.tcw-active {
+  color: var(--tcw-accent);
+  background: var(--tcw-accent-soft);
+  font-weight: 600;
+}
+
+/* === Modal === */
+
+.tcw-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(8, 10, 18, 0.55);
+  backdrop-filter: blur(6px) saturate(140%);
+  -webkit-backdrop-filter: blur(6px) saturate(140%);
+  z-index: 100;
+  animation: tcw-fade-in var(--tcw-dur-normal) var(--tcw-ease-out);
+}
+
+@keyframes tcw-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+.tcw-modal {
+  position: fixed;
+  z-index: 101;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--tcw-bg-elevated);
+  border: 1px solid var(--tcw-border);
+  border-radius: var(--tcw-radius-xl);
+  width: 520px;
+  max-width: 92vw;
+  max-height: 82vh;
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--tcw-shadow-xl);
+  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);
+}
+
+@keyframes tcw-modal-in {
+  from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }
+  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+}
+
+.tcw-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 22px;
+  border-bottom: 1px solid var(--tcw-divider);
+}
+
+.tcw-modal-header h3 {
+  font-size: 15px;
+  font-weight: 650;
+  margin: 0;
+  color: var(--tcw-text);
+  letter-spacing: -0.015em;
+}
+
+.tcw-modal-close {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: var(--tcw-text-muted);
+  cursor: pointer;
+  border-radius: var(--tcw-radius);
+  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-modal-close:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-modal-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 0 18px;
+  border-bottom: 1px solid var(--tcw-divider);
+}
+
+.tcw-modal-tab {
+  padding: 11px 14px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--tcw-text-muted);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);
+  font-family: inherit;
+  text-transform: capitalize;
+  letter-spacing: -0.005em;
+}
+
+.tcw-modal-tab:hover {
+  color: var(--tcw-text-dim);
+}
+
+.tcw-modal-tab.tcw-active {
+  color: var(--tcw-accent);
+  border-bottom-color: var(--tcw-accent);
+  font-weight: 600;
+}
+
+.tcw-modal-body {
+  padding: 20px 22px;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.tcw-settings-section {
+  margin-bottom: 22px;
+}
+
+.tcw-settings-section:last-child {
+  margin-bottom: 0;
+}
+
+.tcw-settings-section-title {
+  font-size: 10.5px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.09em;
+  color: var(--tcw-text-muted);
+  margin-bottom: 12px;
+}
+
+.tcw-settings-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 0;
+}
+
+.tcw-settings-row + .tcw-settings-row {
+  border-top: 1px solid var(--tcw-divider);
+}
+
+.tcw-settings-label {
+  font-size: 13px;
+  color: var(--tcw-text-dim);
+  letter-spacing: -0.005em;
+}
+
+.tcw-color-picker-wrap {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.tcw-color-picker-wrap input[type='color'] {
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--tcw-border-strong);
+  border-radius: var(--tcw-radius-sm);
+  background: transparent;
+  cursor: pointer;
+  padding: 2px;
+}
+
+.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {
+  border: none;
+  border-radius: 2px;
+}
+
+.tcw-color-hex {
+  font-size: 11px;
+  font-family: var(--tcw-font-mono);
+  color: var(--tcw-text-muted);
+  min-width: 64px;
+  letter-spacing: 0.01em;
+}
+
+.tcw-toggle {
+  width: 36px;
+  height: 20px;
+  background: rgba(255, 255, 255, 0.12);
+  border-radius: 10px;
+  position: relative;
+  cursor: pointer;
+  transition: background var(--tcw-dur-fast) var(--tcw-ease);
+  border: none;
+  padding: 0;
+  flex-shrink: 0;
+}
+
+.tcw-toggle::after {
+  content: '';
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--tcw-text-muted);
+  transition:
+    left var(--tcw-dur-normal) var(--tcw-ease-out),
+    background var(--tcw-dur-fast) var(--tcw-ease);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+
+.tcw-toggle.tcw-on {
+  background: var(--tcw-accent);
+  box-shadow: 0 0 0 2px var(--tcw-accent-glow);
+}
+
+.tcw-toggle.tcw-on::after {
+  left: 18px;
+  background: #fff;
+}
+
+.tcw-root[data-tcw-theme='light'] .tcw-toggle {
+  background: rgba(0, 0, 0, 0.12);
+}
+
+.tcw-root[data-tcw-theme='light'] .tcw-toggle::after {
+  background: #999;
+}
+
+.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on {
+  background: var(--tcw-accent);
+}
+
+.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on::after {
+  background: #fff;
+}
+
+.tcw-settings-select {
+  padding: 6px 10px;
+  font-size: 12px;
+  font-family: inherit;
+  background: var(--tcw-bg-surface);
+  border: 1px solid var(--tcw-border);
+  border-radius: var(--tcw-radius);
+  color: var(--tcw-text);
+  cursor: pointer;
+  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-settings-select:hover {
+  border-color: var(--tcw-border-strong);
+}
+
+.tcw-settings-select:focus-visible {
+  outline: none;
+  border-color: var(--tcw-accent);
+  box-shadow: var(--tcw-ring);
+}
+
+.tcw-modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 22px;
+  border-top: 1px solid var(--tcw-divider);
+  background: var(--tcw-bg-surface);
+  border-radius: 0 0 var(--tcw-radius-xl) var(--tcw-radius-xl);
+}
+
+.tcw-reset-link {
+  font-size: 12px;
+  color: var(--tcw-text-muted);
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  text-decoration-color: var(--tcw-border-strong);
+  transition: color var(--tcw-dur-fast) var(--tcw-ease), text-decoration-color var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-reset-link:hover {
+  color: var(--tcw-text-dim);
+  text-decoration-color: currentColor;
+}
+
+.tcw-done-btn {
+  padding: 8px 18px;
+  font-size: 12.5px;
+  font-weight: 600;
+  background: var(--tcw-accent);
+  color: #fff;
+  border: none;
+  border-radius: var(--tcw-radius);
+  cursor: pointer;
+  font-family: inherit;
+  transition:
+    background var(--tcw-dur-fast) var(--tcw-ease),
+    transform var(--tcw-dur-fast) var(--tcw-ease),
+    box-shadow var(--tcw-dur-fast) var(--tcw-ease);
+  letter-spacing: -0.005em;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);
+}
+
+.tcw-done-btn:hover {
+  background: var(--tcw-accent-hover);
+  box-shadow: var(--tcw-shadow-md), 0 0 0 3px var(--tcw-accent-glow);
+}
+
+.tcw-done-btn:active {
+  transform: translateY(0.5px);
+}
+
+/* === Status Bar === */
+
+.tcw-statusbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 7px 16px;
+  border-top: 1px solid var(--tcw-border);
+  background: var(--tcw-bg-surface);
+  font-size: 11px;
+  color: var(--tcw-text-muted);
+  flex-shrink: 0;
+  font-feature-settings: 'tnum';
+}
+
+.tcw-status-indicator {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-weight: 500;
+}
+
+.tcw-status-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--tcw-text-muted);
+  transition: background var(--tcw-dur-normal) var(--tcw-ease), box-shadow var(--tcw-dur-normal) var(--tcw-ease);
+  position: relative;
+}
+
+.tcw-status-dot.tcw-connected {
+  background: var(--tcw-green);
+  box-shadow: 0 0 0 3px rgba(38, 161, 123, 0.18);
+}
+
+.tcw-status-dot.tcw-connected::after {
+  content: '';
+  position: absolute;
+  inset: -3px;
+  border-radius: 50%;
+  border: 2px solid var(--tcw-green);
+  opacity: 0;
+  animation: tcw-pulse 2.2s ease-out infinite;
+}
+
+@keyframes tcw-pulse {
+  0% { opacity: 0.6; transform: scale(0.6); }
+  100% { opacity: 0; transform: scale(2.2); }
+}
+
+.tcw-status-dot.tcw-error {
+  background: var(--tcw-red);
+  box-shadow: 0 0 0 3px rgba(242, 54, 69, 0.2);
+}
+
+/* === Command Palette === */
+
+.tcw-cmd-palette {
+  position: fixed;
+  z-index: 102;
+  top: 18%;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--tcw-bg-elevated);
+  border: 1px solid var(--tcw-border);
+  border-radius: var(--tcw-radius-xl);
+  width: 560px;
+  max-width: 92vw;
+  max-height: 62vh;
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--tcw-shadow-xl);
+  overflow: hidden;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);
+}
+
+.tcw-cmd-header {
+  display: flex;
+  align-items: center;
+  padding: 14px 18px;
+  border-bottom: 1px solid var(--tcw-divider);
+  gap: 12px;
+}
+
+.tcw-cmd-icon {
+  font-size: 18px;
+  color: var(--tcw-text-muted);
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+}
+
+.tcw-cmd-input {
+  flex: 1;
+  background: transparent;
+  border: none;
+  outline: none;
+  font-size: 14.5px;
+  font-family: inherit;
+  color: var(--tcw-text);
+  caret-color: var(--tcw-accent);
+  letter-spacing: -0.005em;
+}
+
+.tcw-cmd-input::placeholder {
+  color: var(--tcw-text-muted);
+}
+
+.tcw-cmd-hint {
+  font-size: 10px;
+  color: var(--tcw-text-muted);
+  font-family: var(--tcw-font-mono);
+  border: 1px solid var(--tcw-border);
+  background: var(--tcw-bg-surface);
+  padding: 3px 7px;
+  border-radius: 4px;
+  flex-shrink: 0;
+  box-shadow: inset 0 -1px 0 var(--tcw-border);
+}
+
+.tcw-cmd-list {
+  overflow-y: auto;
+  flex: 1;
+  padding: 6px;
+  max-height: 380px;
+}
+
+.tcw-cmd-category {
+  text-transform: uppercase;
+  font-size: 10px;
+  color: var(--tcw-text-muted);
+  letter-spacing: 0.09em;
+  padding: 10px 10px 4px;
+  font-weight: 600;
+}
+
+.tcw-cmd-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 9px 12px;
+  font-size: 13px;
+  color: var(--tcw-text-dim);
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  text-align: left;
+  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
+  gap: 10px;
+  border-radius: var(--tcw-radius);
+  letter-spacing: -0.005em;
+}
+
+.tcw-cmd-item:hover,
+.tcw-cmd-item.tcw-selected {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-cmd-item.tcw-selected {
+  box-shadow: inset 2px 0 0 var(--tcw-accent);
+}
+
+.tcw-cmd-item.tcw-active .tcw-cmd-item-label {
+  color: var(--tcw-accent);
+  font-weight: 600;
+}
+
+.tcw-cmd-item-label {
+  flex: 1;
+}
+
+.tcw-cmd-check {
+  color: var(--tcw-accent);
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.tcw-cmd-kbd {
+  font-size: 10px;
+  font-family: var(--tcw-font-mono);
+  color: var(--tcw-text-muted);
+  background: var(--tcw-bg-surface);
+  border: 1px solid var(--tcw-border);
+  padding: 2px 6px;
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 var(--tcw-border);
+}
+
+.tcw-cmd-empty {
+  padding: 32px 16px;
+  text-align: center;
+  color: var(--tcw-text-muted);
+  font-size: 13px;
+}
+
+.tcw-cmd-footer {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  padding: 10px 18px;
+  border-top: 1px solid var(--tcw-divider);
+  font-size: 11px;
+  color: var(--tcw-text-muted);
+  background: var(--tcw-bg-surface);
+}
+
+/* === Watchlist === */
+
+.tcw-watchlist {
+  width: 220px;
+  flex-shrink: 0;
+  background: var(--tcw-bg-surface);
+  border-left: 1px solid var(--tcw-border);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  box-shadow: var(--tcw-shadow-sm);
+}
+
+.tcw-watchlist-header {
+  padding: 10px 14px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--tcw-text-muted);
+  border-bottom: 1px solid var(--tcw-divider);
+}
+
+.tcw-watchlist-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 4px 0;
+}
+
+.tcw-watchlist-row {
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  transition: background var(--tcw-dur-fast) var(--tcw-ease);
+  border-left: 2px solid transparent;
+  outline: none;
+}
+
+.tcw-watchlist-row:hover {
+  background: var(--tcw-hover-bg);
+}
+
+.tcw-watchlist-row:focus-visible {
+  background: var(--tcw-hover-bg);
+  border-left-color: var(--tcw-accent);
+}
+
+.tcw-watchlist-row.tcw-watchlist-active {
+  background: var(--tcw-accent-soft);
+  border-left-color: var(--tcw-accent);
+}
+
+.tcw-watchlist-symbol {
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--tcw-text);
+  letter-spacing: -0.005em;
+  white-space: nowrap;
+}
+
+.tcw-watchlist-spark {
+  width: 56px;
+  height: 22px;
+  align-self: center;
+}
+
+.tcw-watchlist-stats {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 1px;
+  font-variant-numeric: tabular-nums;
+  font-family: var(--tcw-font-mono);
+}
+
+.tcw-watchlist-price {
+  font-size: 12px;
+  color: var(--tcw-text);
+  font-weight: 500;
+}
+
+.tcw-watchlist-change {
+  font-size: 10.5px;
+  color: var(--tcw-text-muted);
+  font-weight: 500;
+}
+
+.tcw-watchlist-change.tcw-up {
+  color: var(--tcw-green);
+}
+
+.tcw-watchlist-change.tcw-down {
+  color: var(--tcw-red);
+}
+
+@media (max-width: 768px) {
+  .tcw-watchlist {
+    display: none;
+  }
+}
+
+/* === Toast === */
+
+.tcw-toast {
+  position: absolute;
+  bottom: 60px;
+  left: 50%;
+  transform: translate(-50%, 12px);
+  z-index: 40;
+  padding: 9px 14px;
+  background: var(--tcw-bg-elevated);
+  border: 1px solid var(--tcw-border-strong);
+  border-radius: 9999px;
+  box-shadow: var(--tcw-shadow-lg);
+  font-size: 12.5px;
+  font-weight: 500;
+  color: var(--tcw-text);
+  opacity: 0;
+  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out), transform var(--tcw-dur-normal) var(--tcw-ease-out);
+  pointer-events: none;
+  max-width: calc(100% - 32px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  letter-spacing: -0.005em;
+}
+
+.tcw-toast.tcw-toast-in {
+  opacity: 1;
+  transform: translate(-50%, 0);
+}
+
+.tcw-toast-error {
+  border-color: var(--tcw-red);
+  color: var(--tcw-red);
+}
+
+/* === Replay scrubber === */
+
+.tcw-replay-bar {
+  position: absolute;
+  left: 50%;
+  bottom: 16px;
+  transform: translateX(-50%);
+  z-index: 25;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  background: var(--tcw-bg-elevated);
+  border: 1px solid var(--tcw-border);
+  border-radius: 9999px;
+  box-shadow: var(--tcw-shadow-lg);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  font-size: 12px;
+  color: var(--tcw-text);
+  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);
+}
+
+.tcw-replay-btn {
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: var(--tcw-text-dim);
+  border-radius: 9999px;
+  cursor: pointer;
+  font-family: inherit;
+  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
+}
+
+.tcw-replay-btn:hover {
+  background: var(--tcw-hover-bg);
+  color: var(--tcw-text);
+}
+
+.tcw-replay-btn.tcw-replay-play {
+  background: var(--tcw-accent);
+  color: #fff;
+  width: 32px;
+  height: 32px;
+  box-shadow: 0 0 0 3px var(--tcw-accent-glow);
+}
+
+.tcw-replay-btn.tcw-replay-play:hover {
+  background: var(--tcw-accent-hover);
+}
+
+.tcw-replay-scrubber {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 220px;
+  height: 4px;
+  background: var(--tcw-border-strong);
+  border-radius: 2px;
+  outline: none;
+  cursor: pointer;
+}
+
+.tcw-replay-scrubber::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--tcw-accent);
+  border: 2px solid var(--tcw-bg-elevated);
+  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);
+  cursor: pointer;
+}
+
+.tcw-replay-scrubber::-moz-range-thumb {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--tcw-accent);
+  border: 2px solid var(--tcw-bg-elevated);
+  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);
+  cursor: pointer;
+}
+
+.tcw-replay-progress {
+  font-size: 11px;
+  font-family: var(--tcw-font-mono);
+  color: var(--tcw-text-muted);
+  min-width: 64px;
+  text-align: center;
+  font-feature-settings: 'tnum';
+}
+
+.tcw-replay-speed {
+  padding: 4px 8px;
+  font-size: 11px;
+  font-family: var(--tcw-font-mono);
+  background: var(--tcw-bg-surface);
+  border: 1px solid var(--tcw-border);
+  border-radius: var(--tcw-radius);
+  color: var(--tcw-text-dim);
+  cursor: pointer;
+}
+
+.tcw-replay-speed:hover {
+  border-color: var(--tcw-border-strong);
+}
+
+@media (max-width: 640px) {
+  .tcw-replay-scrubber {
+    width: 140px;
+  }
+  .tcw-replay-progress {
+    display: none;
+  }
+}
+
+/* === Hotkey sheet === */
+
+.tcw-hotkey-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px 32px;
+}
+
+.tcw-hotkey-section .tcw-settings-section-title {
+  margin-bottom: 8px;
+}
+
+.tcw-hotkey-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 6px 0;
+  border-bottom: 1px solid var(--tcw-divider);
+}
+
+.tcw-hotkey-row:last-child {
+  border-bottom: none;
+}
+
+.tcw-hotkey-keys {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.tcw-hotkey-sep {
+  font-size: 10px;
+  color: var(--tcw-text-muted);
+}
+
+.tcw-hotkey-label {
+  font-size: 12.5px;
+  color: var(--tcw-text-dim);
+  text-align: right;
+  letter-spacing: -0.005em;
+}
+
+@media (max-width: 640px) {
+  .tcw-hotkey-grid {
+    grid-template-columns: 1fr;
+    gap: 18px;
+  }
+}
+
+/* === Scrollbar (subtle, premium feel) === */
+
+.tcw-dropdown::-webkit-scrollbar,
+.tcw-modal-body::-webkit-scrollbar,
+.tcw-cmd-list::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.tcw-dropdown::-webkit-scrollbar-track,
+.tcw-modal-body::-webkit-scrollbar-track,
+.tcw-cmd-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.tcw-dropdown::-webkit-scrollbar-thumb,
+.tcw-modal-body::-webkit-scrollbar-thumb,
+.tcw-cmd-list::-webkit-scrollbar-thumb {
+  background: var(--tcw-border-strong);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+.tcw-dropdown::-webkit-scrollbar-thumb:hover,
+.tcw-modal-body::-webkit-scrollbar-thumb:hover,
+.tcw-cmd-list::-webkit-scrollbar-thumb:hover {
+  background: var(--tcw-text-muted);
+  background-clip: padding-box;
+  border: 2px solid transparent;
+}
+
+/* === Responsive === */
+
+@media (max-width: 768px) {
+  .tcw-toolbar {
+    padding: 0 6px;
+    height: 40px;
+  }
+  .tcw-toolbar-sep {
+    display: none;
+  }
+  .tcw-indicator-chips {
+    display: none;
+  }
+  .tcw-sidebar {
+    width: 36px;
+  }
+  .tcw-sidebar-btn {
+    width: 28px;
+    height: 28px;
+  }
+  .tcw-modal {
+    width: 94vw;
+    border-radius: var(--tcw-radius-lg);
+  }
+  .tcw-cmd-palette {
+    width: 94vw;
+    border-radius: var(--tcw-radius-lg);
+  }
+}
+
+/* === Reduced motion === */
+
+@media (prefers-reduced-motion: reduce) {
+  .tcw-root *,
+  .tcw-root *::before,
+  .tcw-root *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+`,u=0,d=`tcw-styles`;function f(){if(u++,u>1||document.getElementById(d))return;let e=document.createElement(`style`);e.id=d,e.textContent=l,document.head.appendChild(e)}function p(){if(u--,u>0)return;let e=document.getElementById(d);e&&e.remove()}var m={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"/>`,penLine:`<path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/>`,hash:`<line x1="4" y1="9" x2="20" y2="9"/><line x1="4" y1="15" x2="20" y2="15"/><line x1="10" y1="3" x2="8" y2="21"/><line x1="16" y1="3" x2="14" y2="21"/>`,square:`<rect width="18" height="18" x="3" y="3" rx="2"/>`,gitBranch:`<line x1="6" y1="3" x2="6" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/>`,ruler:`<path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"/><path d="m14.5 12.5 2-2"/><path d="m11.5 9.5 2-2"/><path d="m8.5 6.5 2-2"/><path d="m17.5 15.5 2-2"/>`,type:`<polyline points="4 7 4 4 20 4 20 7"/><line x1="9" y1="20" x2="15" y2="20"/><line x1="12" y1="4" x2="12" y2="20"/>`,magnet:`<path d="m6 15-4-4 6.75-6.77a7.79 7.79 0 0 1 11 11L13 22l-4-4 6.39-6.36a2.14 2.14 0 0 0-3-3L6 15"/><path d="m5 8 4 4"/><path d="m12 15 4 4"/>`,undo:`<path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/>`,redo:`<path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"/>`,trash:`<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/>`,camera:`<path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/>`,settings:`<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>`,moon:`<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>`,sun:`<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>`,chevronDown:`<path d="m6 9 6 6 6-6"/>`,chevronUp:`<path d="m18 15-6-6-6 6"/>`,barChart:`<line x1="12" y1="20" x2="12" y2="10"/><line x1="18" y1="20" x2="18" y2="4"/><line x1="6" y1="20" x2="6" y2="16"/>`,x:`<path d="M18 6 6 18"/><path d="m6 6 12 12"/>`,play:`<polygon points="6 3 20 12 6 21 6 3"/>`,pause:`<rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/>`,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 h(e,t=14){let n=m[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>`:``}var g=class{trigger;panel;_isOpen=!1;onOutsideClick;onEscapeKey;onTriggerClick;constructor(e,t={}){this.trigger=e,this.panel=document.createElement(`div`),this.panel.className=`tcw-dropdown`,this.panel.style.width=t.width??`200px`,t.align===`right`?this.panel.style.right=`0`:this.panel.style.left=`0`,this.panel.style.display=`none`,e.style.position=`relative`,e.appendChild(this.panel),this.onTriggerClick=()=>{this._isOpen?this.close():this.open()},this.onOutsideClick=e=>{this.trigger.contains(e.target)||this.close()},this.onEscapeKey=e=>{e.key===`Escape`&&this.close()},e.addEventListener(`click`,this.onTriggerClick)}setContent(e){this.panel.innerHTML=e}open(){this._isOpen||(this._isOpen=!0,this.panel.style.display=``,document.addEventListener(`mousedown`,this.onOutsideClick),document.addEventListener(`keydown`,this.onEscapeKey))}close(){this._isOpen&&(this._isOpen=!1,this.panel.style.display=`none`,document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey))}isOpen(){return this._isOpen}destroy(){this.trigger.removeEventListener(`click`,this.onTriggerClick),document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey),this.panel.remove()}},_=class{config;callbacks;el;chartTypeDropdown=null;indicatorDropdown=null;tfButtons=[];chipsContainer=null;themeBtn=null;constructor(e,t,n){this.config=t,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-toolbar`,this.build(),e.appendChild(this.el)}build(){let{config:e,callbacks:t,el:n}=this,r=document.createElement(`button`);r.className=`tcw-toolbar-symbol`,r.dataset.role=`symbol`,r.addEventListener(`click`,t.onSymbolClick),n.appendChild(r),n.appendChild(this.sep());let i=document.createElement(`div`);i.className=`tcw-toolbar-group`;for(let n of e.timeframes){let e=document.createElement(`button`);e.className=`tcw-btn`,e.textContent=n.label,e.dataset.tf=n.value,e.addEventListener(`click`,()=>t.onTimeframe(n.value)),i.appendChild(e),this.tfButtons.push(e)}n.appendChild(i),n.appendChild(this.sep());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 g(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`);if(c.className=`tcw-dropdown-trigger`,c.dataset.role=`indicators`,s.appendChild(c),n.appendChild(s),this.indicatorDropdown=new g(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);n.appendChild(u),this.themeBtn=this.iconBtn(`moon`,`Toggle theme`,t.onToggleTheme),this.themeBtn.dataset.role=`theme`,n.appendChild(this.themeBtn)}buildChartTypeMenu(){if(!this.chartTypeDropdown)return;let e=this.config.chartTypes.map(e=>`<button class="tcw-dropdown-item" data-ct="${e.value}">${e.label}</button>`).join(``);this.chartTypeDropdown.setContent(e),this.chartTypeDropdown.panel.querySelectorAll(`.tcw-dropdown-item`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ct;this.callbacks.onChartType(t),this.chartTypeDropdown?.close()})})}buildIndicatorMenu(){if(!this.indicatorDropdown)return;let{indicators:e,popularIndicatorIds:t}=this.config,n=e.filter(e=>t.includes(e.id)),r=e.filter(e=>!t.includes(e.id)),i=`<div class="tcw-dropdown-label">Popular</div>`;for(let e of n)i+=`<button class="tcw-dropdown-item" data-ind="${e.id}"><span>${e.name}</span><span class="tcw-tag">${e.type}</span></button>`;i+=`<div class="tcw-dropdown-divider"></div>`,i+=`<div class="tcw-dropdown-label">All</div>`;for(let e of r)i+=`<button class="tcw-dropdown-item" data-ind="${e.id}"><span>${e.name}</span><span class="tcw-tag">${e.type}</span></button>`;this.indicatorDropdown.setContent(i),this.indicatorDropdown.panel.querySelectorAll(`.tcw-dropdown-item[data-ind]`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ind;this.callbacks.onAddIndicator(t)})})}update(e){let t=this.el.querySelector(`[data-role="symbol"]`);t&&(t.textContent=e.symbol);for(let t of this.tfButtons)t.classList.toggle(`tcw-active`,t.dataset.tf===e.timeframe);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=`${h(`barChart`,14)} ${t} ${h(`chevronDown`,12)}`}let r=this.el.querySelector(`[data-role="indicators"]`);if(r){let t=e.activeIndicators.size,n=`${h(`trendingUp`,14)} Indicators`;t>0&&(n+=` <span class="tcw-badge-count">${t}</span>`),r.innerHTML=n}if(this.chipsContainer){let t=this.getActiveIndicatorList(e);this.chipsContainer.innerHTML=``;for(let e of t){let t=document.createElement(`div`);t.className=`tcw-indicator-chip`;let n=document.createElement(`span`);n.textContent=e.label,t.appendChild(n);let r=document.createElement(`button`);r.className=`tcw-chip-remove`,r.innerHTML=h(`x`,10),r.addEventListener(`click`,()=>this.callbacks.onRemoveIndicator(e.instanceId)),t.appendChild(r),this.chipsContainer.appendChild(t)}}this.themeBtn&&(this.themeBtn.innerHTML=e.isDark?h(`moon`,14):h(`sun`,14))}getActiveIndicatorList(e){let t=[];for(let[n,r]of e.activeIndicators.entries())t.push({instanceId:r,id:n,label:n.toUpperCase()});return t}sep(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-sep`,e}spacer(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-spacer`,e}iconBtn(e,t,n){let r=document.createElement(`button`);return r.className=`tcw-btn-icon`,r.title=t,r.innerHTML=h(e,14),r.addEventListener(`click`,n),r}destroy(){this.chartTypeDropdown?.destroy(),this.indicatorDropdown?.destroy(),this.el.remove()}},v=[`trendingUp`,`minus`,`penLine`,`hash`,`square`,`gitBranch`,`ruler`,`type`],y=class{config;callbacks;el;groupWraps=[];groupButtons=[];cursorBtn=null;magnetBtn=null;flyoutEl=null;constructor(e,t,n){this.config=t,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-sidebar`,this.build(),e.appendChild(this.el)}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=h(`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=h(v[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=h(`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=h(`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=h(`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=h(`trash`,14),o.addEventListener(`click`,t.onClearDrawings),n.appendChild(o)}showFlyout(e){let t=this.config.drawingToolGroups[e];if(!t||t.tools.length<=1)return;this.hideFlyout();let n=document.createElement(`div`);n.className=`tcw-flyout`;let r=document.createElement(`div`);r.className=`tcw-flyout-header`,r.textContent=t.label,n.appendChild(r);for(let e of t.tools){let t=document.createElement(`button`);t.className=`tcw-flyout-item`,t.textContent=e.label,t.dataset.toolValue=e.value,t.addEventListener(`click`,()=>{this.callbacks.onDrawingTool(e.value),this.hideFlyout()}),n.appendChild(t)}this.flyoutEl=n,this.groupWraps[e].appendChild(n)}hideFlyout(){this.flyoutEl&&=(this.flyoutEl.remove(),null)}update(e){this.cursorBtn&&this.cursorBtn.classList.toggle(`tcw-active`,e.activeTool===null);let{drawingToolGroups:t}=this.config;for(let n=0;n<t.length;n++){let r=t[n].tools.some(t=>t.value===e.activeTool);this.groupButtons[n].classList.toggle(`tcw-active`,r)}this.flyoutEl&&this.flyoutEl.querySelectorAll(`.tcw-flyout-item`).forEach(t=>{let n=t;n.classList.toggle(`tcw-active`,n.dataset.toolValue===e.activeTool)}),this.magnetBtn&&(this.magnetBtn.classList.toggle(`tcw-active`,e.magnetEnabled),this.magnetBtn.title=e.magnetEnabled?`Magnet ON`:`Magnet OFF`)}divider(){let e=document.createElement(`div`);return e.className=`tcw-sidebar-divider`,e}destroy(){this.hideFlyout(),this.el.remove()}},b=[`style`,`display`,`scale`],x=class{callbacks;backdrop=null;modal=null;currentTab=`style`;currentSettings=null;bodyEl=null;tabButtons=[];constructor(e){this.callbacks=e}open(e){this.currentSettings={...e},this.currentTab=`style`,this.buildModal()}close(){this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.bodyEl=null,this.tabButtons=[]}buildModal(){this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),document.body.appendChild(this.backdrop),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal`;let e=document.createElement(`div`);e.className=`tcw-modal-header`;let t=document.createElement(`h3`);t.textContent=`Chart Settings`,e.appendChild(t);let n=document.createElement(`button`);n.className=`tcw-modal-close`,n.innerHTML=h(`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 b){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()}),r.appendChild(t),this.tabButtons.push(t)}this.modal.appendChild(r),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`,this.modal.appendChild(this.bodyEl),this.renderTabContent();let i=document.createElement(`div`);i.className=`tcw-modal-footer`;let a=document.createElement(`button`);a.className=`tcw-reset-link`,a.textContent=`Reset to defaults`,a.addEventListener(`click`,()=>this.callbacks.onReset()),i.appendChild(a);let o=document.createElement(`button`);o.className=`tcw-done-btn`,o.textContent=`Done`,o.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),i.appendChild(o),this.modal.appendChild(i),document.body.appendChild(this.modal);let s=e=>{e.key===`Escape`&&(document.removeEventListener(`keydown`,s),this.callbacks.onClose(),this.close())};document.addEventListener(`keydown`,s)}renderTabContent(){if(!(!this.bodyEl||!this.currentSettings))switch(this.bodyEl.innerHTML=``,this.currentTab){case`style`:this.renderStyleTab();break;case`display`:this.renderDisplayTab();break;case`scale`:this.renderScaleTab();break}}renderStyleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section(`Candle Colors`);t.appendChild(this.colorRow(`Up Body`,e.candleUpColor,e=>this.patch({candleUpColor:e}))),t.appendChild(this.colorRow(`Down Body`,e.candleDownColor,e=>this.patch({candleDownColor:e}))),t.appendChild(this.colorRow(`Up Wick`,e.candleUpWick,e=>this.patch({candleUpWick:e}))),t.appendChild(this.colorRow(`Down Wick`,e.candleDownWick,e=>this.patch({candleDownWick:e}))),this.bodyEl.appendChild(t);let n=this.section(`Background`);n.appendChild(this.colorRow(`Background`,e.backgroundColor,e=>this.patch({backgroundColor:e}))),n.appendChild(this.colorRow(`Grid`,e.gridColor,e=>this.patch({gridColor:e}))),this.bodyEl.appendChild(n)}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(`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`},{label:`Normal`,value:`normal`},{label:`Hidden`,value:`hidden`}],e=>this.patch({crosshairMode:e}))),t.appendChild(this.selectRow(`Number Locale`,e.numberLocale,[{label:`en-US (65,234.00)`,value:`en-US`},{label:`de-DE (65.234,00)`,value:`de-DE`},{label:`fr-FR (65 234,00)`,value:`fr-FR`},{label:`vi-VN (65.234,00)`,value:`vi-VN`},{label:`en-IN (65,234.00)`,value:`en-IN`},{label:`ja-JP (65,234.00)`,value:`ja-JP`}],e=>this.patch({numberLocale:e}))),this.bodyEl.appendChild(t)}renderScaleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section();t.appendChild(this.toggleRow(`Auto Scale`,e.autoScale,e=>this.patch({autoScale:e}))),t.appendChild(this.toggleRow(`Log Scale`,e.logScale,e=>this.patch({logScale:e}))),this.bodyEl.appendChild(t)}patch(e){this.currentSettings&&Object.assign(this.currentSettings,e),this.callbacks.onChange(e)}section(e){let t=document.createElement(`div`);if(t.className=`tcw-settings-section`,e){let n=document.createElement(`div`);n.className=`tcw-settings-section-title`,n.textContent=e,t.appendChild(n)}return t}colorRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`div`);a.className=`tcw-color-picker-wrap`;let o=document.createElement(`input`);o.type=`color`,o.value=t;let s=document.createElement(`span`);return s.className=`tcw-color-hex`,s.textContent=t,o.addEventListener(`input`,()=>{s.textContent=o.value,n(o.value)}),a.appendChild(o),a.appendChild(s),r.appendChild(a),r}toggleRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`button`);return a.className=`tcw-toggle${t?` tcw-on`:``}`,a.addEventListener(`click`,()=>{let e=!a.classList.contains(`tcw-on`);a.classList.toggle(`tcw-on`,e),n(e)}),r.appendChild(a),r}selectRow(e,t,n,r){let i=document.createElement(`div`);i.className=`tcw-settings-row`;let a=document.createElement(`span`);a.className=`tcw-settings-label`,a.textContent=e,i.appendChild(a);let o=document.createElement(`select`);o.className=`tcw-settings-select`;for(let e of n){let n=document.createElement(`option`);n.value=e.value,n.textContent=e.label,e.value===t&&(n.selected=!0),o.appendChild(n)}return o.addEventListener(`change`,()=>r(o.value)),i.appendChild(o),i}destroy(){this.close()}},S=class{el;dotEl;messageEl;infoEl;constructor(e){this.el=document.createElement(`div`),this.el.className=`tcw-statusbar`;let t=document.createElement(`div`);t.className=`tcw-status-indicator`,this.dotEl=document.createElement(`span`),this.dotEl.className=`tcw-status-dot`,t.appendChild(this.dotEl),this.messageEl=document.createElement(`span`),t.appendChild(this.messageEl),this.el.appendChild(t),this.infoEl=document.createElement(`span`),this.el.appendChild(this.infoEl),e.appendChild(this.el)}update(e){this.dotEl.className=`tcw-status-dot`,e.connectionState===`connected`?this.dotEl.classList.add(`tcw-connected`):e.connectionState===`error`&&this.dotEl.classList.add(`tcw-error`),this.messageEl.textContent=e.message,this.infoEl.textContent=`${e.symbol} ${e.timeframe}`}destroy(){this.el.remove()}},C=class{backdrop=null;modal=null;input=null;list=null;items=[];filtered=[];selectedIndex=0;callbacks;boundKeydown;constructor(e){this.callbacks=e,this.boundKeydown=this.handleKeydown.bind(this)}open(e){if(this.backdrop)return;this.items=e,this.filtered=e,this.selectedIndex=0,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 t=document.createElement(`div`);t.className=`tcw-cmd-header`;let n=document.createElement(`span`);n.className=`tcw-cmd-icon`,n.textContent=`⌕`,t.appendChild(n),this.input=document.createElement(`input`),this.input.className=`tcw-cmd-input`,this.input.type=`text`,this.input.placeholder=`Search indicators, chart types, tools...`,this.input.addEventListener(`input`,()=>this.filter()),t.appendChild(this.input);let r=document.createElement(`span`);r.className=`tcw-cmd-hint`,r.textContent=`ESC`,t.appendChild(r),this.modal.appendChild(t),this.list=document.createElement(`div`),this.list.className=`tcw-cmd-list`,this.modal.appendChild(this.list);let i=document.createElement(`div`);i.className=`tcw-cmd-footer`,i.innerHTML=`<span>↑↓ Navigate</span><span>⏎ Select</span><span>Esc Close</span>`,this.modal.appendChild(i),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}filter(){let e=this.input?.value.toLowerCase().trim()??``;e?this.filtered=this.items.filter(t=>t.label.toLowerCase().includes(e)||t.category.toLowerCase().includes(e)||t.id.toLowerCase().includes(e)):this.filtered=this.items,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 results found`,this.list.appendChild(e);return}let e=``;for(let t=0;t<this.filtered.length;t++){let n=this.filtered[t];if(n.category!==e){e=n.category;let t=document.createElement(`div`);t.className=`tcw-cmd-category`,t.textContent=this.categoryLabel(e),this.list.appendChild(t)}let r=document.createElement(`button`);r.className=`tcw-cmd-item`,t===this.selectedIndex&&r.classList.add(`tcw-selected`),n.active&&r.classList.add(`tcw-active`),r.dataset.index=String(t);let i=document.createElement(`span`);if(i.className=`tcw-cmd-item-label`,i.textContent=n.label,r.appendChild(i),n.active){let e=document.createElement(`span`);e.className=`tcw-cmd-check`,e.textContent=`✓`,r.appendChild(e)}if(n.shortcut){let e=document.createElement(`kbd`);e.className=`tcw-cmd-kbd`,e.textContent=n.shortcut,r.appendChild(e)}r.addEventListener(`click`,()=>this.select(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`})}select(e){let t=this.filtered[e];if(t){switch(t.category){case`indicator`:this.callbacks.onIndicator(t.id);break;case`chartType`:this.callbacks.onChartType(t.id);break;case`drawing`:this.callbacks.onDrawingTool(t.id);break;case`timeframe`:this.callbacks.onTimeframe(t.id);break;case`action`:this.callbacks.onAction(t.id);break}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.select(this.selectedIndex);break}}categoryLabel(e){switch(e){case`indicator`:return`Indicators`;case`chartType`:return`Chart Types`;case`drawing`:return`Drawing Tools`;case`timeframe`:return`Timeframes`;case`action`:return`Actions`;default:return e}}destroy(){this.close()}},w=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=O(),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:T(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=E(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 T(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 E(e,t){if(!t)return D(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">${D(e[a])}</mark>`,i++):r+=D(e[a]);return r}function D(e){return e.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`})[e])}function O(){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>`}var k=typeof navigator<`u`&&/mac|iphone|ipad|ipod/i.test(navigator.platform||navigator.userAgent)?`⌘`:`Ctrl`,A=[{title:`Search & navigation`,entries:[{keys:[k,`K`],label:`Command palette`},{keys:[k,`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:[k,`Z`],label:`Undo`},{keys:[k,`Shift`,`Z`],label:`Redo`},{keys:[`Esc`],label:`Cancel active drawing`}]}],j=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 A){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()}},M=[.5,1,2,5,10,20,50,100],N=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=M.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">${R()}</button>
+      <button class="tcw-replay-btn" data-act="stepBack" title="Step back" aria-label="Step back">${I()}</button>
+      <button class="tcw-replay-btn tcw-replay-play" data-act="play" title="Play / pause" aria-label="Play / pause">${P()}</button>
+      <button class="tcw-replay-btn" data-act="stepForward" title="Step forward" aria-label="Step forward">${L()}</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`?F():P(),this.playBtn.title=this.state===`playing`?`Pause`:`Play`)}};function P(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7L8 5z"/></svg>`}function F(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>`}function I(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M6 6h2v12H6zM20 6L9 12l11 6V6z"/></svg>`}function L(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M4 6l11 6L4 18V6zM16 6h2v12h-2z"/></svg>`}function R(){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>`}var z=class{el;listEl;rowMap=new Map;entries=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=B(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=V(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&&H(t.sparkCanvas,n.sparkline,n.refPrice??n.sparkline[0])}}};function B(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 V(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 H(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=1/0,c=-1/0;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()}var U=class{chart;state;toolbar=null;sidebar=null;settings=null;statusBar=null;commandPalette=null;symbolSearch=null;hotkeySheet=null;replayBar=null;dragDrop=null;watchlist=null;watchlistSparkBuffer=new Map;sessionRefPrice=null;watchlistInterval=null;replayOriginalData=null;replayPollInterval=null;replaySpeed=5;layoutKeyPrefix=null;layoutDebounceMs=1500;activeLayoutKey=null;root;chartContainer;destroyed=!1;options;symbols;settingsState;adapter=null;boundGlobalKeydown=null;constructor(t,l={}){if(this.options=l,this.symbols=l.symbols??s,this.settingsState={...c},l.persistLayouts){let e=l.persistLayouts===!0?{}:l.persistLayouts;this.layoutKeyPrefix=e.keyPrefix??`tcw:layout:`,this.layoutDebounceMs=e.debounceMs??1500}let u=this.resolveIsDark(l.theme),d=this.resolveTheme(l.theme);this.state={symbol:l.symbol??this.symbols[0]??`BTCUSDT`,timeframe:l.timeframe??`5m`,chartType:l.chartOptions?.chartType??`candlestick`,isDark:u,activeIndicators:new Map,activeTool:null,magnetEnabled:!0,connectionState:`connecting`,connectionMessage:`Connecting...`},f(),this.root=document.createElement(`div`),this.root.className=`tcw-root`,this.root.dataset.tcwTheme=u?`dark`:`light`,t.appendChild(this.root),l.toolbar!==!1&&(this.toolbar=new _(this.root,{symbols:this.symbols,timeframes:l.timeframes?n.filter(e=>l.timeframes.includes(e.value)):n,chartTypes:l.chartTypes?r.filter(e=>l.chartTypes.includes(e.value)):r,indicators:a,popularIndicatorIds:o},{onSymbolClick:()=>this.handleSymbolClick(),onTimeframe:e=>this.handleTimeframe(e),onChartType:e=>this.handleChartType(e),onAddIndicator:e=>this.handleAddIndicator(e),onRemoveIndicator:e=>this.handleRemoveIndicator(e),onScreenshot:()=>this.chart.screenshot(),onSettings:()=>this.openSettings(),onToggleTheme:()=>this.handleToggleTheme(),onToggleReplay:()=>this.toggleReplay()}));let p=document.createElement(`div`);p.className=`tcw-body`,l.drawingTools!==!1&&(this.sidebar=new y(p,{drawingToolGroups:i},{onDrawingTool:e=>this.handleDrawingTool(e),onCancelDrawing:()=>this.handleCancelDrawing(),onToggleMagnet:()=>this.handleToggleMagnet(),onUndo:()=>this.chart.undo(),onRedo:()=>this.chart.redo(),onClearDrawings:()=>{this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI()}})),this.chartContainer=document.createElement(`div`),this.chartContainer.className=`tcw-chart-container`,p.appendChild(this.chartContainer),l.watchlist&&(this.watchlist=new z(p,this.symbols,{onSelect:e=>{this.setSymbol(e)}}),this.watchlist.setActive(this.state.symbol)),this.root.appendChild(p),this.chart=new e.r(this.chartContainer,{chartType:this.state.chartType,theme:d,autoScale:!0,crosshair:{mode:`magnet`},features:{drawings:!0,drawingMagnet:!0,drawingUndoRedo:!0,indicators:!0,trading:l.trading!==!1,tradingContextMenu:l.trading!==!1,volume:!0,legend:!0,crosshair:!0,keyboard:!0,screenshot:!0,alerts:!0,barCountdown:!0,logScale:!0,watermark:!0},...l.chartOptions}),l.dragDropImport!==!1&&(this.dragDrop=new e.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()),l.statusBar!==!1&&(this.statusBar=new S(this.root)),l.settings!==!1&&(this.settings=new x({onChange:e=>this.applySettings(e),onReset:()=>this.resetSettings(),onClose:()=>{}})),this.symbolSearch=new w({onPick:e=>{this.setSymbol(e)},onClose:()=>{}}),this.hotkeySheet=new j({onClose:()=>{}}),this.commandPalette=new C({onIndicator:e=>this.handleAddIndicator(e),onChartType:e=>this.handleChartType(e),onDrawingTool:e=>this.handleDrawingTool(e),onTimeframe:e=>this.handleTimeframe(e),onAction:e=>this.handleAction(e),onClose:()=>{}}),this.boundGlobalKeydown=e=>{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),l.adapter&&(this.adapter=l.adapter,this.connectStream()),this.watchlist&&(this.watchlistInterval=setInterval(()=>this.tickWatchlist(),1e3)),this.updateUI(),l.onReady?.(this.chart)}setSymbols(e){this.symbols=e,this.watchlist?.setSymbols(e)}async setSymbol(e){this.flushActiveLayout(),this.state={...this.state,symbol:e},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={...this.state,timeframe:e},this.options.onTimeframeChange?.(e),this.updateUI(),this.adapter&&await this.connectStream()}setTheme(e){let t=this.resolveIsDark(e),n=this.resolveTheme(e);this.state={...this.state,isDark:t},this.root.dataset.tcwTheme=t?`dark`:`light`,this.chart.setTheme(n),this.updateUI()}getChart(){return this.chart}destroy(){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(),p())}handleSymbolClick(){this.symbolSearch?.open(this.symbols,this.state.symbol)}handleTimeframe(e){this.state={...this.state,timeframe:e},this.options.onTimeframeChange?.(e),this.updateUI(),this.adapter&&this.connectStream()}handleChartType(e){this.state={...this.state,chartType:e},this.chart.setChartType(e),this.updateUI()}handleAddIndicator(e){if(this.state.activeIndicators.has(e)){let t=this.state.activeIndicators.get(e);this.chart.removeIndicator(t);let n=new Map(this.state.activeIndicators);n.delete(e),this.state={...this.state,activeIndicators:n}}else{let t=this.chart.addIndicator(e);if(t){let n=new Map(this.state.activeIndicators);n.set(e,t),this.state={...this.state,activeIndicators:n}}}this.updateUI()}handleRemoveIndicator(e){this.chart.removeIndicator(e);let t=new Map(this.state.activeIndicators);for(let[n,r]of t.entries())if(r===e){t.delete(n);break}this.state={...this.state,activeIndicators:t},this.updateUI()}toggleCommandPalette(){if(this.commandPalette?.isOpen()){this.commandPalette.close();return}this.commandPalette?.open(this.buildCommandItems())}buildCommandItems(){let e=[];for(let t of a)e.push({id:t.id,label:t.name,category:`indicator`,active:this.state.activeIndicators.has(t.id)});for(let t of r)e.push({id:t.value,label:t.label,category:`chartType`,active:this.state.chartType===t.value});for(let t of i)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 n)e.push({id:t.value,label:t.label,category:`timeframe`,active:this.state.timeframe===t.value});return e.push({id:`screenshot`,label:`Screenshot`,category:`action`,shortcut:``},{id:`toggleTheme`,label:`Toggle Theme`,category:`action`},{id:`settings`,label:`Settings`,category:`action`},{id:`clearDrawings`,label:`Clear All Drawings`,category:`action`}),e}handleAction(e){switch(e){case`screenshot`:this.chart.screenshot();break;case`toggleTheme`:this.handleToggleTheme();break;case`settings`:this.openSettings();break;case`clearDrawings`:this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI();break}}handleDrawingTool(e){this.state={...this.state,activeTool:e},this.chart.setDrawingTool(e),this.updateUI()}handleCancelDrawing(){this.state={...this.state,activeTool:null},this.chart.setDrawingTool(null),this.updateUI()}handleToggleMagnet(){let e=!this.state.magnetEnabled;this.state={...this.state,magnetEnabled:e},this.chart.setDrawingMagnet(e),this.updateUI()}handleToggleTheme(){let e=!this.state.isDark;this.state={...this.state,isDark:e},this.root.dataset.tcwTheme=e?`dark`:`light`,this.chart.setTheme(e?t.DARK_THEME:t.LIGHT_THEME),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()}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=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 N({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.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={...c},this.applySettings(this.settingsState)}async connectStream(){if(this.adapter){this.state={...this.state,connectionState:`connecting`,connectionMessage:`Connecting...`},this.updateUI();try{this.chart.disconnectStream(),await this.chart.connect({adapter:this.adapter,symbol:this.state.symbol,timeframe:this.state.timeframe,historyLimit:this.options.historyLimit??500}),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.applySymbolLayout(this.state.symbol),this.state={...this.state,connectionState:`connected`,connectionMessage:`Live`}}catch(e){this.state={...this.state,connectionState:`error`,connectionMessage:e instanceof Error?e.message:`Connection failed`}}this.updateUI()}}updateUI(){this.toolbar?.update(this.state),this.sidebar?.update(this.state),this.statusBar?.update({connectionState:this.state.connectionState,message:this.state.connectionMessage,symbol:this.state.symbol,timeframe:this.state.timeframe})}resolveIsDark(e){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.DARK_THEME:e===`light`?t.LIGHT_THEME:typeof e==`object`?e:t.DARK_THEME}isColorDark(e){if(e.startsWith(`#`)&&e.length>=7){let t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t+n+r<384}return!0}};exports.ChartWidget=U;
 //# sourceMappingURL=index.cjs.map