@tony01/astroneum 0.4.1-beta.2 → 0.4.1-beta.24

package/dist/script-BU9StbN-.d.ts

@@ -0,0 +1,120 @@
+import { a as CandleData, f as IndicatorTemplate } from './Indicator-BQQcVGGT.js';
+
+type StrategySide = 'long' | 'short';
+interface BacktestConfig {
+    initialCapital: number;
+    commissionPercent: number;
+    slippagePercent: number;
+    positionSizePercent: number;
+    currency: string;
+}
+interface BacktestTrade {
+    id: string;
+    side: StrategySide;
+    entryTime: number;
+    entryPrice: number;
+    exitTime: number;
+    exitPrice: number;
+    quantity: number;
+    grossProfit: number;
+    commission: number;
+    netProfit: number;
+    barsHeld: number;
+}
+interface EquityPoint {
+    timestamp: number;
+    equity: number;
+    drawdownPercent: number;
+}
+interface BacktestMetrics {
+    netProfit: number;
+    netProfitPercent: number;
+    grossProfit: number;
+    grossLoss: number;
+    profitFactor: number | null;
+    totalTrades: number;
+    percentProfitable: number;
+    maxDrawdown: number;
+    maxDrawdownPercent: number;
+    buyAndHoldPercent: number;
+}
+interface BacktestResult {
+    config: BacktestConfig;
+    metrics: BacktestMetrics;
+    trades: BacktestTrade[];
+    equity: EquityPoint[];
+    bars: CandleData[];
+    mode: 'fixture' | 'runtime';
+}
+
+/**
+ * Client-side JavaScript indicator scripting engine.
+ *
+ * Lets users write Pine-Script–inspired indicator logic in plain JS
+ * and compile it into an IndicatorTemplate that is registered
+ * with the chart engine during compilation.
+ *
+ * Security: scripts run inside a Function scope with a curated API
+ * surface (forbidden identifiers shadowed, Object/Array prototypes frozen).
+ * This is a best-effort sandbox suitable for trusted user scripts only —
+ * constructor-chain escapes (e.g. (0).constructor.constructor) are not
+ * fully blocked. Do NOT run untrusted third-party scripts without a
+ * real isolate (sandboxed iframe or Web Worker).
+ *
+ * Usage:
+ *   const engine = ScriptEngine.getInstance()
+ *   const template = engine.compile(`
+ *     study('My MA', { overlay: true })
+ *     const len = input('Length', 14)
+ *     plot(ta.sma(close, len), { title: 'SMA', color: '#2962ff' })
+ *   `)
+ *   chart.createIndicator(template.name)
+ */
+
+interface StudyOptions {
+    /** Display name shown in tooltip */
+    shortName?: string;
+    /** Whether to overlay on the price pane (default false) */
+    overlay?: boolean;
+    /** Precision of displayed values */
+    precision?: number;
+}
+interface PlotOptions {
+    title?: string;
+    color?: string;
+    lineWidth?: number;
+    visible?: boolean;
+}
+interface InputOptions {
+    type?: 'int' | 'float' | 'bool' | 'string';
+    options?: (number | string)[];
+}
+interface CompiledIndicator extends IndicatorTemplate {
+    /** Original source for editing */
+    _source: string;
+}
+interface CompiledStrategy {
+    name: string;
+    source: string;
+    run: (bars: CandleData[], config?: Partial<BacktestConfig>) => BacktestResult;
+}
+declare class ScriptEngine {
+    private static _instance;
+    private _registry;
+    private constructor();
+    static getInstance(): ScriptEngine;
+    /**
+     * Compile a script string into an IndicatorTemplate.
+     * Throws a descriptive Error if compilation or type validation fails.
+     */
+    compile(source: string, name?: string): CompiledIndicator;
+    compileStrategy(source: string, name?: string): CompiledStrategy;
+    /** Get a previously compiled template by name */
+    get(name: string): CompiledIndicator | undefined;
+    /** All registered script names */
+    list(): string[];
+    /** Remove a compiled indicator */
+    remove(name: string): void;
+}
+
+export { type BacktestConfig as B, type CompiledIndicator as C, type EquityPoint as E, type InputOptions as I, type PlotOptions as P, type StrategySide as S, type BacktestResult as a, type BacktestMetrics as b, type BacktestTrade as c, type CompiledStrategy as d, ScriptEngine as e, type StudyOptions as f };

package/dist/types-W6SIYQ9m.d.ts

@@ -0,0 +1,232 @@
+import react__default from 'react';
+import { D as DeepPartial, S as Styles, C as Chart, a as CandleData, I as IndicatorCreate, P as PaneOptions, N as Nullable, b as IndicatorFilter, c as Indicator, O as OverlayCreate, d as OverlayFilter, e as Coordinate, Z as ZoomAnchor } from './Indicator-BQQcVGGT.js';
+import { I as IndicatorPlugin, P as Price, V as Volume, T as Timestamp } from './types-yETgeYsE.js';
+
+interface IndicatorDef {
+    name: string;
+    calcParams?: number[];
+}
+interface SerializedIndicator extends IndicatorDef {
+    visible: boolean;
+    styles?: unknown;
+}
+/** Canonical timespan identifiers — aligned with engine PeriodType */
+type Timespan = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year';
+interface SymbolInfo {
+    ticker: string;
+    name?: string;
+    shortName?: string;
+    exchange?: string;
+    market?: string;
+    pricePrecision?: number;
+    volumePrecision?: number;
+    priceCurrency?: string;
+    type?: string;
+    logo?: string;
+    [key: string]: unknown;
+}
+interface Period {
+    multiplier: number;
+    /** Canonical timespan — maps directly to engine PeriodType */
+    timespan: Timespan;
+    text: string;
+}
+type DatafeedSubscribeCallback = (data: CandleData) => void;
+interface QuoteSnapshot {
+    ticker: string;
+    last: Price;
+    change?: number;
+    changePercent?: number;
+    volume?: Volume;
+    open?: Price;
+    high?: Price;
+    low?: Price;
+    timestamp?: Timestamp;
+}
+interface Datafeed {
+    searchSymbols(search?: string): Promise<SymbolInfo[]>;
+    getHistoryData(symbol: SymbolInfo, period: Period, from: number, to: number): Promise<CandleData[]>;
+    subscribe(symbol: SymbolInfo, period: Period, callback: DatafeedSubscribeCallback): void;
+    unsubscribe(symbol: SymbolInfo, period: Period): void;
+    getQuotes?(symbols: SymbolInfo[]): Promise<QuoteSnapshot[]>;
+}
+interface ChartToolbarActions {
+    toggleDrawingBar: () => void;
+    openSymbolSearch: () => void;
+    openIndicators: () => void;
+    openTimezone: () => void;
+    openSettings: () => void;
+    openAlert: () => void;
+    captureScreenshot: () => void;
+}
+interface AstroneumOptions {
+    styles?: DeepPartial<Styles>;
+    watermark?: string | Node;
+    theme?: string;
+    locale?: string;
+    drawingBarVisible?: boolean;
+    toolbarVisible?: boolean;
+    toolbarActionsRef?: react__default.MutableRefObject<ChartToolbarActions | null>;
+    symbol: SymbolInfo;
+    period: Period;
+    periods?: Period[];
+    timezone?: string;
+    mainIndicators?: IndicatorDef[];
+    subIndicators?: string[];
+    plugins?: ChartPlugin[];
+    datafeed: Datafeed;
+    /** Inline styles applied to the root `.astroneum` container element. */
+    style?: react__default.CSSProperties;
+    /** Additional class names applied to the root `.astroneum` container element. */
+    className?: string;
+    /**
+     * Make the chart canvas focusable + emit an `aria-live` summary of the
+     * crosshair OHLCV. Off by default to avoid surprising existing apps.
+     * When `true`, the chart container gets `tabindex=0`, `role="img"`,
+     * and an `aria-label` describing the current symbol. Cursor moves
+     * announce OHLCV through a visually-hidden polite live region.
+     */
+    accessible?: boolean;
+    /**
+     * Optional ARIA label override for the chart canvas. Only used when
+     * `accessible` is true. Defaults to a string built from the symbol
+     * ticker and current period.
+     */
+    ariaLabel?: string;
+    /**
+     * Bar rendering style. Defaults to 'candle' (standard candlesticks).
+     * 'heikin_ashi' transforms OHLC data with the Heikin-Ashi formula
+     * before rendering — no datafeed changes required.
+     */
+    barStyle?: 'candle' | 'heikin_ashi';
+    /**
+     * Price axis scale mode. Defaults to 'linear' (absolute price).
+     * 'log' uses logarithmic scale (useful for long-term charts).
+     * 'percent' shows percentage change from the first visible bar.
+     */
+    priceScale?: 'linear' | 'log' | 'percent';
+    initialHistory?: 'all' | 'none';
+}
+/**
+ * Serialised chart state — drawings, indicators, and the user-facing
+ * surface settings (theme, locale, timezone, symbol, period, styles).
+ *
+ * The shape is intentionally simple JSON so it can be persisted to
+ * `localStorage`, a URL, or a backend. The `version` field lets the
+ * library evolve the format without breaking older payloads.
+ */
+interface SerializedChartState {
+    version: 1;
+    theme: string;
+    locale: string;
+    timezone: string;
+    symbol: SymbolInfo;
+    period: Period;
+    styles: DeepPartial<Styles>;
+    mainIndicators: SerializedIndicator[];
+    subIndicators: SerializedIndicator[];
+    overlays: Array<{
+        name: string;
+        points?: ReadonlyArray<{
+            timestamp?: number;
+            value?: number;
+            dataIndex?: number;
+        }>;
+        styles?: unknown;
+        lock?: boolean;
+        visible?: boolean;
+    }>;
+}
+interface AstroneumHandle {
+    setTheme(theme: string): void;
+    getTheme(): string;
+    setStyles(styles: DeepPartial<Styles>): void;
+    getStyles(): Styles;
+    setLocale(locale: string): void;
+    getLocale(): string;
+    setTimezone(timezone: string): void;
+    getTimezone(): string;
+    setSymbol(symbol: SymbolInfo): void;
+    getSymbol(): SymbolInfo;
+    setPeriod(period: Period): void;
+    getPeriod(): Period;
+    getDataListLength(): number;
+    getLastDataTimestamp(): number | null;
+    /**
+     * Capture the chart's current user-visible state as a JSON-safe object.
+     * Includes theme, locale, timezone, symbol, period, styles, indicators,
+     * and drawing overlays. Pair with `loadState()` to restore.
+     */
+    serializeState(): SerializedChartState;
+    /**
+     * Restore a previously-captured state. Best-effort: missing or unknown
+     * indicator / overlay names are silently skipped, matching the engine's
+     * behaviour for unregistered names.
+     */
+    loadState(state: SerializedChartState): void;
+    /**
+     * Subscribe to crosshair moves. Returns an unsubscribe function.
+     * Callback receives the crosshair data (or null when it leaves the chart).
+     * Returns a Coordinate-like object with the timestamp + price at cursor.
+     */
+    onCrosshairMove(callback: (data: unknown) => void): () => void;
+    /**
+     * Programmatically set the crosshair position on this chart.
+     * Used internally by MultiChartLayout for crosshair sync.
+     */
+    setCrosshair(data: unknown): void;
+    /** Lock or unlock ALL drawing overlays at once. */
+    lockAllDrawings(locked: boolean): void;
+    createIndicator(value: string | IndicatorCreate, isStack?: boolean, paneOptions?: PaneOptions): Nullable<string>;
+    removeIndicator(filter?: IndicatorFilter): boolean;
+    getIndicators(filter?: IndicatorFilter): Indicator[];
+    createOverlay(value: string | OverlayCreate | Array<string | OverlayCreate>): Nullable<string> | Array<Nullable<string>>;
+    removeOverlay(filter?: OverlayFilter): boolean;
+    getDataList(): CandleData[];
+    resetData(): void;
+    resize(): void;
+}
+interface ChartPluginContext {
+    /** The chart instance mounted by Astroneum. */
+    chart: Chart;
+    /** Register a typed indicator plugin at runtime. */
+    registerIndicatorPlugin: (plugin: IndicatorPlugin<unknown>) => void;
+    /** Batch register typed indicator plugins at runtime. */
+    registerIndicatorPlugins: (plugins: ReadonlyArray<IndicatorPlugin<unknown>>) => void;
+}
+interface ChartPlugin {
+    /** Optional plugin label for diagnostics and debugging. */
+    name?: string;
+    /** Indicator plugins to register before this chart starts creating indicators. */
+    indicators?: ReadonlyArray<IndicatorPlugin<unknown>>;
+    /** Optional lifecycle hook called once after the chart is initialized. */
+    onInit?: (context: ChartPluginContext) => void | (() => void);
+}
+interface ChartEventMap {
+    /** Fired when the active symbol changes. */
+    'symbol-change': SymbolInfo;
+    /** Fired when the active period / timeframe changes. */
+    'period-change': Period;
+    /** Fired on every crosshair move; null when the crosshair leaves the chart. */
+    'crosshair-move': Coordinate | null;
+    /** Fired when the user zooms the chart. */
+    'zoom': {
+        scale: number;
+        anchor: ZoomAnchor;
+    };
+    /** Fired when a historical data batch is loaded. */
+    'data-load': {
+        type: 'init' | 'forward' | 'backward';
+        count: number;
+    };
+    /** Fired when a real-time tick arrives from the datafeed subscription. */
+    'tick': CandleData;
+    /** Fired when the user starts drawing an overlay (value = overlay type name). */
+    'drawing-start': string;
+    /** Fired when the user finishes drawing (value = overlay id). */
+    'drawing-end': string;
+    /** Fired when the active theme changes (value = theme name). */
+    'theme-change': string;
+}
+
+export type { AstroneumOptions as A, ChartEventMap as C, Datafeed as D, Period as P, QuoteSnapshot as Q, SymbolInfo as S, AstroneumHandle as a, SerializedChartState as b, ChartPlugin as c, ChartPluginContext as d, ChartToolbarActions as e, DatafeedSubscribeCallback as f, SerializedIndicator as g };

package/dist/types-yETgeYsE.d.ts

@@ -0,0 +1,28 @@
+import { a as CandleData } from './Indicator-BQQcVGGT.js';
+
+type Price = number & {
+    readonly _brand: 'Price';
+};
+type Volume = number & {
+    readonly _brand: 'Volume';
+};
+type Timestamp = number & {
+    readonly _brand: 'Timestamp';
+};
+interface Viewport {
+    priceMin: Price;
+    priceMax: Price;
+    timeMin: Timestamp;
+    timeMax: Timestamp;
+    resolution: readonly [width: number, height: number];
+}
+interface IndicatorPlugin<TOutput> {
+    name: string;
+    shortName?: string;
+    calcParams?: number[];
+    calc(data: CandleData[], params: number[]): TOutput[];
+    render2D?(ctx: CanvasRenderingContext2D, output: TOutput[], viewport: Viewport): void;
+    renderGL?(gl: WebGL2RenderingContext, output: TOutput[], viewport: Viewport, vbo: WebGLBuffer): void;
+}
+
+export type { IndicatorPlugin as I, Price as P, Timestamp as T, Volume as V, Viewport as a };

package/dist/zh-CN-NDTUDZGZ.js

@@ -0,0 +1,3 @@
+'use client';
+var t="Indicator",r="Main Indicator",o="Sub Indicator",i="Setting",l="Timezone",n="Screenshot",_="Full Screen",c="Exit",s="Save",d="Confirm",h="Color",g="Show",m="\u53D6\u6D88",p="MA(Moving Average)",b="EMA(Exponential Moving Average)",v="SMA",u="BOLL(Bolinger Bands)",w="BBI(Bull And Bear Index)",f="SAR(Stop and Reverse)",C="VOL(Volume)",k="MACD(Moving Average Convergence / Divergence)",y="KDJ(KDJ Index)",S="RSI(Relative Strength Index)",T="BIAS(Bias Ratio)",x="BRAR(Bull and Bear Sentiment)",A="CCI(Commodity Channel Index)",P="DMI(Directional Movement Index)",L="CR(Energy Index)",R="PSY(Psychological Line)",U="DMA(Different of Moving Average)",B="TRIX(Triple Exponentially Smoothed Moving Average)",M="OBV(On Balance Volume)",I="VR(Volatility Volume Ratio)",V="WR(Williams %R)",D="MTM(Momentum Index)",W="EMV(Ease of Movement Value)",E="ROC(Price Rate of Change)",F="PVT(Price and Volume Trend)",O="AO(Awesome Oscillator)",z="UTC",H="(UTC-10) Honolulu",J="(UTC-8) Juneau",K="(UTC-7) Los Angeles",G="(UTC-5) Chicago",j="(UTC-4) Toronto",N="(UTC-3) Sao Paulo",X="(UTC+1) London",q="(UTC+2) Berlin",Y="(UTC+3) Bahrain",Q="(UTC+4) Dubai",Z="(UTC+5) Ashkhabad",$="(UTC+6) Almaty",ee="(UTC+7) Bangkok",ae="(UTC+8) Shanghai",te="(UTC+9) Tokyo",re="(UTC+10) Sydney",oe="(UTC+12) Norfolk",ie="Horizontal Line",le="Horizontal Ray",ne="Horizontal Segment",_e="Vertical Line",ce="Vertical Ray",se="Vertical Segment",de="Trend Line",he="Ray",ge="Segment",me="Arrow",pe="Price Line",be="Price Channel Line",ve="Parallel Line",ue="Fibonacci Line",we="Fibonacci Segment",fe="Fibonacci Circle",Ce="Fibonacci Spiral",ke="Fibonacci Sector",ye="Fibonacci Extension",Se="Gann Box",Te="Gann Fan",xe="Andrews Pitchfork",Ae="Rect",Pe="Parallelogram",Le="Circle",Re="Triangle",Ue="Three Waves",Be="Five Waves",Me="Eight Waves",Ie="Any Waves",Ve="ABCD Pattern",De="XABCD Pattern",We="Weak Magnet",Ee="Strong Magnet",Fe="Symbol Search",Oe="Symbol Code",ze="Parameter 1",He="Parameter 2",Je="Parameter 3",Ke="Parameter 4",Ge="Parameter 5",je="Line 1",Ne="Line 2",Xe="Line 3",qe="Line 4",Ye="Line 5",Qe="Period",Ze="Standard Deviation",$e="Candle Type",ea="Candle Solid",aa="Candle Stroke",ta="Candle Up Stroke",ra="Candle Down Stroke",oa="OHLC",ia="Area",la="Show Last Price",na="Show Highest Price",_a="Show Lowest Price",ca="Show indicator's last value",sa="Price Axis Type",da="Normal",ha="Percentage",ga="Log",ma="Reverse Coordinate",pa="Show Grids",ba="\u6062\u590D\u9ED8\u8BA4",va="\u4EF7\u683C\u63D0\u9192",ua="\u521B\u5EFA",wa="\u521B\u5EFA\u63D0\u9192",fa="\u521B\u5EFA\u63D0\u9192\u4E8E",Ca="\u4FDD\u5B58",ka="\u5386\u53F2",ya="\u6761\u4EF6",Sa="\u4EF7\u683C",Ta="\u6570\u636E\u6E90",xa="\u4EF7\u683C",Aa="\u8FD0\u7B97\u7B26",Pa="\u503C",La="\u4EA4\u53C9",Ra="\u4ECB\u4E8E",Ua="\u6DFB\u52A0\u6761\u4EF6",Ba="\u5907\u6CE8",Ma="\u53EF\u9009\u6807\u7B7E\u2026",Ia="\u6DFB\u52A0\u63D0\u9192",Va="\u521B\u5EFA",Da="\u521B\u5EFA\u4E2D\u2026",Wa="\u4FDD\u5B58\u4E2D\u2026",Ea="\u8BF7\u8F93\u5165\u6709\u6548\u6570\u5B57",Fa="\u81F3\u5C11\u9700\u8981\u4E00\u4E2A\u6709\u6548\u6761\u4EF6",Oa="\u63D0\u9192\u6570\u91CF\u5DF2\u8FBE\u4E0A\u9650",za="\u91CD\u8BD5",Ha="\u6D3B\u8DC3",Ja="\u6682\u65E0\u6D3B\u8DC3\u63D0\u9192",Ka="\u6682\u65E0\u89E6\u53D1\u8BB0\u5F55",Ga="\u91CD\u65B0\u6FC0\u6D3B",ja="\u6682\u505C",Na="\u6062\u590D",Xa="\u7F16\u8F91",qa="\u5220\u9664",Ya="\u641C\u7D22\u63D0\u9192\u2026",Qa="\u6240\u6709\u54C1\u79CD",Za="\u5F53\u524D\u54C1\u79CD",$a="\u5DF2\u6682\u505C",et="\u5DF2\u8FC7\u671F",at="\u5DF2\u5FFD\u7565",tt="\u9AD8\u4E8E",rt="\u4F4E\u4E8E",ot="\u4E0A\u7A7F \u2191",it="\u4E0B\u7A7F \u2193",lt="\u89E6\u53D1\u65B9\u5F0F",nt="\u4EC5\u4E00\u6B21",_t="\u6BCF\u6839K\u7EBF",ct="K\u7EBF\u6536\u76D8\u65F6\u4E00\u6B21",st="\u5230\u671F",dt="\u65E0\u9650\u671F",ht="1\u5929\u540E",gt="1\u5468\u540E",mt="1\u4E2A\u6708\u540E",pt="2\u4E2A\u6708\u540E",bt="\u6D88\u606F",vt="\u8BBE\u7F6E Webhook URL \u540E\u5C06\u4F5C\u4E3A\u8BF7\u6C42\u4F53\u53D1\u9001\u3002",ut="Webhook \u8BF7\u6C42\u4F53",wt="\u901A\u77E5",ft="\u8FD4\u56DE",Ct="\u5E94\u7528",kt="\u5E94\u7528\u5185\u901A\u77E5",yt="\u5728\u79FB\u52A8\u5E94\u7528\u4E2D\u63A8\u9001\u901A\u77E5\u3002",St="\u663E\u793A\u6D6E\u5C42\u63D0\u793A",Tt="\u5728\u9875\u9762\u89D2\u843D\u663E\u793A\u7AD9\u5185\u901A\u77E5\u3002",xt="\u53D1\u9001\u90AE\u4EF6",At="\u53D1\u9001\u5230\u8D26\u6237\u8BBE\u7F6E\u4E2D\u7684\u90AE\u7BB1\u5730\u5740\u3002",Pt="Webhook URL",Lt="\u63D0\u9192\u89E6\u53D1\u65F6\u5411\u4F60\u7684 URL \u53D1\u9001 POST \u8BF7\u6C42\u3002",Rt="\u64AD\u653E\u58F0\u97F3",Ut="\u63D0\u9192\u89E6\u53D1\u65F6\u64AD\u653E\u63D0\u793A\u97F3\u3002",Bt="\u53D1\u9001\u7EAF\u6587\u672C",Mt="\u5411\u5907\u7528\u90AE\u7BB1\u53D1\u9001\u7EAF\u6587\u672C\u3002",It="\u65E0",Vt="URL \u6709\u6548",Dt="URL \u65E0\u6548 \u2014 \u8BF7\u4F7F\u7528 http(s)://\uFF0C\u4E0D\u652F\u6301\u79C1\u6709\u6216\u672C\u5730\u5730\u5740",Wt="\u4E00\u6B21",Et="\u91CD\u590D",Ft="\u901A\u77E5\u8BA1\u5212",Ot="\u5728\u8BA1\u5212\u4E4B\u5916\u7684\u65F6\u95F4\u9759\u97F3\u901A\u77E5\u3002",zt="\u5168\u5929",Ht="\u5DE5\u4F5C\u65E5",Jt="\u5DE5\u4F5C\u65F6\u95F4\uFF08\u5468\u4E00\u81F3\u5468\u4E94 09:00\u201318:00\uFF09",Kt="\u81EA\u5B9A\u4E49",Gt="\u5DF2\u9001\u8FBE",jt="\u5931\u8D25",Nt="\u53D1\u9001\u4E2D",Xt="\u65E5\u5FD7",qt="\u6E05\u9664\u65E5\u5FD7",Yt="\u64CD\u4F5C",Qt="\u6682\u65E0\u89E6\u53D1\u8BB0\u5F55",Zt="Webhook \u5DF2\u6210\u529F\u9001\u8FBE",$t="Webhook \u53D1\u9001\u5931\u8D25",er="\u8BF7\u6C42\u8D85\u65F6",ar="\u4E86\u89E3\u66F4\u591A",tr="\u5438\u9644\u5230\u4EF7\u683C\u6C34\u5E73",rr="\u4E0D\u5438\u9644",or="\u811A\u672C\u7F16\u8F91\u5668",ir="\u7F16\u5199 JavaScript \u2014 \u4F7F\u7528 Pine Script \u98CE\u683C\u7684 API\uFF08ta.* \u8F85\u52A9\u51FD\u6570\uFF09",lr="\u7F16\u8BD1",nr="\u6DFB\u52A0\u5230\u56FE\u8868",_r="\u5DF2\u7F16\u8BD1",cr="API \u53C2\u8003",sr="\u81EA\u9009\u80A1",dr="\u65B0\u5EFA\u81EA\u9009",hr="\u6DFB\u52A0\u81EA\u9009\u5217\u8868",gr="\u5220\u9664\u81EA\u9009\u5217\u8868",mr="\u6DFB\u52A0",pr="\u79FB\u9664",br="\u8F93\u5165\u4EE3\u7801\u2026",vr={indicator:t,main_indicator:r,sub_indicator:o,setting:i,timezone:l,screenshot:n,full_screen:_,exit_full_screen:c,save:s,confirm:d,color:h,show:g,cancel:m,ma:p,ema:b,sma:v,boll:u,bbi:w,sar:f,vol:C,macd:k,kdj:y,rsi:S,bias:T,brar:x,cci:A,dmi:P,cr:L,psy:R,dma:U,trix:B,obv:M,vr:I,wr:V,mtm:D,emv:W,roc:E,pvt:F,ao:O,utc:z,honolulu:H,juneau:J,los_angeles:K,chicago:G,toronto:j,sao_paulo:N,london:X,berlin:q,bahrain:Y,dubai:Q,ashkhabad:Z,almaty:$,bangkok:ee,shanghai:ae,tokyo:te,sydney:re,norfolk:oe,horizontal_straight_line:ie,horizontal_ray_line:le,horizontal_segment:ne,vertical_straight_line:_e,vertical_ray_line:ce,vertical_segment:se,straight_line:de,ray_line:he,segment:ge,arrow:me,price_line:pe,price_channel_line:be,parallel_straight_line:ve,fibonacci_line:ue,fibonacci_segment:we,fibonacci_circle:fe,fibonacci_spiral:Ce,fibonacci_speed_resistance_fan:ke,fibonacci_extension:ye,gann_box:Se,gann_fan:Te,pitchfork:xe,rect:Ae,parallelogram:Pe,circle:Le,triangle:Re,three_waves:Ue,five_waves:Be,eight_waves:Me,any_waves:Ie,abcd:Ve,xabcd:De,weak_magnet:We,strong_magnet:Ee,symbol_search:Fe,symbol_code:Oe,params_1:ze,params_2:He,params_3:Je,params_4:Ke,params_5:Ge,line_1:je,line_2:Ne,line_3:Xe,line_4:qe,line_5:Ye,period:Qe,standard_deviation:Ze,candle_type:$e,candle_solid:ea,candle_stroke:aa,candle_up_stroke:ta,candle_down_stroke:ra,ohlc:oa,area:ia,last_price_show:la,high_price_show:na,low_price_show:_a,indicator_last_value_show:ca,price_axis_type:sa,normal:da,percentage:ha,log:ga,reverse_coordinate:ma,grid_show:pa,restore_default:ba,alerts:va,alert_create:ua,alert_create_alert:wa,alert_create_on:fa,alert_save:Ca,alert_history:ka,alert_condition:ya,alert_price:Sa,alert_source:Ta,alert_source_price:xa,alert_operator:Aa,alert_value:Pa,alert_crosses:La,alert_is_between:Ra,alert_add_condition:Ua,alert_note:Ba,alert_note_placeholder:Ma,alert_add:Ia,alert_create_button:Va,alert_submitting:Da,alert_saving:Wa,alert_invalid_price:Ea,alert_invalid_condition:Fa,alert_quota_exceeded:Oa,alert_retry:za,alert_active:Ha,alert_no_active:Ja,alert_no_history:Ka,alert_reactivate:Ga,alert_pause:ja,alert_resume:Na,alert_edit:Xa,alert_delete:qa,alert_search:Ya,alert_filter_all:Qa,alert_filter_current:Za,alert_paused:$a,alert_expired:et,alert_dismissed:at,alert_above:tt,alert_below:rt,alert_crosses_above:ot,alert_crosses_below:it,alert_trigger:lt,alert_trigger_once:nt,alert_trigger_every_bar:_t,alert_trigger_bar_close:ct,alert_expiration:st,alert_expiration_open:dt,alert_expiration_1d:ht,alert_expiration_1w:gt,alert_expiration_1m:mt,alert_expiration_2m:pt,alert_message:bt,alert_message_hint:vt,alert_webhook_body:ut,alert_notifications:wt,alert_back:ft,alert_apply:Ct,alert_notif_app:kt,alert_notif_app_desc:yt,alert_notif_toast:St,alert_notif_toast_desc:Tt,alert_notif_email:xt,alert_notif_email_desc:At,alert_notif_webhook:Pt,alert_notif_webhook_desc:Lt,alert_notif_sound:Rt,alert_notif_sound_desc:Ut,alert_notif_plaintext:Bt,alert_notif_plaintext_desc:Mt,alert_notif_none:It,alert_webhook_valid:Vt,alert_webhook_invalid:Dt,alert_sound_once:Wt,alert_sound_repeating:Et,alert_schedule:Ft,alert_schedule_desc:Ot,"alert_schedule_24/7":zt,alert_schedule_weekdays:Ht,alert_schedule_working_hours:Jt,alert_schedule_custom:Kt,alert_webhook_delivered:Gt,alert_webhook_failed:jt,alert_webhook_sending:Nt,alert_log:Xt,alert_clear_log:qt,alert_actions:Yt,alert_no_log:Qt,alert_webhook_success:Zt,alert_webhook_failed_prefix:$t,alert_webhook_timeout:er,alert_webhook_learn_more:ar,snap_levels:tr,no_magnet:rr,script_editor:or,script_editor_hint:ir,script_compile:lr,script_apply:nr,script_compiled:_r,script_api_ref:cr,watchlist:sr,watchlist_new:dr,watchlist_add_list:hr,watchlist_delete_list:gr,watchlist_add_symbol:mr,watchlist_remove_symbol:pr,watchlist_enter_symbol:br};
+export{Ve as abcd,tt as alert_above,Yt as alert_actions,Ha as alert_active,Ia as alert_add,Ua as alert_add_condition,Ct as alert_apply,ft as alert_back,rt as alert_below,qt as alert_clear_log,ya as alert_condition,ua as alert_create,wa as alert_create_alert,Va as alert_create_button,fa as alert_create_on,La as alert_crosses,ot as alert_crosses_above,it as alert_crosses_below,qa as alert_delete,at as alert_dismissed,Xa as alert_edit,st as alert_expiration,ht as alert_expiration_1d,mt as alert_expiration_1m,gt as alert_expiration_1w,pt as alert_expiration_2m,dt as alert_expiration_open,et as alert_expired,Qa as alert_filter_all,Za as alert_filter_current,ka as alert_history,Fa as alert_invalid_condition,Ea as alert_invalid_price,Ra as alert_is_between,Xt as alert_log,bt as alert_message,vt as alert_message_hint,Ja as alert_no_active,Ka as alert_no_history,Qt as alert_no_log,Ba as alert_note,Ma as alert_note_placeholder,kt as alert_notif_app,yt as alert_notif_app_desc,xt as alert_notif_email,At as alert_notif_email_desc,It as alert_notif_none,Bt as alert_notif_plaintext,Mt as alert_notif_plaintext_desc,Rt as alert_notif_sound,Ut as alert_notif_sound_desc,St as alert_notif_toast,Tt as alert_notif_toast_desc,Pt as alert_notif_webhook,Lt as alert_notif_webhook_desc,wt as alert_notifications,Aa as alert_operator,ja as alert_pause,$a as alert_paused,Sa as alert_price,Oa as alert_quota_exceeded,Ga as alert_reactivate,Na as alert_resume,za as alert_retry,Ca as alert_save,Wa as alert_saving,Ft as alert_schedule,zt as "alert_schedule_24/7",Kt as alert_schedule_custom,Ot as alert_schedule_desc,Ht as alert_schedule_weekdays,Jt as alert_schedule_working_hours,Ya as alert_search,Wt as alert_sound_once,Et as alert_sound_repeating,Ta as alert_source,xa as alert_source_price,Da as alert_submitting,lt as alert_trigger,ct as alert_trigger_bar_close,_t as alert_trigger_every_bar,nt as alert_trigger_once,Pa as alert_value,ut as alert_webhook_body,Gt as alert_webhook_delivered,jt as alert_webhook_failed,$t as alert_webhook_failed_prefix,Dt as alert_webhook_invalid,ar as alert_webhook_learn_more,Nt as alert_webhook_sending,Zt as alert_webhook_success,er as alert_webhook_timeout,Vt as alert_webhook_valid,va as alerts,$ as almaty,Ie as any_waves,O as ao,ia as area,me as arrow,Z as ashkhabad,Y as bahrain,ee as bangkok,w as bbi,q as berlin,T as bias,u as boll,x as brar,m as cancel,ra as candle_down_stroke,ea as candle_solid,aa as candle_stroke,$e as candle_type,ta as candle_up_stroke,A as cci,G as chicago,Le as circle,h as color,d as confirm,L as cr,vr as default,U as dma,P as dmi,Q as dubai,Me as eight_waves,b as ema,W as emv,c as exit_full_screen,fe as fibonacci_circle,ye as fibonacci_extension,ue as fibonacci_line,we as fibonacci_segment,ke as fibonacci_speed_resistance_fan,Ce as fibonacci_spiral,Be as five_waves,_ as full_screen,Se as gann_box,Te as gann_fan,pa as grid_show,na as high_price_show,H as honolulu,le as horizontal_ray_line,ne as horizontal_segment,ie as horizontal_straight_line,t as indicator,ca as indicator_last_value_show,J as juneau,y as kdj,la as last_price_show,je as line_1,Ne as line_2,Xe as line_3,qe as line_4,Ye as line_5,ga as log,X as london,K as los_angeles,_a as low_price_show,p as ma,k as macd,r as main_indicator,D as mtm,rr as no_magnet,oe as norfolk,da as normal,M as obv,oa as ohlc,ve as parallel_straight_line,Pe as parallelogram,ze as params_1,He as params_2,Je as params_3,Ke as params_4,Ge as params_5,ha as percentage,Qe as period,xe as pitchfork,sa as price_axis_type,be as price_channel_line,pe as price_line,R as psy,F as pvt,he as ray_line,Ae as rect,ba as restore_default,ma as reverse_coordinate,E as roc,S as rsi,N as sao_paulo,f as sar,s as save,n as screenshot,cr as script_api_ref,nr as script_apply,lr as script_compile,_r as script_compiled,or as script_editor,ir as script_editor_hint,ge as segment,i as setting,ae as shanghai,g as show,v as sma,tr as snap_levels,Ze as standard_deviation,de as straight_line,Ee as strong_magnet,o as sub_indicator,re as sydney,Oe as symbol_code,Fe as symbol_search,Ue as three_waves,l as timezone,te as tokyo,j as toronto,Re as triangle,B as trix,z as utc,ce as vertical_ray_line,se as vertical_segment,_e as vertical_straight_line,C as vol,I as vr,sr as watchlist,hr as watchlist_add_list,mr as watchlist_add_symbol,gr as watchlist_delete_list,br as watchlist_enter_symbol,dr as watchlist_new,pr as watchlist_remove_symbol,We as weak_magnet,V as wr,De as xabcd};

package/docs/MIRROR-PLAN-SYMBOL-SEARCH-WATCHLIST.md

@@ -0,0 +1,255 @@
+# Mirror Plan: Symbol Search + Watchlist Parity
+
+> **Status:** Phases 2–5 executed 2026-07-13 (commit `c14a88c` local / `4bfe8fd` server). **Phase 1 (dedicated capture scripts) was not executed** — see note below.
+> **Date:** 2026-07-13
+> **CDP source:** Chrome port 9223, chart `8Wh6yRIo`, BTC.D active
+> **Scope:** Capture live TV DOM for Symbol Search + Watchlist; implement functional parity in Astroneum
+>
+> **Execution note:** Phase 1's `cdp-symbol-search.js` / `cdp-watchlist.js` / `ref-symbol-search.html` / `ref-watchlist.html` were never created. The geometry and DOM structure used for Phases 2–5 came from ad hoc CDP `Runtime.evaluate` calls during the working session, recorded inline in `tv-mirror-reference/structure.md` §4.1 and `watchlist.md` §2.4/§3/§8. This is an honest gap, not a silent one: the values are real (captured live), but the capture is not re-runnable from a checked-in script. See `tv-mirror-reference/README.md` for the current, corrected evidence-files table. A follow-up should build the two capture scripts before the next visual refresh.
+>
+> **What actually shipped (Phases 2–3):** rewrote `SymbolSearchModal` (840px, 11 asset tabs, 4-cell rows, debounce, token-driven styling) and fixed the `Modal`/`Input` primitives it depends on (initial-focus targeting, native attribute forwarding, removed a hardcoded TradingView-blue focus glow). Rebuilt the Watchlist header to TV's actual 4-control anatomy (list selector / Add symbol / Advanced view / Settings) instead of the previous 5-tab layout, added collapsible group headers, widened the sidebar, and wired a working resize handle. Full detail in `docs/TODO-DESIGN.md` changelog, entry "2026-07-13 (c)".
+>
+> **What did not ship:** the automated visual-regression gate (Phase 5 in spirit, never formally scoped here) that the accompanying UX audit called for. Verification for this pass was `pnpm verify` + demo build + CDP computed-style comparison, not a screenshot-diff CI gate.
+
+---
+
+## Context
+
+Both surfaces were inspected live via CDP on 2026-07-13.
+
+### Symbol Search is a shared library component
+
+`src/widget/symbol-search-modal/index.tsx` is consumed by two entry points:
+- `AstroneumChart.tsx:656` — chart symbol change (`chart.setSymbol()`)
+- `WatchlistPanel.tsx:219` — add to watchlist (`manager.addSymbolFromInfo()`)
+
+Rewriting it improves both entry points simultaneously.
+
+### Current state
+
+| Surface | File | Lines | Gap |
+|---|---|---|---|
+| Symbol Search (library) | `src/widget/symbol-search-modal/index.tsx` | 100 | Large — 460px, no tabs, no row structure, no debounce |
+| Symbol Search SCSS | `src/widget/symbol-search-modal/index.scss` | 42 | Layout for 460px modal |
+| Watchlist (demo) | `demo/src/app/components/panels/WatchlistPanel.tsx` | 514 | Small — missing section group headers |
+| Watchlist CSS | `demo/src/app/components/panels/panels.css` L1-286 | 286 | Mature |
+| WatchlistManager (library) | `src/chart/WatchlistManager.ts` | 244 | Stable — add `group` field |
+
+### Live TV DOM (observed via CDP 2026-07-13)
+
+**Symbol Search dialog** — `[data-name="symbol-search-items-dialog"]` role=dialog, 840x680px:
+```
+Title "Symbol search" + Close [data-qa-id="close"]
+Input [data-qa-id="symbol-search-input"] role=searchbox, placeholder="Symbol, ISIN, or CUSIP"
+Tabs [role=tablist]: All(active) / Stocks / Funds / Futures / Forex / Crypto / Indices / Bonds / Economy / Options / More
+Results: [data-name="symbol-search-dialog-content-item"] rows, 4 cells:
+  1. ticker (bold, e.g. "BTCUSD")
+  2. description (muted, e.g. "Bitcoin / U.S. dollar")
+  3. exchange (smaller, e.g. "spot crypto defiBitstamp")
+  4. actions (empty, hover-revealed)
+51 rows in listContainer, active row has indigo tint
+Footer: "Search using ISIN and CUSIP codes"
+```
+
+**Watchlist panel** — rail `[data-name="base"]` 44x44px aria-pressed=true:
+```
+Header:
+  [data-name="watchlists-button"] "Red list" 102x34px
+  [data-name="add-symbol-button"] aria-label="Add symbol" 38x38px
+  [data-name="advanced-view-button"] aria-label="Advanced view" 38x38px
+  [data-name="settings-button"] aria-label="Settings" 38x38px
+Columns: Symbol / Last / Chg / Chg% (sortable buttons, class="sortable-PYr1BHmD", NO aria-sort on TV)
+Rows: [data-name="symbol-list-wrap"] 319x775px
+  Each row: ticker + "Market open" status + last + chg + chg% + volume
+  Section dividers: plain text group headers (e.g. "US STOCK")
+Details: details-add-note / details-settings / details-more-technicals
+```
+
+---
+
+## Phase 1: CDP Capture
+
+### 1A. Create two targeted capture scripts
+
+| Script | Output | Target |
+|---|---|---|
+| `cdp-symbol-search.js` | `ref-symbol-search.html` + `symbol-search.png` | `[data-name="symbol-search-items-dialog"]` outerHTML + screenshot |
+| `cdp-watchlist.js` | `ref-watchlist.html` + `watchlist.png` | Watchlist panel (header + columns + rows) outerHTML + screenshot |
+
+Both reuse the existing CDP pattern (port 9223, WebSocket, `Runtime.evaluate` + `Page.captureScreenshot`). Output only to `tv-mirror-reference/`.
+
+### 1B. Update reference docs
+
+| File | Section | Change |
+|---|---|---|
+| `tv-mirror-reference/watchlist.md` | 2.4, 3, 8 | Fill `not captured` items: row DOM (4 cells per row), section group headers ("US STOCK"), "Market open" status, details buttons |
+| `tv-mirror-reference/structure.md` | 4.1 | Update Symbol Search: 840px width, 11 tabs, 4-cell rows, footer text, selectors |
+| `tv-mirror-reference/README.md` | Evidence files table | Add `ref-symbol-search.html`, `ref-watchlist.html` rows |
+
+---
+
+## Phase 2: Symbol Search Rewrite (library-level)
+
+### 2A. Component rewrite — `src/widget/symbol-search-modal/index.tsx`
+
+| # | Change | Why |
+|---|---|---|
+| S1 | Width 460px to 840px | Fit 4-cell rows |
+| S2 | Asset-class tabs: All / Stocks / Funds / Futures / Forex / Crypto / Indices / Bonds / Economy / Options / More | Core TV function — filter results by `symbol.type` |
+| S3 | 4-cell result rows: ticker / description / exchange / actions | TV row structure |
+| S4 | Keyboard up/down navigation through results | Functional — can't use dialog without it |
+| S5 | 200ms debounce on input | Prevents API hammering (Polygon) |
+| S6 | Footer "Search using ISIN and CUSIP codes" | Part of the dialog |
+
+`SymbolInfo.type` is `string` (not union) — tab filter maps common values client-side: `stock/equity` to Stocks, `crypto` to Crypto, `forex/fx` to Forex, etc. Undefined `type` shows in "All" only.
+
+### 2B. Props interface — no breaking change
+
+```ts
+export interface SymbolSearchModalProps {
+  locale: string
+  searchSymbols: (query?: string) => Promise<SymbolInfo[]>
+  onSymbolSelected: (symbol: SymbolInfo) => void
+  onClose: () => void
+}
+```
+
+No change to `Datafeed.searchSymbols` signature — filtering by `type` happens client-side on returned results.
+
+### 2C. SCSS rewrite — `src/widget/symbol-search-modal/index.scss`
+
+- 840px width, max-height with internal scroll on results
+- Tab bar: horizontal scroll, 28px buttons, active underline
+- Result rows: 4-cell grid layout (ticker | description | exchange | actions)
+- Active row: `--astroneum-accent-tint` background
+- Footer: muted, 12px, centered
+
+### 2D. i18n — `src/i18n/en-US.json`
+
+New keys (en-US first, 17 other locales fall back):
+```json
+"symbol_search_all": "All",
+"symbol_search_stocks": "Stocks",
+"symbol_search_funds": "Funds",
+"symbol_search_futures": "Futures",
+"symbol_search_forex": "Forex",
+"symbol_search_crypto": "Crypto",
+"symbol_search_indices": "Indices",
+"symbol_search_bonds": "Bonds",
+"symbol_search_economy": "Economy",
+"symbol_search_options": "Options",
+"symbol_search_more": "More",
+"symbol_search_footer": "Search using ISIN and CUSIP codes"
+```
+
+### 2E. No subpath export needed
+
+`SymbolSearchModal` rides the root barrel (`src/index.ts:82`). No `src/entries/` or `package.json` change.
+
+### 2F. Demo consumer fix — `WatchlistPanel.tsx:219`
+
+Pass `locale` prop instead of hardcoded `"en-US"`.
+
+---
+
+## Phase 3: Watchlist — section group headers
+
+### 3A. `WatchlistManager.ts` — add `group` field
+
+```ts
+export interface WatchSymbol {
+  ticker: string
+  // ... existing fields ...
+  group?: string  // section header label (e.g. "US STOCK")
+}
+```
+
+`group` persists (not stripped by `_storedSymbol` — it's user-organized, not injected like quotes). Add to the whitelist in `_storedSymbol` (L196-206).
+
+### 3B. Render section dividers — `WatchlistPanel.tsx`
+
+When iterating sorted symbols, detect `group` changes and insert a non-interactive divider row with the group label text.
+
+### 3C. Divider row style — `panels.css`
+
+```css
+.term-wl-group-header {
+  padding: 8px 12px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--term-text-2);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  background: var(--term-panel-bg);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+```
+
+---
+
+## Phase 4: Docs Sync
+
+| File | Section | Change |
+|---|---|---|
+| `docs/TODO-DESIGN.md` | 7.6 | Symbol Search: update spec (840px, tabs, 4-cell rows) |
+| `docs/TODO-DESIGN.md` | 3b | Add section group header row |
+| `docs/TODO-DESIGN.md` | 11.10 | Symbol search result-state parity: mark progress |
+| `docs/design-astroneum.md` | Symbol Search Pill | Update width 640 to 840px, add tab + 4-cell row spec |
+| `docs/design-astroneum.md` | Watchlist Panel | Add section group headers |
+| `tv-mirror-reference/watchlist.md` | 2.4, 3, 8 | Fill `not captured` items from CDP |
+| `tv-mirror-reference/structure.md` | 4.1 | Update Symbol Search DOM |
+| `tv-mirror-reference/README.md` | Evidence table | Add new capture files |
+
+---
+
+## Phase 5: Verification
+
+```
+pnpm verify  (= pnpm lint && pnpm typecheck && pnpm build && pnpm test)
+```
+
+Must pass before any deploy. No deploy in this plan — implementation only.
+
+---
+
+## Execution Order
+
+1. Phase 1A — CDP capture scripts (2 new files in `tv-mirror-reference/`)
+2. Phase 2A-2F — Symbol Search rewrite (library: tsx + scss + i18n; demo: locale fix)
+3. Phase 3A-3C — Watchlist section group headers (library: `group` field; demo: divider rows + CSS)
+4. Phase 4 — Docs sync
+5. Phase 5 — `pnpm verify`
+
+---
+
+## Files Touched
+
+| File | Phase | Change |
+|---|---|---|
+| `tv-mirror-reference/cdp-symbol-search.js` | 1A | New — CDP capture script |
+| `tv-mirror-reference/cdp-watchlist.js` | 1A | New — CDP capture script |
+| `tv-mirror-reference/ref-symbol-search.html` | 1A | New — capture output |
+| `tv-mirror-reference/ref-watchlist.html` | 1A | New — capture output |
+| `tv-mirror-reference/structure.md` | 1B | Update 4.1 |
+| `tv-mirror-reference/watchlist.md` | 1B | Update 2.4, 3, 8 |
+| `tv-mirror-reference/README.md` | 1B | Update evidence table |
+| `src/widget/symbol-search-modal/index.tsx` | 2A | Rewrite — tabs, 4-cell rows, debounce, keyboard nav |
+| `src/widget/symbol-search-modal/index.scss` | 2C | Rewrite — 840px layout |
+| `src/i18n/en-US.json` | 2D | 12 new keys |
+| `demo/src/app/components/panels/WatchlistPanel.tsx` | 2F, 3B | Locale fix + section dividers |
+| `demo/src/app/components/panels/panels.css` | 3C | Group header style |
+| `src/chart/WatchlistManager.ts` | 3A | Add `group` field |
+| `docs/TODO-DESIGN.md` | 4 | Update 7.6, 3b, 11.10 |
+| `docs/design-astroneum.md` | 4 | Update Symbol Search + Watchlist sections |
+
+---
+
+## Risks
+
+| Risk | Mitigation |
+|---|---|
+| `SymbolInfo.type` is `string` not union — tab filter may miss non-standard values | Client-side filter: if `type` undefined, show in "All" only; map common values |
+| No debounce currently — Polygon API rate limits | 200ms debounce + cancel in-flight on new keystroke |
+| `group` field on `WatchSymbol` needs migration for existing localStorage | `_load()` already validates; add `group` with fallback `undefined` |