@363045841yyt/klinechart-core 0.8.4 → 0.8.6

package/src/data-fetchers/__tests__/dataBuffer.test.ts

@@ -190,7 +190,7 @@ describe('DataBuffer', () => {
         })
 
         buffer.ensureRange(oneYearAgo - 30 * MS_PER_DAY, oneYearAgo)
-        buffer.ensureRange(oneYearAgo - 60 * MS_PER_DAY, oneYearAgo)
+        buffer.ensureRange(oneYearAgo - 120 * MS_PER_DAY, oneYearAgo)
 
         await vi.waitFor(() => {
             expect(buffer.loading()).toBe(false)

package/src/data-fetchers/dataBuffer.ts

@@ -97,15 +97,12 @@ export class DataBuffer {
 
         if (requestStartTs >= this._loadedWindow.earliestTs) return
 
-        const incrementalStart = requestStartTs - INCREMENTAL_LOAD_DAYS * MS_PER_DAY
         const incrementalEnd = this._loadedWindow.earliestTs
 
-        if (incrementalEnd <= incrementalStart) return
-
         if (this._attemptedBoundaries.has(incrementalEnd)) return
 
         this._attemptedBoundaries.add(incrementalEnd)
-        this.fetchRange(incrementalStart, incrementalEnd)
+        this.fetchRange(requestStartTs, incrementalEnd)
     }
 
     private loadInitial(): void {

package/src/data-fetchers/gotdx.ts

@@ -42,6 +42,7 @@ interface SecurityBar {
   Turnover: number
   RisePrice: number
   RiseRate: number
+  Amplitude: number
   Year: number
   Month: number
   Day: number
@@ -76,6 +77,7 @@ function mapBar(item: SecurityBar, code: string): KLineData {
     turnoverRate: item.Turnover,
     changeAmount: item.RisePrice,
     changePercent: item.RiseRate,
+    amplitude: item.Amplitude,
     stockCode: code,
   }
 }

package/src/engine/controller/interaction.ts

@@ -36,7 +36,7 @@ export interface InteractionSnapshot {
 export class InteractionController {
     private chart: Chart
     private isDragging = false
-    private dragMode: 'none' | 'pan' | 'resize-separator' | 'scale-price' = 'none'
+    private dragMode: 'none' | 'pan' | 'resize-separator' | 'scale-price' | 'explore' = 'none'
     private dragStartX = 0
     private scrollStartX = 0
 
@@ -62,6 +62,13 @@ export class InteractionController {
     /** [触屏]:触摸会话标记，避免触摸触发的模拟 mouse 事件干扰 */
     private isTouchSession = false
 
+    /** 触屏探索模式：true=长按出十字线不滚动，false=直接滚动 */
+    private exploreMode = true
+    /** 触屏按下时的时间戳/位置（用于 tap 检测） */
+    private touchStartTime = 0
+    private touchStartX = 0
+    private touchStartY = 0
+
     private pinchTracker = new PinchTracker()
 
     /** 十字线位置 */
@@ -217,14 +224,22 @@ export class InteractionController {
 
         const pane = this.getPaneByY(mouseY)
         this.isDragging = true
-        this.dragMode = 'pan'
-        this.updatePlotHoverFromPoint(e.clientX, e.clientY)
+        this.touchStartTime = Date.now()
+        this.touchStartX = e.clientX
+        this.touchStartY = e.clientY
+        this.dragMode = this.isTouchSession && this.exploreMode ? 'explore' : 'pan'
+        if (this.dragMode === 'explore') {
+            this.updatePlotHoverFromPoint(e.clientX, e.clientY)
+        }
         this.dragStartX = e.clientX
         this.dragStartY = e.clientY
         this.scrollStartX = this.chart.getCachedScrollLeft()
         this.activePaneIdOnDrag = pane?.id || null
 
         this.chart.scheduleDraw()
+        if (this.dragMode === 'explore') {
+            this.notifyInteractionChange()
+        }
     }
 
 
@@ -250,14 +265,37 @@ export class InteractionController {
 
         if (e.isPrimary === false) return
         const wasPanning = this.dragMode === 'pan'
+        const wasExploring = this.dragMode === 'explore'
+
+        if (wasExploring && this.isTouchSession) {
+            const elapsed = Date.now() - this.touchStartTime
+            const dx = e.clientX - this.touchStartX
+            const dy = e.clientY - this.touchStartY
+            if (elapsed < 200 && Math.abs(dx) < 5 && Math.abs(dy) < 5) {
+                // Quick tap → dismiss crosshair, switch to scroll mode
+                this.exploreMode = false
+                this.clearHover()
+                this.chart.scheduleDraw()
+                this.notifyInteractionChange()
+            } else {
+                // Long press or drag → keep crosshair
+                this.exploreMode = true
+                this.updatePlotHoverFromPoint(e.clientX, e.clientY)
+                this.chart.scheduleDraw()
+                this.notifyInteractionChange()
+            }
+        }
+
+        if (wasPanning) {
+            this.exploreMode = true
+            this.chart.checkVisibleRangeGap()
+        }
+
         this.isDragging = false
         this.dragMode = 'none'
         this.activePaneIdOnDrag = null
         this.activeSeparatorUpperPaneId = null
         this.notifyInteractionChange()
-        if (wasPanning) {
-            this.chart.checkVisibleRangeGap()
-        }
     }
 
     /**
@@ -273,10 +311,12 @@ export class InteractionController {
         this.dragMode = 'none'
         this.activePaneIdOnDrag = null
         this.clearSeparatorState()
+        if (!this.isTouchSession) {
+            this.clearHover()
+            this.chart.scheduleDraw()
+            this.notifyInteractionChange()
+        }
         this.isTouchSession = false
-        this.clearHover()
-        this.chart.scheduleDraw()
-        this.notifyInteractionChange()
     }
 
     /** 处理滚动事件 */
@@ -326,6 +366,13 @@ export class InteractionController {
                 return
             }
 
+            if (this.dragMode === 'explore') {
+                this.updatePlotHoverFromPoint(e.clientX, e.clientY)
+                this.chart.scheduleDraw()
+                this.notifyInteractionChange()
+                return
+            }
+
             if (this.dragMode === 'pan') {
                 const deltaX = this.dragStartX - e.clientX
                 this.applyPanScroll(container, this.scrollStartX + deltaX)

package/src/engine/data/chartDataManager.ts

@@ -348,7 +348,7 @@ export class ChartDataManager {
     let firstVisibleTs: number | undefined
 
     if (range.start < 0 && this._dataFetcher) {
-      const earlierThanEarliest = window.earliestTs - 90 * MS_PER_DAY
+      const earlierThanEarliest = window.earliestTs - 365 * MS_PER_DAY
       this._dataBuffer.ensureRange(earlierThanEarliest, window.earliestTs)
       firstVisibleTs = this._internalData[0]?.timestamp
     } else if (range.start < this._internalData.length) {

package/src/engine/indicators/__tests__/ichimoku.test.ts

@@ -15,10 +15,10 @@ describe('calcIchimokuData', () => {
 
     it('on constantPrice (H=L=100) all lines collapse to 100', () => {
         // Only constantPrice (30 bars) is shorter than spanBPeriod=52, so use small periods for this test
-        const out = calcIchimokuData(constantPrice, 5, 10, 15, 5)
-        // Test data is 30 bars, so spanA/B/chikou exist within the window
+        const displacement = 5
+        const out = calcIchimokuData(constantPrice, 5, 10, 15, displacement)
         const valid = out.filter((p): p is NonNullable<typeof p> => p !== undefined)
-        expect(valid.length).toBe(constantPrice.length)
+        expect(valid.length).toBe(constantPrice.length + displacement)
         // After warm-up, tenkan and kijun should both be 100
         for (let t = 15; t < out.length - 5; t++) {
             const p = out[t]!

package/src/engine/indicators/calculators.ts

@@ -1559,7 +1559,7 @@ export function calcDonchianDataSoA(
 //   spanA(t)  = (tenkan(t-displacement) + kijun(t-displacement)) / 2   ← 前置 displacement
 //   spanB(t)  = 用 spanBPeriod 计算后再前置 displacement
 //   chikou(t) = close(t+displacement)                                  ← 后置 displacement
-// 注：不做未来云的延伸（输出长度 = data.length；最后 displacement 根没 spanA/B；前 displacement 根没 chikou）
+// 输出长度 = data.length + displacement，末尾 displacement 根为未来云（仅 spanA/spanB）
 // ============================================================================
 
 export interface IchimokuPoint {
@@ -1600,8 +1600,11 @@ export function calcIchimokuData(
     displacement: number,
 ): (IchimokuPoint | undefined)[] {
     const n = data.length
-    const result: (IchimokuPoint | undefined)[] = new Array(n).fill(undefined)
-    if (n === 0 || tenkanPeriod <= 0 || kijunPeriod <= 0 || spanBPeriod <= 0) return result
+    const totalLen = n + displacement
+    const result: (IchimokuPoint | undefined)[] = new Array(totalLen).fill(undefined)
+    if (n === 0 || tenkanPeriod <= 0 || kijunPeriod <= 0 || spanBPeriod <= 0) {
+        return result.slice(0, n)
+    }
 
     const tenkan = _rollingMidline(data, tenkanPeriod)
     const kijun = _rollingMidline(data, kijunPeriod)
@@ -1631,6 +1634,22 @@ export function calcIchimokuData(
         result[t] = point
     }
 
+    // 未来云：在 data 末尾延伸 displacement 根，仅含 spanA/spanB
+    for (let f = 0; f < displacement; f++) {
+        const t = n + f
+        const src = t - displacement
+        const point: IchimokuPoint = {}
+        if (src >= 0 && src < n) {
+            if (tenkan[src] !== undefined && kijun[src] !== undefined) {
+                point.spanA = (tenkan[src]! + kijun[src]!) / 2
+            }
+            if (spanBSource[src] !== undefined) {
+                point.spanB = spanBSource[src]
+            }
+        }
+        result[t] = point
+    }
+
     return result
 }
 

package/src/engine/indicators/ichimokuState.ts

@@ -10,6 +10,8 @@ import { createIndicatorStateKey } from '../../plugin/stateKeys'
  * - chikou (迟行线) = close[t+displacement]，后置位移
  *
  * 任一字段都可能 undefined（数据不足或位移外）。
+ *
+ * series 长度 = data.length + displacement，末尾 displacement 槽位为未来云（仅 spanA/spanB）。
  */
 export interface IchimokuPoint {
     tenkan?: number

package/src/engine/indicators/visibleStateComposers.ts

@@ -542,6 +542,57 @@ export function createValuePointVisibleStateComposer<T extends object>(
     }
 }
 
+/**
+ * 一目均衡表专用的 visible state composer。
+ * 与 createValuePointVisibleStateComposer 的区别：
+ * - 将 visibleRange 向后扩展 displacement 根，以确保未来云的极值计入 valueMin/valueMax
+ */
+export function createIchimokuVisibleStateComposer<T extends object>(
+    bundleKey: string,
+    emptyState: {
+        timestamp: number
+        series: (T | undefined)[]
+        params: unknown
+        valueMin: number
+        valueMax: number
+        visibleMin: number
+        visibleMax: number
+    },
+    fields: readonly (keyof T)[],
+): IndicatorVisibleStateComposer {
+    return ({ bundle, visibleRange, timestamp, active }) => {
+        const source = getPointArraySeriesBundle<T>(bundle, bundleKey)
+        if (!active) {
+            return {
+                ...emptyState,
+                timestamp,
+                series: source.series,
+                params: source.params,
+            }
+        }
+
+        const displacement = (source.params as Record<string, unknown>)?.displacement as number ?? 26
+        const extendedRange = {
+            start: visibleRange.start,
+            end: Math.min(visibleRange.end + displacement, source.series.length),
+        }
+        const extremes = calcPointArrayExtremes(source.series, fields, extendedRange)
+        const bounds = computeMAFamilyBounds(
+            Number.isFinite(extremes.min) && Number.isFinite(extremes.max) ? extremes : null,
+            emptyState,
+        )
+        return {
+            timestamp,
+            series: source.series,
+            params: source.params,
+            valueMin: bounds.valueMin,
+            valueMax: bounds.valueMax,
+            visibleMin: extremes.min,
+            visibleMax: extremes.max,
+        }
+    }
+}
+
 export function createBandVisibleStateComposer<T extends object>(
     bundleKey: string,
     emptyState: {

package/src/engine/renderers/Indicator/ichimoku.ts

@@ -8,7 +8,8 @@ import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, IchimokuSchedulerConfig } from '../../indicators/scheduler'
 import { calcIchimokuData } from '../../indicators/calculators'
-import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import { createIchimokuVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import { getPhysicalKLineConfig } from '../../utils/klineConfig'
 
 const TENKAN_COLOR = '#dc2626'
 const KIJUN_COLOR = '#2563eb'
@@ -50,7 +51,7 @@ export function createIchimokuRendererPlugin(options: IchimokuRendererOptions =
         description: '一目均衡表渲染器（WebGL 线 + Canvas2D 云图）',
         debugName: 'Ichimoku',
         paneId,
-        priority: RENDERER_PRIORITY.MAIN,
+        priority: RENDERER_PRIORITY.INDICATOR,
 
         onInstall(host: PluginHost) { pluginHost = host },
         getDeclaredNamespaces() { const key = resolveKey(); return key ? [key] : [] },
@@ -90,6 +91,25 @@ export function createIchimokuRendererPlugin(options: IchimokuRendererOptions =
                 }
             }
 
+            // 未来云：在数据末尾延伸 displacement 根 spanA/spanB 线及云段
+            const dataLen = (context.data as unknown[]).length
+            if (dataLen < series.length) {
+                const physConfig = getPhysicalKLineConfig(context.kWidth, context.kGap, context.dpr)
+                const futureEnd = Math.min(dataLen + params.displacement, series.length)
+                for (let i = dataLen; i < futureEnd; i++) {
+                    const p = series[i]
+                    if (!p) continue
+                    const leftPx = physConfig.startXPx + i * physConfig.unitPx
+                    const wickXPx = leftPx + (physConfig.kWidthPx - 1) / 2
+                    const centerX = wickXPx / context.dpr
+                    if (params.showSpanA && p.spanA !== undefined) spanAPts.push({ x: centerX, y: toY(p.spanA) })
+                    if (params.showSpanB && p.spanB !== undefined) spanBPts.push({ x: centerX, y: toY(p.spanB) })
+                    if (params.showCloud && p.spanA !== undefined && p.spanB !== undefined) {
+                        cloudSegs.push({ x: centerX, ya: toY(p.spanA), yb: toY(p.spanB), bull: p.spanA > p.spanB })
+                    }
+                }
+            }
+
             // Cloud fill (Canvas2D only)
             if (params.showCloud && cloudSegs.length >= 2) {
                 ctx.save()
@@ -209,7 +229,7 @@ export function getIchimokuTitleInfo(
     allowMainPane: true,
     mainPane: { rendererName: 'ichimoku_main', toActiveConfig: (params, active) => ({ ...params, showTenkan: active, showKijun: active, showSpanA: active, showSpanB: active, showChikou: active, showCloud: active }) },
     scale: { indicatorKey: 'ichimoku', label: 'Ichimoku', decimals: 2 },
-    visibleState: { compose: createValuePointVisibleStateComposer('ichimoku', EMPTY_ICHIMOKU_STATE, ['tenkan', 'kijun', 'spanA', 'spanB', 'chikou']) },
+    visibleState: { compose: createIchimokuVisibleStateComposer('ichimoku', EMPTY_ICHIMOKU_STATE, ['tenkan', 'kijun', 'spanA', 'spanB', 'chikou']) },
     runtime: { defaultConfig:{tenkanPeriod:9,kijunPeriod:26,spanBPeriod:52,displacement:26,showTenkan:true,showKijun:true,showSpanA:true,showSpanB:true,showCloud:true,showChikou:true}, computeKey:'calcIchimokuData', compute:(data,c)=>calcIchimokuData(data,c.tenkanPeriod,c.kijunPeriod,c.spanBPeriod,c.displacement) },
 })
 class IchimokuDefinition {

package/src/engine/renderers/Indicator/mainIndicatorLegend.ts

@@ -81,6 +81,102 @@ export function createMainIndicatorLegendRendererPlugin(options: {
       const targetIndex = crosshairIndex ?? Math.min(range.end - 1, klineData.length - 1)
       const rows: Array<{ draw: (rowIndex: number) => void }> = []
 
+      if (typeof crosshairIndex === 'number') {
+        const k = klineData[targetIndex]
+        if (k) {
+          const isUp = k.close >= k.open
+          const volText = typeof k.volume === 'number' ? formatVolumeShort(k.volume) : null
+          const upColor = isUp ? colors.candleUpBody : colors.candleDownBody
+
+          if (context.paneWidth >= 400) {
+            rows.push({
+              draw: (rowIndex: number) => {
+                let x = legendX
+                const y = config.yPaddingPx / 2 + legendYOffset + rowIndex * lineHeight
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('O ', x, y)
+                x += measureTextWidth(overlayCtx, 'O ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.open.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.open.toFixed(2)) + gap
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('H ', x, y)
+                x += measureTextWidth(overlayCtx, 'H ')
+                overlayCtx.fillText(k.high.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.high.toFixed(2)) + gap
+
+                overlayCtx.fillText('L ', x, y)
+                x += measureTextWidth(overlayCtx, 'L ')
+                overlayCtx.fillText(k.low.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.low.toFixed(2)) + gap
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('C ', x, y)
+                x += measureTextWidth(overlayCtx, 'C ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.close.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.close.toFixed(2)) + gap
+
+                if (volText) {
+                  overlayCtx.fillStyle = colors.text.tertiary
+                  overlayCtx.fillText('Vol ', x, y)
+                  x += measureTextWidth(overlayCtx, 'Vol ')
+                  overlayCtx.fillStyle = colors.text.primary
+                  overlayCtx.fillText(volText, x, y)
+                }
+              },
+            })
+          } else {
+            rows.push({
+              draw: (rowIndex: number) => {
+                let x = legendX
+                const y = config.yPaddingPx / 2 + legendYOffset + rowIndex * lineHeight
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('O ', x, y)
+                x += measureTextWidth(overlayCtx, 'O ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.open.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.open.toFixed(2)) + gap
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('H ', x, y)
+                x += measureTextWidth(overlayCtx, 'H ')
+                overlayCtx.fillText(k.high.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.high.toFixed(2)) + gap
+
+                overlayCtx.fillText('L ', x, y)
+                x += measureTextWidth(overlayCtx, 'L ')
+                overlayCtx.fillText(k.low.toFixed(2), x, y)
+              },
+            })
+            rows.push({
+              draw: (rowIndex: number) => {
+                let x = legendX
+                const y = config.yPaddingPx / 2 + legendYOffset + rowIndex * lineHeight
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('C ', x, y)
+                x += measureTextWidth(overlayCtx, 'C ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.close.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.close.toFixed(2)) + gap
+
+                if (volText) {
+                  overlayCtx.fillStyle = colors.text.tertiary
+                  overlayCtx.fillText('Vol ', x, y)
+                  x += measureTextWidth(overlayCtx, 'Vol ')
+                  overlayCtx.fillStyle = colors.text.primary
+                  overlayCtx.fillText(volText, x, y)
+                }
+              },
+            })
+          }
+        }
+      }
+
       const scheduler = pluginHost && typeof pluginHost.getService === 'function'
         ? pluginHost.getService<IndicatorScheduler>('indicatorScheduler')
         : undefined
@@ -237,3 +333,9 @@ function findBaselineByTimestamp(data: ReadonlyArray<KLineData>, timestamp: numb
   }
   return null
 }
+
+function formatVolumeShort(v: number): string {
+  if (v >= 1e8) return (v / 1e8).toFixed(2) + '亿'
+  if (v >= 1e4) return (v / 1e4).toFixed(2) + '万'
+  return v.toFixed(2)
+}

package/src/engine/renderers/crosshair.ts

@@ -30,7 +30,7 @@ export function createCrosshairRendererPlugin(options: {
       const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
       const state = options.getCrosshairState()
 
-      if (state.isDragging || !state.pos) return
+      if (!state.pos) return
 
       const { x } = state.pos
       const isActive = pane.id === state.activePaneId

package/src/index.ts

@@ -4,3 +4,4 @@ export * from './mcp'
 export { VERSION } from './version'
 export * from './tokens'
 export { formatTimestamp } from './utils/dateFormat'
+export { generateUUID } from './utils/uuid'

package/src/mcp/chartBridge.ts

@@ -1,4 +1,5 @@
 import type { ToolCall, ToolResult, ControllerDescription, ToolCallHandler } from './types'
+import { generateUUID } from '../utils/uuid'
 
 export interface ChartBridgeOptions {
   wsUrl: string
@@ -6,6 +7,7 @@ export interface ChartBridgeOptions {
   sessionId?: string
   autoReconnect?: boolean
   reconnectDelay?: number
+  maxReconnectDelay?: number
   heartbeatInterval?: number
   wsImpl?: new (url: string) => WebSocket
 }
@@ -22,6 +24,7 @@ export class ChartBridge {
   readonly sessionId: string
   private readonly autoReconnect: boolean
   private readonly reconnectDelay: number
+  private readonly maxReconnectDelay: number
   private readonly heartbeatInterval: number
   private readonly onToolCall: ToolCallHandler
 
@@ -29,6 +32,7 @@ export class ChartBridge {
   private ws: WebSocket | null = null
   private reconnectTimer: ReturnType<typeof setTimeout> | null = null
   private heartbeatTimer: ReturnType<typeof setInterval> | null = null
+  private _reconnectAttempt = 0
   private destroyed = false
 
   private listeners = new Map<ChartBridgeEvent, Set<MessageHandler>>()
@@ -39,9 +43,10 @@ export class ChartBridge {
   onStateChange?: () => void
 
   constructor(options: ChartBridgeOptions) {
-    this.sessionId = options.sessionId ?? crypto.randomUUID()
+    this.sessionId = options.sessionId ?? generateUUID()
     this.autoReconnect = options.autoReconnect ?? true
     this.reconnectDelay = options.reconnectDelay ?? 3000
+    this.maxReconnectDelay = options.maxReconnectDelay ?? 30_000
     this.heartbeatInterval = options.heartbeatInterval ?? 30_000
     this.onToolCall = options.onToolCall
     this.wsImpl = options.wsImpl ?? WebSocket
@@ -59,6 +64,7 @@ export class ChartBridge {
         const ws = new this.wsImpl(this.wsUrl)
 
         ws.onopen = () => {
+          this._reconnectAttempt = 0
           this.ws = ws
           console.info(
             `[ChartBridge] WS opened → sending register (sessionId=${this.sessionId})`,
@@ -115,6 +121,7 @@ export class ChartBridge {
 
   destroy(): void {
     this.destroyed = true
+    this._reconnectAttempt = 0
     this.disconnect()
     this.listeners.clear()
   }
@@ -188,11 +195,22 @@ export class ChartBridge {
 
   private scheduleReconnect(): void {
     this.cancelReconnect()
+    const base = this.reconnectDelay
+    const attempt = this._reconnectAttempt
+    const exponential = Math.min(base * Math.pow(2, attempt), this.maxReconnectDelay)
+    const jitter = 0.5 + Math.random() * 0.5
+    const delay = Math.round(exponential * jitter)
+
+    this._reconnectAttempt = attempt + 1
+    console.info(
+      `[ChartBridge] reconnect scheduled in ${delay}ms (attempt ${attempt + 1})`,
+    )
+
     this.reconnectTimer = setTimeout(() => {
       if (!this.destroyed) {
         this.connect()
       }
-    }, this.reconnectDelay)
+    }, delay)
   }
 
   private cancelReconnect(): void {

package/src/tokens/__tests__/__snapshots__/baseline.test.ts.snap

@@ -64,7 +64,7 @@ exports[`theme baseline — dark > CSS declaration block (snapshot) 1`] = `
   --klc-color-tag-bg-transparent: transparent;
   --klc-color-tag-bg-active: #1890ff;
   --klc-color-tag-bg-active-hover: #40a9ff;
-  --klc-color-tag-bg-hover: #3a3a4a;
+  --klc-color-tag-bg-hover: #262C36;
   --klc-color-border-dark: rgba(255, 255, 255, 0.15);
   --klc-color-border-medium: rgba(255, 255, 255, 0.12);
   --klc-color-border-light: rgba(255, 255, 255, 0.08);

package/src/tokens/theme-dark.ts

@@ -105,7 +105,7 @@ export const darkTheme: Theme = {
             transparent: 'transparent',
             active: '#1890ff',
             activeHover: '#40a9ff',
-            hover: '#3a3a4a',
+            hover: '#262C36',
         },
         border: {
             dark: 'rgba(255, 255, 255, 0.15)',

package/src/utils/kLineDraw/axis.ts

@@ -505,7 +505,7 @@ export function drawAxisPriceLabel(ctx: CanvasRenderingContext2D, opts: AxisPric
 
     const centerX = x + width / 2
     ctx.fillStyle = textColor
-    ctx.fillText(priceText, roundToPhysicalPixel(centerX, dpr), alignToPhysicalPixelCenter(yy, dpr))
+    ctx.fillText(priceText, roundToPhysicalPixel(centerX, dpr), roundToPhysicalPixel(yy, dpr) + 1)
 
     ctx.restore()
 }

package/src/utils/uuid.ts

@@ -0,0 +1,8 @@
+export function generateUUID(): string {
+  if (typeof crypto.randomUUID === 'function') return crypto.randomUUID()
+  const bytes = crypto.getRandomValues(new Uint8Array(16))
+  bytes[6] = (bytes[6]! & 0x0f) | 0x40
+  bytes[8] = (bytes[8]! & 0x3f) | 0x80
+  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, '0'))
+  return `${hex.slice(0, 4).join('')}-${hex.slice(4, 6).join('')}-${hex.slice(6, 8).join('')}-${hex.slice(8, 10).join('')}-${hex.slice(10).join('')}`
+}

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "0.8.4"
+export const VERSION = "0.8.6"