@363045841yyt/klinechart-core 0.8.8 → 0.8.10-alpha.0

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

@@ -1,9 +1,9 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
-import type { ParkinsonRenderState } from '../../indicators/parkinsonState'
-import { createParkinsonStateKey } from '../../indicators/parkinsonState'
-import { EMPTY_PARKINSON_STATE } from '../../indicators/parkinsonState'
+import type { ParkinsonRenderState } from '../../indicators/state/parkinsonState'
+import { createParkinsonStateKey } from '../../indicators/state/parkinsonState'
+import { EMPTY_PARKINSON_STATE } from '../../indicators/state/parkinsonState'
 import { createNonNegativeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -109,7 +109,7 @@ function createParkinsonRendererPlugin(options: { paneId?: string } = {}): Rende
             const state = pluginHost?.getSharedState<ParkinsonRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
@@ -123,7 +123,7 @@ const getParkinsonTitleInfo = createSingleLineTitleInfo({ createStateKey: create
     scale: { indicatorKey: 'parkinson', label: 'Parkinson', decimals: 2 },
     getTitleInfo: getParkinsonTitleInfo,
     visibleState: { compose: createNonNegativeSparseVisibleStateComposer('parkinson', EMPTY_PARKINSON_STATE) },
-    runtime: { defaultConfig:{period:20,annualizationFactor:252,showParkinson:true}, computeKey:'calcParkinsonData', compute:(data,c)=>calcParkinsonData(data,c.period,c.annualizationFactor) },
+    runtime: { defaultConfig: { period: 20, annualizationFactor: 252, showParkinson: true }, computeKey: 'calcParkinsonData', compute: (data, c) => calcParkinsonData(data, c.period, c.annualizationFactor) },
 })
 class ParkinsonIndicatorDefinition {
     static rendererFactory = createParkinsonRendererPlugin

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

@@ -1,7 +1,7 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { PivotRenderState } from '../../indicators/pivotState'
-import { createPivotStateKey, EMPTY_PIVOT_STATE } from '../../indicators/pivotState'
+import type { PivotRenderState } from '../../indicators/state/pivotState'
+import { createPivotStateKey, EMPTY_PIVOT_STATE } from '../../indicators/state/pivotState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, PivotSchedulerConfig } from '../../indicators/scheduler'
@@ -99,7 +99,7 @@ function createPivotRendererPlugin(options: { paneId?: string } = {}): RendererP
             if (!stateKey) return {}
             return pluginHost?.getSharedState<PivotRenderState>(stateKey)?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
@@ -169,7 +169,7 @@ const getPivotTitleInfo: GetTitleInfoFn = (_data, index, _params, host, paneId)
     mainPane: { rendererName: 'pivot_main', toActiveConfig: (params, active) => ({ ...params, showPP: active, showR1: active, showR2: active, showR3: active, showS1: active, showS2: active, showS3: active }) },
     scale: { indicatorKey: 'pivot', label: 'Pivot', decimals: 2 },
     visibleState: { compose: createExactRangePointVisibleStateComposer('pivot', EMPTY_PIVOT_STATE, ['pp', 'r1', 'r2', 'r3', 's1', 's2', 's3']) },
-    runtime: { defaultConfig:{showPP:true,showR1:true,showR2:true,showR3:true,showS1:true,showS2:true,showS3:true}, computeKey:'calcPivotData', compute:(data,c)=>calcPivotData(data) },
+    runtime: { defaultConfig: { showPP: true, showR1: true, showR2: true, showR3: true, showS1: true, showS2: true, showS3: true }, computeKey: 'calcPivotData', compute: (data, c) => calcPivotData(data) },
 })
 class PivotDefinition {
     static rendererFactory = createPivotRendererPlugin

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

@@ -1,7 +1,7 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { PVTRenderState } from '../../indicators/pvtState'
-import { createPVTStateKey, EMPTY_PVT_STATE } from '../../indicators/pvtState'
+import type { PVTRenderState } from '../../indicators/state/pvtState'
+import { createPVTStateKey, EMPTY_PVT_STATE } from '../../indicators/state/pvtState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -106,7 +106,7 @@ function createPVTRendererPlugin(options: { paneId?: string } = {}): RendererPlu
             const state = pluginHost?.getSharedState<PVTRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 

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

@@ -1,8 +1,8 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
-import type { ROCRenderState } from '../../indicators/rocState'
-import { createROCStateKey, EMPTY_ROC_STATE } from '../../indicators/rocState'
+import type { ROCRenderState } from '../../indicators/state/rocState'
+import { createROCStateKey, EMPTY_ROC_STATE } from '../../indicators/state/rocState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -127,7 +127,7 @@ function createROCRendererPlugin(options: ROCRendererOptions = {}): RendererPlug
             const state = pluginHost?.getSharedState<ROCRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 

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

@@ -2,8 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
-import type { RSIRenderState } from '../../indicators/rsiState'
-import { createRSIStateKey, EMPTY_RSI_STATE } from '../../indicators/rsiState'
+import type { RSIRenderState } from '../../indicators/state/rsiState'
+import { createRSIStateKey, EMPTY_RSI_STATE } from '../../indicators/state/rsiState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedRangeRecordVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -171,7 +171,7 @@ function createRSIRendererPlugin(options: RSIRendererOptions = {}): RendererPlug
         },
 
         draw(context: RenderContext) {
-const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = context
+            const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = context
             const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
 
             // 从 StateStore 读取 RSI 状态
@@ -394,7 +394,7 @@ function getRSITitleInfo(
     visibleState: { compose: createFixedRangeRecordVisibleStateComposer('rsi', EMPTY_RSI_STATE) },
     scaleRendererFactory: createRsiScaleRendererPlugin,
     getTitleInfo: getRSITitleInfo,
-    runtime: { defaultConfig:{period1:6,period2:12,period3:24,showRSI1:true,showRSI2:true,showRSI3:true}, computeKey:'calcRSIData', compute:(data,c)=>{const p=[c.period1,c.period2,c.period3];const s=[c.showRSI1,c.showRSI2,c.showRSI3];const r:Record<number,(number|undefined)[]>={};for(let i=0;i<3;i++){if(s[i])r[p[i]]=calcRSIData(data,p[i])}return r} },
+    runtime: { defaultConfig: { period1: 6, period2: 12, period3: 24, showRSI1: true, showRSI2: true, showRSI3: true }, computeKey: 'calcRSIData', compute: (data, c) => { const p = [c.period1, c.period2, c.period3]; const s = [c.showRSI1, c.showRSI2, c.showRSI3]; const r: Record<number, (number | undefined)[]> = {}; for (let i = 0; i < 3; i++) { if (s[i]) r[p[i]] = calcRSIData(data, p[i]) } return r } },
 })
 class RSIIndicatorDefinition {
     static rendererFactory = createRSIRendererPlugin

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

@@ -2,8 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import type { KLineData } from '../../../types/price'
-import type { SARRenderState } from '../../indicators/sarState'
-import { createSARStateKey, EMPTY_SAR_STATE } from '../../indicators/sarState'
+import type { SARRenderState } from '../../indicators/state/sarState'
+import { createSARStateKey, EMPTY_SAR_STATE } from '../../indicators/state/sarState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey, type TitleInfo, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, SARSchedulerConfig } from '../../indicators/scheduler'
@@ -130,7 +130,7 @@ function getSARTitleInfo(
     mainPane: { rendererName: 'sar_main', toActiveConfig: (params, active) => ({ ...params, showSAR: active }) },
     scale: { indicatorKey: 'sar', label: 'SAR', decimals: 4 },
     visibleState: { compose: createValuePointVisibleStateComposer('sar', EMPTY_SAR_STATE, ['value']) },
-    runtime: { defaultConfig:{step:0.02,maxStep:0.2,showSAR:true}, computeKey:'calcSARData', compute:(data,c)=>calcSARData(data,c.step,c.maxStep) },
+    runtime: { defaultConfig: { step: 0.02, maxStep: 0.2, showSAR: true }, computeKey: 'calcSARData', compute: (data, c) => calcSARData(data, c.step, c.maxStep) },
 })
 class SARDefinition {
     static rendererFactory = createSARRendererPlugin

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

@@ -2,8 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { createDashedLineRenderer } from './shared/dashedLines'
-import type { STOCHRenderState } from '../../indicators/stochState'
-import { createSTOCHStateKey, EMPTY_STOCH_STATE } from '../../indicators/stochState'
+import type { STOCHRenderState } from '../../indicators/state/stochState'
+import { createSTOCHStateKey, EMPTY_STOCH_STATE } from '../../indicators/state/stochState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedRangePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -103,7 +103,7 @@ function createSTOCHRendererPlugin(options: STOCHRendererOptions = {}): Renderer
         },
 
         draw(context: RenderContext) {
-const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = context
+            const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = context
             const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
 
             const stateKey = resolveKey()
@@ -292,7 +292,7 @@ function getSTOCHTitleInfo(
     visibleState: { compose: createFixedRangePointVisibleStateComposer('stoch', EMPTY_STOCH_STATE, ['k', 'd'] as const) },
     scaleRendererFactory: createStochScaleRendererPlugin,
     getTitleInfo: getSTOCHTitleInfo,
-    runtime: { defaultConfig:{n:9,m:3,showK:true,showD:true}, computeKey:'calcSTOCHData', compute:(data,c)=>calcSTOCHData(data,c.n,c.m) },
+    runtime: { defaultConfig: { n: 9, m: 3, showK: true, showD: true }, computeKey: 'calcSTOCHData', compute: (data, c) => calcSTOCHData(data, c.n, c.m) },
 })
 class STOCHIndicatorDefinition {
     static rendererFactory = createSTOCHRendererPlugin

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

@@ -1,8 +1,8 @@
 import { resolveThemeColors } from '../../../tokens'
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { StructureRenderState } from '../../indicators/structureState'
-import { createStructureStateKey, EMPTY_STRUCTURE_STATE } from '../../indicators/structureState'
+import type { StructureRenderState } from '../../indicators/state/structureState'
+import { createStructureStateKey, EMPTY_STRUCTURE_STATE } from '../../indicators/state/structureState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedUnitVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -109,34 +109,34 @@ function createStructureRendererPlugin(options: { paneId?: string } = {}): Rende
             const state = pluginHost?.getSharedState<StructureRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
 function getStructureTitleInfo(
-  _data: KLineData[],
-  index: number | null,
-  params: Record<string, number | boolean | string>,
-  host: PluginHost,
-  paneId: string,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
 ): TitleInfo | null {
-  if (index === null) return null
-  const leftWindow = (params.leftWindow as number) ?? 5
-  const rightWindow = (params.rightWindow as number) ?? 2
-  const colors = resolveThemeColors('light')
-  const state = host.getSharedState<StructureRenderState>(createStructureStateKey(paneId))
+    if (index === null) return null
+    const leftWindow = (params.leftWindow as number) ?? 5
+    const rightWindow = (params.rightWindow as number) ?? 2
+    const colors = resolveThemeColors('light')
+    const state = host.getSharedState<StructureRenderState>(createStructureStateKey(paneId))
 
-  const values: Array<{ label: string; value: number; color: string }> = []
-  if (state && state.series.swings.length > 0) {
-    values.push({ label: 'Swings', value: state.series.swings.length, color: colors.structure.hh })
-    values.push({ label: 'Events', value: state.series.events.length, color: colors.structure.choch })
-  }
+    const values: Array<{ label: string; value: number; color: string }> = []
+    if (state && state.series.swings.length > 0) {
+        values.push({ label: 'Swings', value: state.series.swings.length, color: colors.structure.hh })
+        values.push({ label: 'Events', value: state.series.events.length, color: colors.structure.choch })
+    }
 
-  return {
-    name: 'Structure',
-    params: [leftWindow, rightWindow],
-    values,
-  }
+    return {
+        name: 'Structure',
+        params: [leftWindow, rightWindow],
+        values,
+    }
 }
 
 @Indicator({
@@ -149,7 +149,7 @@ function getStructureTitleInfo(
     scale: { indicatorKey: 'structure', label: 'Structure', decimals: 2 },
     getTitleInfo: getStructureTitleInfo,
     visibleState: { compose: createFixedUnitVisibleStateComposer('structure', EMPTY_STRUCTURE_STATE) },
-    runtime: { defaultConfig:{leftWindow:5,rightWindow:2,breakoutSource:'close',showSwingLabels:true,showBOS:true,showCHOCH:true,showProvisional:true}, computeKey:'calcStructureData', compute:(data,c)=>calcStructureData(data,c.leftWindow,c.rightWindow,c.breakoutSource) },
+    runtime: { defaultConfig: { leftWindow: 5, rightWindow: 2, breakoutSource: 'close', showSwingLabels: true, showBOS: true, showCHOCH: true, showProvisional: true }, computeKey: 'calcStructureData', compute: (data, c) => calcStructureData(data, c.leftWindow, c.rightWindow, c.breakoutSource) },
 })
 class StructureIndicatorDefinition {
     static rendererFactory = createStructureRendererPlugin

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

@@ -2,8 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import type { KLineData } from '../../../types/price'
-import type { SuperTrendRenderState } from '../../indicators/supertrendState'
-import { createSuperTrendStateKey, EMPTY_SUPERTREND_STATE } from '../../indicators/supertrendState'
+import type { SuperTrendRenderState } from '../../indicators/state/supertrendState'
+import { createSuperTrendStateKey, EMPTY_SUPERTREND_STATE } from '../../indicators/state/supertrendState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey, type TitleInfo, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, SuperTrendSchedulerConfig } from '../../indicators/scheduler'
@@ -96,7 +96,7 @@ function createSuperTrendRendererPlugin(options: SuperTrendRendererOptions = {})
             const state = pluginHost?.getSharedState<SuperTrendRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
@@ -131,7 +131,7 @@ function getSuperTrendTitleInfo(
     mainPane: { rendererName: 'supertrend_main', toActiveConfig: (params, active) => ({ ...params, showSuperTrend: active }) },
     scale: { indicatorKey: 'supertrend', label: 'SuperTrend', decimals: 2 },
     visibleState: { compose: createValuePointVisibleStateComposer('supertrend', EMPTY_SUPERTREND_STATE, ['value']) },
-    runtime: { defaultConfig:{atrPeriod:10,multiplier:3,showSuperTrend:true}, computeKey:'calcSuperTrendData', compute:(data,c)=>calcSuperTrendData(data,c.atrPeriod,c.multiplier) },
+    runtime: { defaultConfig: { atrPeriod: 10, multiplier: 3, showSuperTrend: true }, computeKey: 'calcSuperTrendData', compute: (data, c) => calcSuperTrendData(data, c.atrPeriod, c.multiplier) },
 })
 class SuperTrendIndicatorDefinition {
     static rendererFactory = createSuperTrendRendererPlugin

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

@@ -1,8 +1,8 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { createSingleLineTitleInfo } from './shared/titleInfo'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { TEMARenderState } from '../../indicators/temaState'
-import { createTEMAStateKey, EMPTY_TEMA_STATE } from '../../indicators/temaState'
+import type { TEMARenderState } from '../../indicators/state/temaState'
+import { createTEMAStateKey, EMPTY_TEMA_STATE } from '../../indicators/state/temaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -134,7 +134,7 @@ const getTEMATitleInfo = createSingleLineTitleInfo({ createStateKey: createTEMAS
     mainPane: { rendererName: 'tema_main', toActiveConfig: (params, active) => ({ ...params, showTEMA: active }) },
     visibleState: { compose: createSparseVisibleStateComposer('tema', EMPTY_TEMA_STATE) },
     scale: { indicatorKey: 'tema', label: 'TEMA', decimals: 2 },
-    runtime: { defaultConfig:{period:14,showTEMA:true}, computeKey:'calcTEMAData', compute:(data,c)=>calcTEMAData(data,c.period) },
+    runtime: { defaultConfig: { period: 14, showTEMA: true }, computeKey: 'calcTEMAData', compute: (data, c) => calcTEMAData(data, c.period) },
 })
 class TEMADefinition {
     static rendererFactory = createTEMARendererPlugin

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

@@ -1,9 +1,9 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
-import type { TRIXRenderState } from '../../indicators/trixState'
-import { createTRIXStateKey } from '../../indicators/trixState'
-import { EMPTY_TRIX_STATE } from '../../indicators/trixState'
+import type { TRIXRenderState } from '../../indicators/state/trixState'
+import { createTRIXStateKey } from '../../indicators/state/trixState'
+import { EMPTY_TRIX_STATE } from '../../indicators/state/trixState'
 import { createDualSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -135,7 +135,7 @@ function createTRIXRendererPlugin(options: TRIXRendererOptions = {}): RendererPl
             const state = pluginHost?.getSharedState<TRIXRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
@@ -149,36 +149,36 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
 }
 
 function getTRIXTitleInfo(
-  _data: KLineData[],
-  index: number | null,
-  params: Record<string, number | boolean | string>,
-  pluginHost: PluginHost,
-  paneId: string,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    paneId: string,
 ): TitleInfo | null {
-  if (index === null) return null
-  const period = (params.period as number) ?? 15
-  const signalPeriod = (params.signalPeriod as number) ?? 9
-  const state = pluginHost.getSharedState<TRIXRenderState>(createTRIXStateKey(paneId))
-  if (!state) return null
-
-  const values: Array<{ label: string; value: number; color: string }> = []
-
-  if (state.params.showTRIX) {
-    const v = state.series[index]
-    if (v !== undefined) values.push({ label: 'TRIX', value: v, color: TRIX_COLOR })
-  }
-  if (state.params.showSignal) {
-    const v = state.signalSeries[index]
-    if (v !== undefined) values.push({ label: 'Signal', value: v, color: SIGNAL_COLOR })
-  }
-
-  if (values.length === 0) return null
-
-  return {
-    name: 'TRIX',
-    params: [period, signalPeriod],
-    values,
-  }
+    if (index === null) return null
+    const period = (params.period as number) ?? 15
+    const signalPeriod = (params.signalPeriod as number) ?? 9
+    const state = pluginHost.getSharedState<TRIXRenderState>(createTRIXStateKey(paneId))
+    if (!state) return null
+
+    const values: Array<{ label: string; value: number; color: string }> = []
+
+    if (state.params.showTRIX) {
+        const v = state.series[index]
+        if (v !== undefined) values.push({ label: 'TRIX', value: v, color: TRIX_COLOR })
+    }
+    if (state.params.showSignal) {
+        const v = state.signalSeries[index]
+        if (v !== undefined) values.push({ label: 'Signal', value: v, color: SIGNAL_COLOR })
+    }
+
+    if (values.length === 0) return null
+
+    return {
+        name: 'TRIX',
+        params: [period, signalPeriod],
+        values,
+    }
 }
 
 @Indicator({
@@ -189,7 +189,7 @@ function getTRIXTitleInfo(
     scale: { indicatorKey: 'trix', label: 'TRIX', decimals: 6 },
     visibleState: { compose: createDualSparseVisibleStateComposer('trix', EMPTY_TRIX_STATE) },
     getTitleInfo: getTRIXTitleInfo,
-    runtime: { defaultConfig:{period:15,signalPeriod:9,showTRIX:true,showSignal:true}, computeKey:'calcTRIXData', compute:(data,c)=>calcTRIXData(data,c.period,c.signalPeriod) },
+    runtime: { defaultConfig: { period: 15, signalPeriod: 9, showTRIX: true, showSignal: true }, computeKey: 'calcTRIXData', compute: (data, c) => calcTRIXData(data, c.period, c.signalPeriod) },
 })
 class TRIXIndicatorDefinition {
     static rendererFactory = createTRIXRendererPlugin

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

@@ -1,8 +1,8 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { VMARenderState } from '../../indicators/vmaState'
-import { createVMAStateKey } from '../../indicators/vmaState'
-import { EMPTY_VMA_STATE } from '../../indicators/vmaState'
+import type { VMARenderState } from '../../indicators/state/vmaState'
+import { createVMAStateKey } from '../../indicators/state/vmaState'
+import { EMPTY_VMA_STATE } from '../../indicators/state/vmaState'
 import { createSingleLineTitleInfo } from './shared/titleInfo'
 import { createNonNegativeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'

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

@@ -1,7 +1,7 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { VolumeProfileRenderState } from '../../indicators/volumeProfileState'
-import { createVolumeProfileStateKey, EMPTY_VOLUME_PROFILE_STATE } from '../../indicators/volumeProfileState'
+import type { VolumeProfileRenderState } from '../../indicators/state/volumeProfileState'
+import { createVolumeProfileStateKey, EMPTY_VOLUME_PROFILE_STATE } from '../../indicators/state/volumeProfileState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createVolumeProfileVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -110,7 +110,7 @@ function createVolumeProfileRendererPlugin(options: { paneId?: string } = {}): R
             const state = pluginHost?.getSharedState<VolumeProfileRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
@@ -119,33 +119,33 @@ const VP_VAH_COLOR = '#6366f1'
 const VP_VAL_COLOR = '#818cf8'
 
 function getVolumeProfileTitleInfo(
-  _data: KLineData[],
-  index: number | null,
-  params: Record<string, number | boolean | string>,
-  host: PluginHost,
-  paneId: string,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
 ): TitleInfo | null {
-  if (index === null) return null
-  const bins = (params.bins as number) ?? 24
-  const state = host.getSharedState<VolumeProfileRenderState>(createVolumeProfileStateKey(paneId))
-  const vp = state?.series
-
-  const values: Array<{ label: string; value: number; color: string }> = []
-  if (vp && vp.bins.length > 0) {
-    if (state.params.showPOC) {
-      values.push({ label: 'POC', value: vp.poc, color: VP_POC_COLOR })
+    if (index === null) return null
+    const bins = (params.bins as number) ?? 24
+    const state = host.getSharedState<VolumeProfileRenderState>(createVolumeProfileStateKey(paneId))
+    const vp = state?.series
+
+    const values: Array<{ label: string; value: number; color: string }> = []
+    if (vp && vp.bins.length > 0) {
+        if (state.params.showPOC) {
+            values.push({ label: 'POC', value: vp.poc, color: VP_POC_COLOR })
+        }
+        if (state.params.showValueArea) {
+            values.push({ label: 'VAH', value: vp.vah, color: VP_VAH_COLOR })
+            values.push({ label: 'VAL', value: vp.val, color: VP_VAL_COLOR })
+        }
     }
-    if (state.params.showValueArea) {
-      values.push({ label: 'VAH', value: vp.vah, color: VP_VAH_COLOR })
-      values.push({ label: 'VAL', value: vp.val, color: VP_VAL_COLOR })
-    }
-  }
 
-  return {
-    name: 'VP',
-    params: [bins],
-    values,
-  }
+    return {
+        name: 'VP',
+        params: [bins],
+        values,
+    }
 }
 
 @Indicator({
@@ -156,7 +156,7 @@ function getVolumeProfileTitleInfo(
     scale: { indicatorKey: 'volumeProfile', label: 'VP', decimals: 0 },
     getTitleInfo: getVolumeProfileTitleInfo,
     visibleState: { compose: createVolumeProfileVisibleStateComposer('volumeProfile', EMPTY_VOLUME_PROFILE_STATE) },
-    runtime: { defaultConfig:{bins:24,lookback:100,valueAreaPercent:70,showPOC:true,showValueArea:true}, computeKey:'calcVolumeProfileData', compute:(data,c)=>calcVolumeProfileData(data,c.bins,c.lookback,c.valueAreaPercent) },
+    runtime: { defaultConfig: { bins: 24, lookback: 100, valueAreaPercent: 70, showPOC: true, showValueArea: true }, computeKey: 'calcVolumeProfileData', compute: (data, c) => calcVolumeProfileData(data, c.bins, c.lookback, c.valueAreaPercent) },
 })
 class VolumeProfileIndicatorDefinition {
     static rendererFactory = createVolumeProfileRendererPlugin

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

@@ -1,7 +1,7 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { VWAPRenderState } from '../../indicators/vwapState'
-import { createVWAPStateKey, EMPTY_VWAP_STATE } from '../../indicators/vwapState'
+import type { VWAPRenderState } from '../../indicators/state/vwapState'
+import { createVWAPStateKey, EMPTY_VWAP_STATE } from '../../indicators/state/vwapState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -106,7 +106,7 @@ function createVWAPRendererPlugin(options: { paneId?: string } = {}): RendererPl
             const state = pluginHost?.getSharedState<VWAPRenderState>(stateKey)
             return state?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 

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

@@ -1,8 +1,8 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { createSingleLineTitleInfo } from './shared/titleInfo'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { WMARenderState } from '../../indicators/wmaState'
-import { createWMAStateKey, EMPTY_WMA_STATE } from '../../indicators/wmaState'
+import type { WMARenderState } from '../../indicators/state/wmaState'
+import { createWMAStateKey, EMPTY_WMA_STATE } from '../../indicators/state/wmaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
@@ -134,7 +134,7 @@ const getWMATitleInfo = createSingleLineTitleInfo({ createStateKey: createWMASta
     mainPane: { rendererName: 'wma_main', toActiveConfig: (params, active) => ({ ...params, showWMA: active }) },
     visibleState: { compose: createSparseVisibleStateComposer('wma', EMPTY_WMA_STATE) },
     scale: { indicatorKey: 'wma', label: 'WMA', decimals: 2 },
-    runtime: { defaultConfig:{period:10,showWMA:true}, computeKey:'calcWMAData', compute:(data,c)=>calcWMAData(data,c.period) },
+    runtime: { defaultConfig: { period: 10, showWMA: true }, computeKey: 'calcWMAData', compute: (data, c) => calcWMAData(data, c.period) },
 })
 class WMADefinition {
     static rendererFactory = createWMARendererPlugin

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

@@ -2,8 +2,8 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
-import type { WMSRRenderState } from '../../indicators/wmsrState'
-import { createWMSRStateKey, EMPTY_WMSR_STATE } from '../../indicators/wmsrState'
+import type { WMSRRenderState } from '../../indicators/state/wmsrState'
+import { createWMSRStateKey, EMPTY_WMSR_STATE } from '../../indicators/state/wmsrState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
@@ -163,7 +163,7 @@ function createWMSRRendererPlugin(options: WMSRRendererOptions = {}): RendererPl
         },
 
         draw(context: RenderContext) {
-const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = context
+            const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = context
             const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
 
             const stateKey = resolveKey()

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

@@ -1,8 +1,8 @@
 import { resolveThemeColors } from '../../../tokens'
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { ZonesRenderState } from '../../indicators/zonesState'
-import { createZonesStateKey, EMPTY_ZONES_STATE } from '../../indicators/zonesState'
+import type { ZonesRenderState } from '../../indicators/state/zonesState'
+import { createZonesStateKey, EMPTY_ZONES_STATE } from '../../indicators/state/zonesState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedUnitVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
@@ -73,8 +73,8 @@ function createZonesRendererPlugin(options: { paneId?: string } = {}): RendererP
                 const yLow = toY(zone.low)
                 const fill = zone.kind === 'FVG_BULL' ? colors.zones.fvgBullFill
                     : zone.kind === 'FVG_BEAR' ? colors.zones.fvgBearFill
-                    : zone.kind === 'OB_BULL' ? colors.zones.obBullFill
-                    : colors.zones.obBearFill
+                        : zone.kind === 'OB_BULL' ? colors.zones.obBullFill
+                            : colors.zones.obBearFill
                 ctx.fillStyle = fill
                 ctx.fillRect(startX, yHigh, endX - startX, yLow - yHigh)
             }
@@ -86,7 +86,7 @@ function createZonesRendererPlugin(options: { paneId?: string } = {}): RendererP
             if (!stateKey) return {}
             return pluginHost?.getSharedState<ZonesRenderState>(stateKey)?.params ?? {}
         },
-        setConfig() {},
+        setConfig() { },
     }
 }
 
@@ -125,7 +125,7 @@ const getZonesTitleInfo: GetTitleInfoFn = (_data, index, _params, host, paneId)
     mainPane: { rendererName: 'zones_main', toActiveConfig: (params, active) => ({ ...params, showFVG: active, showOB: active, showFilledZones: active }) },
     scale: { indicatorKey: 'zones', label: 'Zones', decimals: 2 },
     visibleState: { compose: createFixedUnitVisibleStateComposer('zones', EMPTY_ZONES_STATE) },
-    runtime: { defaultConfig:{showFVG:true,showOB:true,showFilledZones:true,obLookback:20}, computeKey:'calcZonesData', compute:(data,c)=>calcZonesData(data,c.obLookback,5,2,'close') },
+    runtime: { defaultConfig: { showFVG: true, showOB: true, showFilledZones: true, obLookback: 20 }, computeKey: 'calcZonesData', compute: (data, c) => calcZonesData(data, c.obLookback, 5, 2, 'close') },
 })
 class ZonesDefinition {
     static rendererFactory = createZonesRendererPlugin

package/src/engine/renderers/__tests__/boll.renderer.test.ts

@@ -1,7 +1,7 @@
 // @ts-nocheck - Test file with intentional type relaxations for mocking
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { createBOLLRendererPlugin } from '../Indicator/boll'
-import { BOLL_STATE_KEY, type BOLLRenderState } from '@/core/indicators/bollState'
+import { BOLL_STATE_KEY, type BOLLRenderState } from '@/core/indicators/state/bollState'
 import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
 import type { KLineData } from '@/types/price'
 import type { Pane } from '@/core/layout/pane'