@stocksharp/trading-controls 1.1.0 → 1.2.0

package/dist/types/active-orders-widget.d.ts

@@ -10,8 +10,7 @@ export declare const OrderStates: {
     readonly Rejected: 6;
     readonly Cancelled: 7;
 };
-export interface ActiveOrdersDeps {
-    host: TradingHost;
+export interface ActiveOrdersActions {
     cancelOrder(orderId: number): void;
     dismissOrder(orderId: number): void;
     editOrderField(orderId: number, field: string): void;
@@ -19,12 +18,21 @@ export interface ActiveOrdersDeps {
     cancelAllOrders(): void;
     refreshOrders(): void;
 }
+export type ActiveOrdersDeps = ({
+    host: TradingHost;
+    readOnly?: false;
+} & ActiveOrdersActions) | {
+    host: TradingHost;
+    readOnly: true;
+};
 export declare class ActiveOrdersWidget {
     static TYPE: "activeOrders";
     rootEl: HTMLElement;
     el: HTMLElement | null;
     _host: TradingHost;
     _deps: ActiveOrdersDeps;
+    _readOnly: boolean;
+    _actions: ActiveOrdersActions | null;
     _closeBtn: HTMLElement | null;
     _cancelAllBtn: HTMLElement | null;
     _refreshBtn: HTMLElement | null;
@@ -32,7 +40,7 @@ export declare class ActiveOrdersWidget {
     _orders: OrderRow[];
     _grid: DataGrid<OrderRow> | null;
     static create(hostEl: HTMLElement, state: Record<string, unknown>, deps: ActiveOrdersDeps): ActiveOrdersWidget;
-    static _buildRoot(host: TradingHost): HTMLElement;
+    static _buildRoot(host: TradingHost, readOnly?: boolean): HTMLElement;
     constructor(rootEl: HTMLElement, _state: Record<string, unknown>, deps: ActiveOrdersDeps);
     dispose(): void;
     update(orders: OrderRow[]): void;

package/dist/types/active-orders-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-orders-widget.d.ts","sourceRoot":"","sources":["../../src/active-orders-widget.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAM1E,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAIX,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7F,eAAe,IAAI,IAAI,CAAC;IACxB,aAAa,IAAI,IAAI,CAAC;CACzB;AAED,qBAAa,kBAAkB;IAC3B,MAAM,CAAC,IAAI,iBAA6B;IAExC,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,WAAW,GAAG,IAAI,CAAC;IAEvB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAEjC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB,GAAG,kBAAkB;IAsB9G,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAuBrC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB;IAgExF,OAAO,IAAI,IAAI;IAQf,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQhC,OAAO,IAAI,IAAI;IASf,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAajC,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAQlC,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;IAI/C,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,IAAI;IAsCtF,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;IAyFlC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM;IAUzC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO;IAKzF,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,MAAM;IAM9F,eAAe,CAAC,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,IAAI;IAUhH,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAmB3C,aAAa,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;CAoBvC"}
+{"version":3,"file":"active-orders-widget.d.ts","sourceRoot":"","sources":["../../src/active-orders-widget.ts"],"names":[],"mappings":"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"}

package/dist/types/trade-history-widget.d.ts

@@ -3,6 +3,7 @@ import type { TradeRow } from './trading-data.js';
 import { DataGrid, GridColumn } from '@stocksharp/grids/data-grid';
 export interface TradeHistoryDeps {
     host: TradingHost;
+    readOnly?: boolean;
 }
 export declare class TradeHistoryWidget {
     static TYPE: "tradeHistory";
@@ -15,10 +16,11 @@ export declare class TradeHistoryWidget {
     _rows: TradeRow[];
     _grid: DataGrid<TradeRow> | null;
     static create(hostEl: HTMLElement, state: Record<string, unknown>, deps: TradeHistoryDeps): TradeHistoryWidget;
-    static _buildRoot(host: TradingHost): HTMLElement;
+    static _buildRoot(host: TradingHost, readOnly?: boolean): HTMLElement;
     constructor(rootEl: HTMLElement, _state: Record<string, unknown>, deps: TradeHistoryDeps);
     dispose(): void;
     refresh(): Promise<void>;
+    update(rows: TradeRow[]): void;
     _export(): void;
     _columns(): GridColumn<TradeRow>[];
 }

package/dist/types/trade-history-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trade-history-widget.d.ts","sourceRoot":"","sources":["../../src/trade-history-widget.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAI1E,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,WAAW,CAAC;CACrB;AAED,qBAAa,kBAAkB;IAC3B,MAAM,CAAC,IAAI,iBAA6B;IAExC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAE3B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAEjC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB,GAAG,kBAAkB;IAa9G,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAsBrC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB;IA8CxF,OAAO,IAAI,IAAI;IAsBT,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAgB9B,OAAO,IAAI,IAAI;IAMf,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;CA8DrC"}
+{"version":3,"file":"trade-history-widget.d.ts","sourceRoot":"","sources":["../../src/trade-history-widget.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAI1E,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,WAAW,CAAC;IAIlB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,qBAAa,kBAAkB;IAC3B,MAAM,CAAC,IAAI,iBAA6B;IAExC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAE3B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAEjC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB,GAAG,kBAAkB;IAa9G,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,UAAQ,GAAG,WAAW;gBAsBvD,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB;IA8CxF,OAAO,IAAI,IAAI;IAsBT,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAmB9B,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI;IAM9B,OAAO,IAAI,IAAI;IAMf,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;CA8DrC"}

package/dist/types/trading-host.d.ts

@@ -10,6 +10,7 @@ export interface TradingPresentation {
     isBuy(side: OrderSide): boolean;
     typeText(type: OrderType, limitPrice: number, stopPrice: number): string;
     statusText(status: OrderStatus): string;
+    timeText(value: string | number | Date): string;
     sideClass(side: OrderSide): string;
     pnlClass(pnl: number): string;
     canvasPalette(): CanvasPalette;

package/dist/types/trading-host.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trading-host.d.ts","sourceRoot":"","sources":["../../src/trading-host.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"trading-host.d.ts","sourceRoot":"","sources":["../../src/trading-host.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stocksharp/trading-controls",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Browser trading controls for StockSharp: order blotters, positions, trade history, watchlist and trade feed, each built against one host port and rendering its own DOM.",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
@@ -11,7 +11,7 @@
     "type": "git",
     "url": "git+https://github.com/StockSharp/JS-TradingControls.git"
   },
-  "homepage": "https://github.com/StockSharp/JS-TradingControls#readme",
+  "homepage": "https://stocksharp.com",
   "bugs": {
     "url": "https://github.com/StockSharp/JS-TradingControls/issues"
   },
@@ -136,7 +136,7 @@
     "release:major": "npm version major -m \"chore: release v%s\""
   },
   "dependencies": {
-    "@stocksharp/grids": "^1.1.0"
+    "@stocksharp/grids": "^1.1.1"
   },
   "devDependencies": {
     "@stocksharp/chart": "^0.2.3",

package/src/active-orders-widget.ts

@@ -34,10 +34,9 @@ export const OrderStates = {
     Cancelled: 7,
 } as const;
 
-/// What the blotter needs beyond the host port. All required: a panel that
-/// cannot cancel, modify or reload its orders is not this panel.
-export interface ActiveOrdersDeps {
-    host: TradingHost;
+/// The gestures that reach a venue. All required together: a panel that can
+/// cancel one order but not all of them is a panel half-wired.
+export interface ActiveOrdersActions {
     cancelOrder(orderId: number): void;
     dismissOrder(orderId: number): void;
     editOrderField(orderId: number, field: string): void;
@@ -46,6 +45,18 @@ export interface ActiveOrdersDeps {
     refreshOrders(): void;
 }
 
+/// What the blotter needs beyond the host port, in one of two shapes.
+///
+/// A live blotter carries every action, because a panel that cannot cancel,
+/// modify or reload its orders is not that panel. A read-only one carries none:
+/// over a finished run - a backtest report, an archived session - there is no
+/// venue left to reach, and the gestures that would reach it are not rendered
+/// rather than rendered and wired to nothing. The union states that, so a live
+/// consumer still cannot omit an action by accident.
+export type ActiveOrdersDeps =
+    | ({ host: TradingHost; readOnly?: false } & ActiveOrdersActions)
+    | { host: TradingHost; readOnly: true };
+
 export class ActiveOrdersWidget {
     static TYPE = ControlTypes.ActiveOrders;
 
@@ -54,6 +65,8 @@ export class ActiveOrdersWidget {
     // `//` rather than `///` from here down — see the note in positions-widget.
     _host: TradingHost;
     _deps: ActiveOrdersDeps;
+    _readOnly: boolean;
+    _actions: ActiveOrdersActions | null;
     _closeBtn: HTMLElement | null;
     _cancelAllBtn: HTMLElement | null;
     _refreshBtn: HTMLElement | null;
@@ -66,7 +79,7 @@ export class ActiveOrdersWidget {
         // host, so a missing host has to fail here rather than render a panel
         // captioned with raw English keys.
         const host = assertHost(deps?.host, 'ActiveOrdersWidget');
-        const root = ActiveOrdersWidget._buildRoot(host);
+        const root = ActiveOrdersWidget._buildRoot(host, deps?.readOnly === true);
         root.id = makePanelId(ActiveOrdersWidget.TYPE);
         hostEl.appendChild(root);
         return new ActiveOrdersWidget(root, state || {}, deps);
@@ -83,7 +96,7 @@ export class ActiveOrdersWidget {
     // already give the identical button — and are wired to deps. Cancel-all
     // keeps a distinct accessible name from its tooltip, which is why it states
     // `aria-label` rather than taking the tooltip for both.
-    static _buildRoot(host: TradingHost): HTMLElement {
+    static _buildRoot(host: TradingHost, readOnly = false): HTMLElement {
         return makePanelRoot('active-orders-panel', host.t('ActiveOrders'), [
             makeElement('div', 'panel-header', {}, [
                 makeElement('span', '', {}, [host.t('OpenOrders')]),
@@ -97,9 +110,11 @@ export class ActiveOrdersWidget {
                     ]),
                 ]),
                 makeElement('div', 'panel-rail', { role: 'toolbar', 'aria-label': host.t('ActiveOrdersActions') }, [
-                    makeIconButton('bt-icon-btn bt-icon-cancel-all panel-cancel-all-btn', host.t('CancelAll'), 'bi-x-circle',
-                        { 'aria-label': host.t('CancelAllOrders') }),
-                    makeIconButton('bt-icon-btn panel-refresh-btn', host.t('Refresh'), 'bi-arrow-clockwise', {}),
+                    ...(readOnly ? [] : [
+                        makeIconButton('bt-icon-btn bt-icon-cancel-all panel-cancel-all-btn', host.t('CancelAll'), 'bi-x-circle',
+                            { 'aria-label': host.t('CancelAllOrders') }),
+                        makeIconButton('bt-icon-btn panel-refresh-btn', host.t('Refresh'), 'bi-arrow-clockwise', {}),
+                    ]),
                     makeIconButton('bt-icon-btn panel-export-btn', host.t('ExportToExcel'), 'bi-file-earmark-spreadsheet', {}),
                 ]),
             ]),
@@ -108,9 +123,16 @@ export class ActiveOrdersWidget {
 
     constructor(rootEl: HTMLElement, _state: Record<string, unknown>, deps: ActiveOrdersDeps) {
         this._host = assertHost(deps?.host, 'ActiveOrdersWidget');
-        for (const name of ['cancelOrder', 'dismissOrder', 'editOrderField', 'replaceOrder', 'cancelAllOrders', 'refreshOrders'] as const) {
-            if (typeof deps?.[name] !== 'function')
-                throw new Error(`ActiveOrdersWidget: dep "${name}" is required`);
+        this._readOnly = deps?.readOnly === true;
+        if (this._readOnly) {
+            this._actions = null;
+        } else {
+            const actions = deps as ActiveOrdersActions;
+            for (const name of ['cancelOrder', 'dismissOrder', 'editOrderField', 'replaceOrder', 'cancelAllOrders', 'refreshOrders'] as const) {
+                if (typeof actions?.[name] !== 'function')
+                    throw new Error(`ActiveOrdersWidget: dep "${name}" is required`);
+            }
+            this._actions = actions;
         }
 
         this.rootEl = rootEl;
@@ -129,12 +151,12 @@ export class ActiveOrdersWidget {
 
         this._cancelAllBtn?.addEventListener('click', (e) => {
             e.preventDefault();
-            this._deps.cancelAllOrders();
+            this._actions?.cancelAllOrders();
         });
 
         this._refreshBtn?.addEventListener('click', (e) => {
             e.preventDefault();
-            this._deps.refreshOrders();
+            this._actions?.refreshOrders();
         });
 
         this._exportBtn?.addEventListener('click', (e) => {
@@ -246,7 +268,7 @@ export class ActiveOrdersWidget {
             if (newVal === currentValue) { this.update(this._orders); return; }
             const updated = { quantity: order.quantity, limitPrice: order.limitPrice, stopPrice: order.stopPrice };
             updated[field] = newVal;
-            this._deps.replaceOrder(orderId, updated.quantity!, updated.limitPrice!, updated.stopPrice!);
+            this._actions?.replaceOrder(orderId, updated.quantity!, updated.limitPrice!, updated.stopPrice!);
         };
         input.addEventListener('blur', commit);
         input.addEventListener('keydown', (e) => {
@@ -305,7 +327,7 @@ export class ActiveOrdersWidget {
                 exportable: true,
                 value: (o) => o.quantity,
                 render: (o) => formatQty(o.quantity),
-                cellClass: (o) => ActiveOrdersWidget._editableClass(o, 'quantity'),
+                cellClass: (o) => this._readOnly ? '' : ActiveOrdersWidget._editableClass(o, 'quantity'),
                 bindCell: (td, o) => this._bindInlineEdit(td, o, 'quantity'),
             },
             {
@@ -314,7 +336,7 @@ export class ActiveOrdersWidget {
                 exportable: true,
                 value: (o) => o.limitPrice,
                 render: (o) => o.limitPrice ? formatPrice(o.limitPrice) : label('MKT'),
-                cellClass: (o) => ActiveOrdersWidget._editableClass(o, 'limitPrice'),
+                cellClass: (o) => this._readOnly ? '' : ActiveOrdersWidget._editableClass(o, 'limitPrice'),
                 bindCell: (td, o) => this._bindInlineEdit(td, o, 'limitPrice'),
                 exportValue: (o) => o.limitPrice ?? label('MKT'),
             },
@@ -324,7 +346,7 @@ export class ActiveOrdersWidget {
                 exportable: true,
                 value: (o) => o.stopPrice,
                 render: (o) => o.stopPrice ? formatPrice(o.stopPrice) : '--',
-                cellClass: (o) => ActiveOrdersWidget._editableClass(o, 'stopPrice'),
+                cellClass: (o) => this._readOnly ? '' : ActiveOrdersWidget._editableClass(o, 'stopPrice'),
                 bindCell: (td, o) => this._bindInlineEdit(td, o, 'stopPrice'),
                 exportValue: (o) => o.stopPrice ?? '',
             },
@@ -336,14 +358,14 @@ export class ActiveOrdersWidget {
                 render: (o) => this._statusCell(o),
                 exportValue: (o) => presentation.statusText(o.status!),
             },
-            {
+            ...(this._readOnly ? [] : [{
                 key: 'actions',
                 header: label('Actions'),
                 headerHidden: true,
                 exportable: false,
                 cellClass: () => 'position-actions',
-                render: (o) => this._actionButton(o),
-            },
+                render: (o: OrderRow) => this._actionButton(o),
+            } as GridColumn<OrderRow>]),
         ];
     }
 
@@ -369,8 +391,9 @@ export class ActiveOrdersWidget {
     // Double-click to edit belongs to the whole cell rather than to a control
     // inside it, which is why it is wired here instead of returned by render().
     _bindInlineEdit(td: HTMLTableCellElement, order: OrderRow, field: 'quantity' | 'limitPrice' | 'stopPrice'): void {
-        if (!ActiveOrdersWidget._canEdit(order, field)) return;
-        td.addEventListener('dblclick', () => this._deps.editOrderField(order.id!, field));
+        if (this._actions === null || !ActiveOrdersWidget._canEdit(order, field)) return;
+        const edit = this._actions.editOrderField;
+        td.addEventListener('dblclick', () => edit(order.id!, field));
     }
 
     // Status text, plus a hoverable icon carrying the rejection reason. Some
@@ -412,8 +435,9 @@ export class ActiveOrdersWidget {
         icon.className = 'bi bi-x-circle';
         button.appendChild(icon);
         button.addEventListener('click', () => {
-            if (isTerminal) this._deps.dismissOrder(order.id!);
-            else this._deps.cancelOrder(order.id!);
+            if (this._actions === null) return;
+            if (isTerminal) this._actions.dismissOrder(order.id!);
+            else this._actions.cancelOrder(order.id!);
         });
         return button;
     }

package/src/trade-history-widget.ts

@@ -12,7 +12,7 @@
 // The table is `DataGrid` from `@stocksharp/grids`: the columns below are this
 // blotter's single declaration and the <thead> is left empty for the grid to
 // fill.
-import { formatPrice, formatQty, formatTime } from './formatters.js';
+import { formatPrice, formatQty } from './formatters.js';
 import { makeElement, makeIconButton, makePanelId, makePanelRoot } from './dom.js';
 import { ControlTypes } from './control-types.js';
 import { makeGridMenu } from './grid-menu.js';
@@ -24,6 +24,10 @@ import { DataGrid, GridColumn } from '@stocksharp/grids/source/data-grid';
 /// portfolio and its lifecycle all arrive through it.
 export interface TradeHistoryDeps {
     host: TradingHost;
+    /// A blotter over a finished run - a backtest report, an archived session.
+    /// There is no account to load from and nothing to reload, so the rows come
+    /// in through `update` and the refresh gesture is not rendered.
+    readOnly?: boolean;
 }
 
 export class TradeHistoryWidget {
@@ -44,7 +48,7 @@ export class TradeHistoryWidget {
         // host, so a missing host has to fail here rather than render a panel
         // captioned with raw English keys.
         const host = assertHost(deps?.host, 'TradeHistoryWidget');
-        const root = TradeHistoryWidget._buildRoot(host);
+        const root = TradeHistoryWidget._buildRoot(host, deps?.readOnly === true);
         root.id = makePanelId(TradeHistoryWidget.TYPE);
         hostEl.appendChild(root);
         return new TradeHistoryWidget(root, state || {}, deps);
@@ -52,7 +56,7 @@ export class TradeHistoryWidget {
 
     // The panel's markup. The host stylesheet reads this structure, and a
     // docking host lifts `.panel-header`'s children into its tab strip.
-    static _buildRoot(host: TradingHost): HTMLElement {
+    static _buildRoot(host: TradingHost, readOnly = false): HTMLElement {
         const title = host.t('TradeHistory');
         return makePanelRoot('trade-history-panel', title, [
             makeElement('div', 'panel-header', {}, [
@@ -67,7 +71,7 @@ export class TradeHistoryWidget {
                     ]),
                 ]),
                 makeElement('div', 'panel-rail', { role: 'toolbar', 'aria-label': host.t('TradeHistoryActions') }, [
-                    makeIconButton('bt-icon-btn panel-refresh-btn', host.t('Refresh'), 'bi-arrow-clockwise', {}),
+                    ...(readOnly ? [] : [makeIconButton('bt-icon-btn panel-refresh-btn', host.t('Refresh'), 'bi-arrow-clockwise', {})]),
                     makeIconButton('bt-icon-btn panel-export-btn', host.t('ExportToExcel'), 'bi-file-earmark-spreadsheet', {}),
                 ]),
             ]),
@@ -157,6 +161,15 @@ export class TradeHistoryWidget {
         }
     }
 
+    /// Show these rows. The push path, for a consumer that already holds the
+    /// trades - a finished run's report - rather than an account to load them
+    /// from. `refresh` is the pull path and the two do not mix: whichever ran
+    /// last is what the grid shows.
+    update(rows: TradeRow[]): void {
+        this._rows = rows || [];
+        this._grid?.setRows(this._rows);
+    }
+
     // Export the table to .xlsx in the currently rendered (sorted) order.
     _export(): void {
         this._grid?.download('trades', this._host.t('TradeHistory'));
@@ -184,8 +197,8 @@ export class TradeHistoryWidget {
                 header: label('Time'),
                 exportable: true,
                 value: (t) => t.executedAt || t.time,
-                render: (t) => formatTime(t.executedAt || t.time),
-                exportValue: (t) => formatTime(t.executedAt || t.time),
+                render: (t) => presentation.timeText(t.executedAt || t.time!),
+                exportValue: (t) => presentation.timeText(t.executedAt || t.time!),
             },
             {
                 key: 'symbol',

package/src/tradefeed-widget.ts

@@ -20,7 +20,7 @@
 // geometry comes out of `tradefeed-bubbles.ts` as numbers and its colours out
 // of the host's `canvasPalette()`, so the package still paints nothing from a
 // palette of its own.
-import { formatPrice, formatQty, formatTime } from './formatters.js';
+import { formatPrice, formatQty } from './formatters.js';
 import { makeElement, makeIconButton, makePanelId, makePanelRoot } from './dom.js';
 import { ControlTypes } from './control-types.js';
 import { makeGridMenu } from './grid-menu.js';
@@ -372,7 +372,7 @@ export class TradeFeedWidget {
                 header: label('Time'),
                 exportable: true,
                 value: (t) => String(t.time || t.executedAt || ''),
-                render: (t) => formatTime(t.time || t.executedAt),
+                render: (t) => this._host.presentation.timeText(t.time || t.executedAt!),
             },
             {
                 key: 'symbol',
@@ -708,7 +708,7 @@ export class TradeFeedWidget {
 
         const lines: HTMLElement[] = [];
         if (this._extraSymbols.size > 0) lines.push(this._tooltipLine(this._host.t('Symbol'), bubble.symbol, ''));
-        lines.push(this._tooltipLine(this._host.t('Time'), formatTime(bubble.time), ''));
+        lines.push(this._tooltipLine(this._host.t('Time'), this._host.presentation.timeText(bubble.time), ''));
         lines.push(this._tooltipLine(aggregated ? this._host.t('VWAP') : this._host.t('Price'), formatPrice(bubble.price), ''));
         lines.push(this._tooltipLine(aggregated ? this._host.t('Total qty') : this._host.t('Qty'), formatQty(bubble.quantity), ''));
         lines.push(this._tooltipLine(this._host.t('Side'), presentation.sideText(side), presentation.sideClass(side)));

package/src/trading-host.ts

@@ -86,6 +86,13 @@ export interface TradingPresentation {
     typeText(type: OrderType, limitPrice: number, stopPrice: number): string;
     /// Localized order status.
     statusText(status: OrderStatus): string;
+    /// A moment, worded. The host owns this for the same reason it owns a side or a
+    /// status: what a time should read as is not a property of the data. A live tape wants
+    /// the time of day in the reader's own zone; a blotter over a finished run wants the
+    /// date too, and in the zone the run was recorded in, or every row reads as the same
+    /// unplaceable day. `formatTime` is this package's tape answer, exported so a host that
+    /// wants exactly that need not restate it.
+    timeText(value: string | number | Date): string;
     /// CSS class colouring a cell by side. The shipped stylesheet styles
     /// `side-buy` and `side-sell`; a host on its own palette may answer with
     /// its own names and style those instead.
@@ -271,6 +278,7 @@ export function assertHost(host: TradingHost, controlName: string): TradingHost
     _required(host.presentation.isBuy, 'host.presentation.isBuy', 'function', controlName);
     _required(host.presentation.typeText, 'host.presentation.typeText', 'function', controlName);
     _required(host.presentation.statusText, 'host.presentation.statusText', 'function', controlName);
+    _required(host.presentation.timeText, 'host.presentation.timeText', 'function', controlName);
     _required(host.presentation.sideClass, 'host.presentation.sideClass', 'function', controlName);
     _required(host.presentation.pnlClass, 'host.presentation.pnlClass', 'function', controlName);
     _required(host.presentation.canvasPalette, 'host.presentation.canvasPalette', 'function', controlName);