@forgecharts/sdk 1.3.2 → 1.3.3

package/dist/react/index.js

@@ -10613,7 +10613,9 @@ var TRADING_FEATURE_KEYS = /* @__PURE__ */ new Set([
   "draggableOrders",
   "bracketOrders",
   "trailingStops",
-  "positionsOverlay"
+  "positionsOverlay",
+  "depthOfMarket",
+  "tradingPanel"
 ]);
 
 // src/licensing/capabilityMatrix.ts
@@ -10965,6 +10967,14 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
   canUseDataExport() {
     return this.#featureOrDefault("dataExport", true);
   }
+  /** Continuous futures roll rules + contract-switch handling. */
+  canUseContinuousContracts() {
+    return this.#featureOrDefault("continuousContracts", true);
+  }
+  /** Regular/Extended trading-hours session filtering. */
+  canUseSessionHours() {
+    return this.#featureOrDefault("sessionHours", true);
+  }
   // ── Trading capability queries (managed-only by default) ────────────────────
   /**
    * Built-in order entry UI hooks.
@@ -11041,6 +11051,23 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
     if (this.#isCoreTier()) return false;
     return this.#featureOrDefault("positionsOverlay", true);
   }
+  /**
+   * DOM price ladder. Managed deployments only — there is no unmanaged
+   * depth-feed contract, so this is additionally vetoed off-managed.
+   */
+  canUseDepthOfMarket() {
+    if (!this.isManagedMode()) return false;
+    if (this.#isCoreTier()) return false;
+    return this.#featureOrDefault("depthOfMarket", true);
+  }
+  /**
+   * Built-in positions/orders/history journal panel. Trading-tier feature,
+   * gated on productTier (not deploymentMode).
+   */
+  canUseTradingPanel() {
+    if (this.#isCoreTier()) return false;
+    return this.#featureOrDefault("tradingPanel", true);
+  }
   // ── Scripting capability queries ────────────────────────────────────────────
   /** ForgeScript scripting engine. */
   canUseForgeScript() {
@@ -11164,6 +11191,8 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
       realtimeData: this.canUseRealtimeData(),
       multipleProviders: this.canUseMultipleProviders(),
       dataExport: this.canUseDataExport(),
+      continuousContracts: this.canUseContinuousContracts(),
+      sessionHours: this.canUseSessionHours(),
       // ── Trading features ────────────────────────────────────────────────
       orderEntry: this.canUseOrderEntry(),
       managedTrading: this.canUseManagedTrading(),
@@ -11171,6 +11200,8 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
       bracketOrders: this.canUseBracketOrders(),
       trailingStops: this.canUseTrailingStops(),
       positionsOverlay: this.canUsePositionsOverlay(),
+      depthOfMarket: this.canUseDepthOfMarket(),
+      tradingPanel: this.canUseTradingPanel(),
       // ── Scripting features ──────────────────────────────────────────────
       forgeScript: this.canUseForgeScript(),
       customIndicators: this.canUseCustomIndicators(),
@@ -11211,6 +11242,13 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
   }
 };
 var resolver = () => ChartRuntimeResolver.getInstance();
+var canUseExtendedDrawings = () => resolver().canUseExtendedDrawings();
+var canUseMultiPane = () => resolver().canUseMultiPane();
+var canUseDraggableOrders = () => resolver().canUseDraggableOrders();
+var canUseBracketOrders = () => resolver().canUseBracketOrders();
+var canUsePositionsOverlay = () => resolver().canUsePositionsOverlay();
+var canUseForgeScript = () => resolver().canUseForgeScript();
+var canUseCustomIndicators = () => resolver().canUseCustomIndicators();
 var canUseExternalIngestion = () => resolver().canUseExternalIngestion();
 var getCapabilities = () => resolver().getCapabilities();
 
@@ -11867,7 +11905,16 @@ var TChart = class _TChart {
   static OVERLAY_ONLY = /* @__PURE__ */ new Set(["bbands", "vwap", "sma", "ema", "wma"]);
   addIndicator(config) {
     this._assertAlive();
-    const finalConfig = _TChart.OVERLAY_ONLY.has(config.type) && config.overlay !== true ? { ...config, overlay: true } : config;
+    if (config.type === "script" && !canUseForgeScript()) {
+      throw new Error(
+        "[ForgeCharts] ForgeScript indicators are not enabled on the active license. Contact your license provider to enable the forgeScript feature."
+      );
+    }
+    let finalConfig = _TChart.OVERLAY_ONLY.has(config.type) && config.overlay !== true ? { ...config, overlay: true } : config;
+    if (finalConfig.overlay !== true && !canUseMultiPane()) {
+      console.warn("[ForgeCharts] multiPane is not enabled on the active license \u2014 indicator added as a price-pane overlay instead.");
+      finalConfig = { ...finalConfig, overlay: true };
+    }
     const id = this._indicators.add(finalConfig);
     if (finalConfig.overlay !== true) {
       const label = _indicatorTypeLabel(finalConfig.type);
@@ -11927,6 +11974,10 @@ var TChart = class _TChart {
    */
   moveIndicatorToPane(id, targetPaneId) {
     this._assertAlive();
+    if (!canUseMultiPane()) {
+      console.warn("[ForgeCharts] multiPane is not enabled on the active license \u2014 indicator stays on the price pane.");
+      return;
+    }
     const inst = this._indicators.get(id);
     if (!inst) return;
     const oldPaneId = this._panes.getPanes().find((p) => p.indicatorIds.includes(id))?.id;
@@ -11998,12 +12049,49 @@ var TChart = class _TChart {
     this._core.setDrawings(this._drawings.all());
     this._core.markDirty();
   }
+  /**
+   * Drawing tools in the "extended" library — gated by the `extendedDrawings`
+   * plan feature. Basic tools (trend lines, rays, channels, h/v lines, text,
+   * shapes) are covered by `drawingTools` alone; the catalog's description of
+   * extendedDrawings is "Gann, Fibonacci, pitchforks, spirals, arcs" plus the
+   * forecasting/measurement tools.
+   */
+  static EXTENDED_DRAWING_TOOLS = /* @__PURE__ */ new Set([
+    "fibRetracement",
+    "trendBasedFibExtension",
+    "fibChannel",
+    "fibTimeZone",
+    "fibSpeedResistanceFan",
+    "trendBasedFibTime",
+    "fibCircles",
+    "fibSpiral",
+    "fibSpeedResistanceArcs",
+    "fibWedge",
+    "pitchfan",
+    "pitchfork",
+    "schiffPitchfork",
+    "modifiedSchiffPitchfork",
+    "insidePitchfork",
+    "gannBox",
+    "gannSquareFixed",
+    "gannSquare",
+    "gannFan",
+    "longPosition",
+    "shortPosition",
+    "priceRange",
+    "dateRange"
+  ]);
   /**
    * Activates a drawing tool. Clicks will place anchors on the chart.
    * The tool remains active after each commit (auto-repeat). Press Escape to cancel.
+   * Extended-library tools require the `extendedDrawings` plan feature.
    */
   startDrawingTool(type) {
     this._assertAlive();
+    if (_TChart.EXTENDED_DRAWING_TOOLS.has(type) && !canUseExtendedDrawings()) {
+      console.warn(`[ForgeCharts] Drawing tool '${type}' requires the extendedDrawings feature, which is not enabled on the active license.`);
+      return;
+    }
     this._core.startDrawingTool(type);
   }
   /** Cancels an active drawing tool and returns to cursor mode. */
@@ -12352,15 +12440,23 @@ var TChart = class _TChart {
     this._core.markDirty();
   }
   // ─ Positions ──
-  /** Replace the entire position set on the chart overlay. */
+  /** Replace the entire position set on the chart overlay. Requires the `positionsOverlay` plan feature. */
   setPositions(positions) {
     this._assertAlive();
+    if (!canUsePositionsOverlay()) {
+      console.warn("[ForgeCharts] positionsOverlay is not enabled on the active license \u2014 positions not rendered.");
+      return;
+    }
     this._overlayStore.setPositions(positions);
     this._core.markDirty();
   }
-  /** Insert or update a single position (matched by `position.id`). */
+  /** Insert or update a single position (matched by `position.id`). Requires the `positionsOverlay` plan feature. */
   upsertPosition(position) {
     this._assertAlive();
+    if (!canUsePositionsOverlay()) {
+      console.warn("[ForgeCharts] positionsOverlay is not enabled on the active license \u2014 position not rendered.");
+      return;
+    }
     this._overlayStore.upsertPosition(position);
     this._core.markDirty();
   }
@@ -17654,6 +17750,55 @@ var DEMONSTRATION_RADIUS = 44;
 var DEMONSTRATION_FILL = "rgba(255, 200, 50, 0.18)";
 var DEMONSTRATION_STROKE = "rgba(255, 200, 50, 0.7)";
 var DEMONSTRATION_COLOR = "var(--crosshair-overlay, rgba(255,255,255,0.75))";
+function applyRuntimeConfig(caps, config) {
+  if (!config) return caps;
+  const orderEntry = config.enableOrderEntry === false ? false : caps.orderEntry;
+  const draggableOrders = config.enableDraggableOrders === false ? false : caps.draggableOrders;
+  const bracketOrders = config.enableBracketOrders === false ? false : caps.bracketOrders;
+  const managedTrading = config.enableManagedTrading === false ? false : caps.managedTrading;
+  const trailingStops = config.enableTrailingStops === false ? false : caps.trailingStops;
+  const indicators = config.enableIndicators === false ? false : caps.indicators;
+  const drawingTools = config.enableDrawingTools === false ? false : caps.drawingTools;
+  const multiPane = config.enableMultiPane === false ? false : caps.multiPane;
+  const barReplay = config.enableBarReplay === false ? false : caps.barReplay;
+  const forgeScript = config.enableForgeScript === false ? false : caps.forgeScript;
+  const aiAgent = config.enableAiAgent === false ? false : caps.aiAgent;
+  const multiChartLayout = config.enableMultiChartLayout === false ? false : caps.multiChartLayout;
+  return {
+    ...caps,
+    orderEntry,
+    draggableOrders,
+    bracketOrders,
+    managedTrading,
+    trailingStops,
+    indicators,
+    drawingTools,
+    multiPane,
+    barReplay,
+    forgeScript,
+    aiAgent,
+    multiChartLayout,
+    // Recalculate derived render flags from the updated feature flags.
+    renderOrderEntry: orderEntry,
+    renderBuySellButtons: orderEntry,
+    renderOrderTicket: orderEntry,
+    renderBracketControls: orderEntry && bracketOrders,
+    renderOrderModificationControls: orderEntry && draggableOrders,
+    renderManagedTradingControls: managedTrading,
+    renderIndicators: indicators,
+    renderDrawings: drawingTools
+  };
+}
+function useChartCapabilities(config) {
+  const [licCaps, setLicCaps] = useState(() => getCapabilities());
+  useEffect(() => {
+    const unsub = LicenseManager.getInstance().subscribe(() => {
+      setLicCaps(getCapabilities());
+    });
+    return unsub;
+  }, []);
+  return useMemo(() => applyRuntimeConfig(licCaps, config), [licCaps, config]);
+}
 
 // src/react/assets/logo_dark.png
 var logo_dark_default = "../logo_dark-B2KCSRPJ.png";
@@ -18727,7 +18872,7 @@ function nextRenewalDate(subscribedAt) {
   const periods = Math.floor((now - start) / MS_30D);
   return new Date(start + (periods + 1) * MS_30D);
 }
-function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick, onLogout, magnetMode, onMagnetModeChange, user, getAuthToken, apiUrl, containerRef, showDrawingTools }) {
+function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick, onLogout, magnetMode, onMagnetModeChange, user, getAuthToken, apiUrl, containerRef, showDrawingTools, showExtendedDrawings }) {
   const [favorites, setFavorites] = useState(drawingFavorites ?? []);
   const [profileOpen, setProfileOpen] = useState(false);
   const [profileTab, setProfileTab] = useState("profile");
@@ -19065,7 +19210,7 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
                 onFavoritesChange: handleFavoritesChange
               }
             ),
-            /* @__PURE__ */ jsx(
+            showExtendedDrawings !== false && /* @__PURE__ */ jsx(
               FibGannGroup,
               {
                 activeTool,
@@ -19102,34 +19247,36 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
                 onFavoritesChange: handleFavoritesChange
               }
             ),
-            /* @__PURE__ */ jsx(
-              ToolFlyoutGroup,
-              {
-                items: FORECAST_ITEMS,
-                toolSet: FORECAST_TOOLS,
-                itemMap: FORECAST_ITEM_MAP,
-                defaultTool: "longPosition",
-                groupTitle: "Forecasting",
-                activeTool,
-                favorites,
-                onSelectTool,
-                onFavoritesChange: handleFavoritesChange
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ToolFlyoutGroup,
-              {
-                items: MEASURER_ITEMS,
-                toolSet: MEASURER_TOOLS,
-                itemMap: MEASURER_ITEM_MAP,
-                defaultTool: "priceRange",
-                groupTitle: "Measurers",
-                activeTool,
-                favorites,
-                onSelectTool,
-                onFavoritesChange: handleFavoritesChange
-              }
-            ),
+            showExtendedDrawings !== false && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                ToolFlyoutGroup,
+                {
+                  items: FORECAST_ITEMS,
+                  toolSet: FORECAST_TOOLS,
+                  itemMap: FORECAST_ITEM_MAP,
+                  defaultTool: "longPosition",
+                  groupTitle: "Forecasting",
+                  activeTool,
+                  favorites,
+                  onSelectTool,
+                  onFavoritesChange: handleFavoritesChange
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolFlyoutGroup,
+                {
+                  items: MEASURER_ITEMS,
+                  toolSet: MEASURER_TOOLS,
+                  itemMap: MEASURER_ITEM_MAP,
+                  defaultTool: "priceRange",
+                  groupTitle: "Measurers",
+                  activeTool,
+                  favorites,
+                  onSelectTool,
+                  onFavoritesChange: handleFavoritesChange
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx(
               MagnetTool,
               {
@@ -22158,6 +22305,7 @@ var ChartCanvas = forwardRef(
     const [error, setError] = useState(null);
     const [bars, setBars] = useState([]);
     const [panes, setPanes] = useState([]);
+    const capabilities = useChartCapabilities();
     const [indicators, setIndicators] = useState([]);
     const [totalHeight, setTotalHeight] = useState(600);
     const [activeTool, setActiveTool] = useState(initialActiveTool ?? "cursor");
@@ -22214,6 +22362,10 @@ var ChartCanvas = forwardRef(
     onOrderDragEndRef.current = onOrderDragEnd;
     const onTpSlCreateRef = useRef(onTpSlCreate);
     onTpSlCreateRef.current = onTpSlCreate;
+    const tradingBridgeRef = useRef(tradingBridge);
+    tradingBridgeRef.current = tradingBridge;
+    const symbolRef = useRef(symbol);
+    symbolRef.current = symbol;
     const dagRef = useRef(null);
     const [computedResults, setComputedResults] = useState(
       () => /* @__PURE__ */ new Map()
@@ -22346,10 +22498,48 @@ var ChartCanvas = forwardRef(
         onPositionClickRef.current?.(positionId);
       });
       chart.on("orderDragEnd", ({ orderId, newPrice }) => {
-        onOrderDragEndRef.current?.(orderId, newPrice);
+        if (onOrderDragEndRef.current) {
+          onOrderDragEndRef.current(orderId, newPrice);
+          return;
+        }
+        const bridge = tradingBridgeRef.current;
+        if (!bridge) return;
+        const order = chart.getTradingOverlayStore()?.getOrders().find((o) => o.id === orderId);
+        const isBracketLeg = order?.role === "take_profit" || order?.role === "stop_loss";
+        if (isBracketLeg) {
+          if (!canUseBracketOrders()) return;
+          void bridge.onBracketAdjustIntent?.({
+            type: "bracket_adjust",
+            entryOrderId: order?.groupId ?? orderId,
+            symbol: symbolRef.current,
+            ...order?.role === "stop_loss" ? { stopLossPrice: newPrice } : { takeProfitPrice: newPrice },
+            timestamp: Date.now()
+          });
+        } else {
+          if (!canUseDraggableOrders()) return;
+          void bridge.onModifyOrderIntent?.({
+            type: "modify",
+            orderId,
+            symbol: symbolRef.current,
+            limitPrice: newPrice,
+            timestamp: Date.now()
+          });
+        }
       });
       chart.on("tpSlCreate", ({ entryOrderId, kind, price }) => {
-        onTpSlCreateRef.current?.(entryOrderId, kind, price);
+        if (onTpSlCreateRef.current) {
+          onTpSlCreateRef.current(entryOrderId, kind, price);
+          return;
+        }
+        const bridge = tradingBridgeRef.current;
+        if (!bridge || !canUseBracketOrders()) return;
+        void bridge.onBracketAdjustIntent?.({
+          type: "bracket_adjust",
+          entryOrderId,
+          symbol: symbolRef.current,
+          ...kind === "sl" ? { stopLossPrice: price } : { takeProfitPrice: price },
+          timestamp: Date.now()
+        });
       });
       if (layoutToRestore) {
         try {
@@ -22472,7 +22662,7 @@ var ChartCanvas = forwardRef(
     }, [initialCanvasSettings]);
     useEffect(() => {
       const chart = chartRef.current;
-      if (!chart || !canvasSettings.showContractSwitches) {
+      if (!chart || !canvasSettings.showContractSwitches || !capabilities.continuousContracts) {
         chart?.setContractSwitches([]);
         contractSwitchesRef.current = [];
         return;
@@ -22509,7 +22699,7 @@ var ChartCanvas = forwardRef(
       return () => {
         cancelled = true;
       };
-    }, [symbol, apiUrl, canvasSettings.showContractSwitches, providerKey]);
+    }, [symbol, apiUrl, canvasSettings.showContractSwitches, providerKey, capabilities.continuousContracts]);
     useEffect(() => {
       if (!dagRef.current) dagRef.current = new IndicatorDAG();
       const dag = dagRef.current;
@@ -23248,7 +23438,8 @@ var ChartCanvas = forwardRef(
                 onDrawingFavoritesChange?.(favs);
               },
               containerRef: outerRef,
-              showDrawingTools,
+              showDrawingTools: showDrawingTools !== false && capabilities.drawingTools,
+              showExtendedDrawings: capabilities.extendedDrawings,
               ...onLogout ? { onLogout } : {},
               ...user ? { user } : {},
               ...getAuthToken ? { getAuthToken } : {},
@@ -24857,7 +25048,7 @@ function IndicatorsDialog({ onAdd, onClose, maxIndicators, getAuthToken }) {
         /* @__PURE__ */ jsx("line", { x1: "10", y1: "2", x2: "2", y2: "10" })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "ind-source-tabs", children: ["built-in", "community", "store"].map((tab) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "ind-source-tabs", children: (canUseCustomIndicators() ? ["built-in", "community", "store"] : ["built-in"]).map((tab) => /* @__PURE__ */ jsxs(
       "button",
       {
         className: `ind-source-tab${tab === sourceTab ? " active" : ""}`,
@@ -25925,8 +26116,8 @@ function _formatClock(timezone) {
     }).format(now);
   }
 }
-function BottomToolbar({ symbol, timezone, onTimezoneChange, session, onSessionChange, onToggleScriptDrawer, scriptDrawerOpen, showScriptButton, tradingPanelOpen, onToggleTradingPanel, rithmicConnected }) {
-  const showSession = symbolSupportsSession(symbol);
+function BottomToolbar({ symbol, timezone, onTimezoneChange, session, onSessionChange, onToggleScriptDrawer, scriptDrawerOpen, showScriptButton, showSessionSelector, tradingPanelOpen, onToggleTradingPanel, rithmicConnected }) {
+  const showSession = symbolSupportsSession(symbol) && showSessionSelector !== false;
   const [open, setOpen] = useState(false);
   const [sessionOpen, setSessionOpen] = useState(false);
   const rootRef = useRef(null);
@@ -26169,6 +26360,8 @@ function sideBadge(side) {
 function BottomTradingPanel({
   apiUrl,
   authToken,
+  overlayStore,
+  overlaySymbol,
   refreshTick,
   visible,
   onToggle,
@@ -26196,7 +26389,7 @@ function BottomTradingPanel({
     };
   }, []);
   const fetchData = useCallback(async () => {
-    if (!authToken) return;
+    if (overlayStore || !authToken || !apiUrl) return;
     setLoading(true);
     const headers = { Authorization: `Bearer ${authToken}` };
     try {
@@ -26214,15 +26407,69 @@ function BottomTradingPanel({
     } finally {
       if (mountedRef.current) setLoading(false);
     }
-  }, [apiUrl, authToken]);
+  }, [apiUrl, authToken, overlayStore]);
   useEffect(() => {
     if (visible) fetchData();
   }, [visible, fetchData, refreshTick]);
   useEffect(() => {
-    if (!visible) return;
+    if (!visible || overlayStore) return;
     const id = setInterval(fetchData, 5e3);
     return () => clearInterval(id);
-  }, [visible, fetchData]);
+  }, [visible, fetchData, overlayStore]);
+  useEffect(() => {
+    if (!overlayStore) return;
+    const toIso = (ts) => ts === void 0 ? "" : typeof ts === "number" ? new Date(ts).toISOString() : ts;
+    const sym = overlaySymbol ?? "\u2014";
+    const mirror = () => {
+      if (!mountedRef.current) return;
+      setOrders(overlayStore.getOrders().map((o) => ({
+        id: o.id,
+        client_ref: o.id,
+        broker_order_id: o.id,
+        symbol: sym,
+        side: o.side,
+        order_type: o.role,
+        qty: o.qty,
+        filled_qty: 0,
+        avg_fill_price: null,
+        limit_price: o.price,
+        stop_price: null,
+        status: o.status,
+        reject_reason: null,
+        account_id: null,
+        parent_order_id: o.groupId ?? null,
+        created_at: toIso(o.timestamp),
+        updated_at: toIso(o.timestamp)
+      })));
+      setPositions(overlayStore.getPositions().map((p) => ({
+        id: p.id,
+        symbol: sym,
+        side: p.side,
+        qty: p.qty,
+        entry_price: p.entryPrice,
+        exit_price: null,
+        realized_pnl: null,
+        // ChartPosition additionally has 'partial' — the journal shows it as open.
+        status: p.status === "closed" ? "closed" : "open",
+        account_id: null,
+        opened_at: "",
+        closed_at: null
+      })));
+      setExecutions(overlayStore.getFills().map((f) => ({
+        id: f.id,
+        order_id: f.orderId ?? null,
+        broker_order_id: null,
+        symbol: sym,
+        side: f.side,
+        fill_qty: f.qty,
+        fill_price: f.price,
+        commission: null,
+        executed_at: toIso(f.timestamp)
+      })));
+    };
+    mirror();
+    return overlayStore.onChange(mirror);
+  }, [overlayStore, overlaySymbol]);
   const isDev = typeof import.meta !== "undefined" && import.meta.env?.MODE === "development" || typeof process !== "undefined" && process.env?.NODE_ENV === "development";
   const [clearing, setClearing] = useState(false);
   const handleClearAll = useCallback(async () => {
@@ -26338,7 +26585,7 @@ function BottomTradingPanel({
             ] })
           ] }),
           /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-          isDev && /* @__PURE__ */ jsx(
+          isDev && !overlayStore && /* @__PURE__ */ jsx(
             "button",
             {
               onClick: handleClearAll,
@@ -26690,6 +26937,1087 @@ function EmptyState({ text }) {
     fontSize: 12
   }, children: text });
 }
+var MIN_RETRY_MS = 2e3;
+var MAX_RETRY_MS = 3e4;
+function useBrokerEvents({
+  apiUrl,
+  getAuthToken,
+  onEvent,
+  enabled = true
+}) {
+  const onEventRef = useRef(onEvent);
+  onEventRef.current = onEvent;
+  useEffect(() => {
+    if (!enabled) return;
+    let active = true;
+    let retryDelay = MIN_RETRY_MS;
+    const controller = new AbortController();
+    async function connect() {
+      while (active) {
+        try {
+          const headers = { Accept: "text/event-stream" };
+          if (getAuthToken) {
+            const token = await getAuthToken();
+            headers["Authorization"] = `Bearer ${token}`;
+          }
+          const resp = await fetch(`${apiUrl}/api/broker/events`, {
+            headers,
+            signal: controller.signal
+          });
+          if (!resp.ok || !resp.body) {
+            await sleep(retryDelay, controller.signal);
+            retryDelay = Math.min(retryDelay * 2, MAX_RETRY_MS);
+            continue;
+          }
+          retryDelay = MIN_RETRY_MS;
+          const reader = resp.body.getReader();
+          const decoder = new TextDecoder();
+          let buffer = "";
+          while (active) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            buffer += decoder.decode(value, { stream: true });
+            const lines = buffer.split("\n");
+            buffer = lines.pop() ?? "";
+            for (const line of lines) {
+              if (line.startsWith("data: ")) {
+                try {
+                  const payload = JSON.parse(line.slice(6));
+                  onEventRef.current(payload);
+                } catch {
+                }
+              }
+            }
+          }
+        } catch (err) {
+          if (!active) break;
+          if (err instanceof Error && err.name === "AbortError") break;
+          await sleep(retryDelay, controller.signal);
+          retryDelay = Math.min(retryDelay * 2, MAX_RETRY_MS);
+        }
+      }
+    }
+    void connect();
+    return () => {
+      active = false;
+      controller.abort();
+    };
+  }, [apiUrl, enabled]);
+}
+function sleep(ms, signal) {
+  return new Promise((resolve, reject) => {
+    const id = setTimeout(resolve, ms);
+    signal?.addEventListener("abort", () => {
+      clearTimeout(id);
+      reject(new DOMException("Aborted", "AbortError"));
+    }, { once: true });
+  });
+}
+var ORDER_TYPES = [
+  { value: "market", label: "Market" },
+  { value: "limit", label: "Limit" },
+  { value: "stop_market", label: "Stop Market" },
+  { value: "stop_limit", label: "Stop Limit" },
+  { value: "trailing_stop", label: "Trailing Stop" }
+];
+var ORDER_TYPE_HINTS = {
+  market: "Executes immediately at best available price",
+  limit: "Executes at your price or better",
+  stop_market: "Market order triggered when stop price is hit",
+  stop_limit: "Limit order triggered when stop price is hit",
+  trailing_stop: "Stop that trails price by the specified number of ticks"
+};
+var TIF_OPTIONS = [
+  { value: "DAY", label: "DAY \u2014 Good for Day" },
+  { value: "GTC", label: "GTC \u2014 Good till Cancel" },
+  { value: "IOC", label: "IOC \u2014 Immediate or Cancel" },
+  { value: "FOK", label: "FOK \u2014 Fill or Kill" }
+];
+var SYMBOL_INFO_DEFAULT = { tickSize: 0.25, isFutures: false };
+function getDisplayTickSizeFallback(sym) {
+  const base = sym.includes(":") ? sym.slice(sym.indexOf(":") + 1) : sym.split(".")[0] ?? sym;
+  const root = base.replace(/[FGHJKMNQUVXZ]\d{1,4}$/, "").toUpperCase();
+  const DISPLAY_FALLBACKS = {
+    ES: 0.25,
+    MES: 0.25,
+    NQ: 0.25,
+    MNQ: 0.25,
+    RTY: 0.1,
+    M2K: 0.1,
+    YM: 1,
+    MYM: 1,
+    CL: 0.01,
+    MCL: 0.01,
+    NG: 1e-3,
+    GC: 0.1,
+    MGC: 0.1,
+    SI: 5e-3,
+    ZB: 0.03125,
+    ZN: 0.015625,
+    ZF: 78125e-7,
+    ZT: 390625e-8,
+    ZC: 0.25,
+    ZS: 0.25,
+    ZW: 0.25,
+    HE: 25e-5,
+    LE: 25e-5
+  };
+  return DISPLAY_FALLBACKS[root] ?? 0.25;
+}
+function detectFuturesDisplayHint(sym) {
+  if (sym.includes(".")) return true;
+  const colon = sym.indexOf(":");
+  const ticker = colon > 0 ? sym.slice(colon + 1) : sym;
+  return /^[A-Z0-9]+[FGHJKMNQUVXZ]\d{1,4}$/.test(ticker);
+}
+function stripPrefix(sym) {
+  if (!sym) return "";
+  const colon = sym.indexOf(":");
+  return colon > 0 ? sym.slice(colon + 1) : sym;
+}
+function OrderEntryPanel({
+  sessionId,
+  brokerSlug,
+  accounts,
+  selectedAccountId,
+  defaultSymbol = "",
+  apiUrl = "",
+  getAuthToken,
+  connecting = false,
+  connectionError,
+  onRetryConnect,
+  onChangeAccount,
+  onClose,
+  presets,
+  onSavePreset,
+  onLoadPreset,
+  onClosePosition,
+  onCancelOrders,
+  onReverse,
+  onFlattenAll,
+  onPlaceOrder,
+  onPlaceBracketOrder,
+  onDisconnect,
+  onConnect,
+  disconnected = false,
+  symbolResolver,
+  onSymbolChange,
+  showTrailingStop = true,
+  showBracketToggle = true
+  // onToggleTradingPanel and tradingPanelOpen are accepted but not rendered here;
+  // the "Orders · Positions · History" toggle lives in the BottomToolbar instead.
+}) {
+  const [panelWidth, setPanelWidth] = useState(260);
+  const resizeDrag = useRef(null);
+  const onResizeMouseDown = (e) => {
+    e.preventDefault();
+    resizeDrag.current = { startX: e.clientX, startW: panelWidth };
+    const onMove = (ev) => {
+      if (!resizeDrag.current) return;
+      const delta = ev.clientX - resizeDrag.current.startX;
+      setPanelWidth(Math.min(500, Math.max(220, resizeDrag.current.startW + delta)));
+    };
+    const onUp = () => {
+      resizeDrag.current = null;
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+  };
+  const [side, setSide] = useState("buy");
+  const [orderType, setOrderType] = useState("market");
+  const [tif, setTif] = useState("DAY");
+  const [symbol, setSymbol] = useState(stripPrefix(defaultSymbol));
+  const [symbolEdited, setSymbolEdited] = useState(false);
+  const [qty, setQty] = useState("1");
+  const [limitPrice, setLimitPrice] = useState("");
+  const [stopPrice, setStopPrice] = useState("");
+  const [trailTicks, setTrailTicks] = useState("10");
+  const [bracketOn, setBracketOn] = useState(false);
+  const [tpTicks, setTpTicks] = useState("20");
+  const [slTicks, setSlTicks] = useState("10");
+  const [submitState, setSubmitState] = useState("idle");
+  const [errorMsg, setErrorMsg] = useState("");
+  const [savingPreset, setSavingPreset] = useState(false);
+  const [presetName, setPresetName] = useState("");
+  const [selectedPreset, setSelectedPreset] = useState("");
+  const [brokerStatus, setBrokerStatus] = useState(null);
+  const [pendingClientRef, setPendingClientRef] = useState(null);
+  const [symDialogOpen, setSymDialogOpen] = useState(false);
+  useBrokerEvents({
+    apiUrl: apiUrl ?? "",
+    ...getAuthToken ? { getAuthToken } : {},
+    enabled: !!(apiUrl && getAuthToken),
+    onEvent: useCallback((event) => {
+      if (!pendingClientRef) return;
+      if (!("clientRef" in event) || event.clientRef !== pendingClientRef) return;
+      switch (event.type) {
+        case "order.updated":
+          if (event.status === "open") {
+            setBrokerStatus({ kind: "open" });
+          } else if (event.status === "partial") {
+            setBrokerStatus({ kind: "partial", filledQty: event.filledQty ?? 0, totalQty: parseFloat(event.filledQty?.toString() ?? "0") });
+          }
+          break;
+        case "order.filled":
+          setBrokerStatus({ kind: "filled", filledQty: event.filledQty ?? 0, avgPrice: event.avgFillPrice ?? 0 });
+          break;
+        case "order.rejected":
+          setBrokerStatus({ kind: "rejected", reason: event.reason ?? "Unknown reason" });
+          break;
+        case "order.cancelled":
+          setBrokerStatus({ kind: "cancelled" });
+          break;
+      }
+    }, [pendingClientRef])
+  });
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const [draftTp, setDraftTp] = useState("20");
+  const [draftSl, setDraftSl] = useState("10");
+  const _pickedSymbolRef = useRef(null);
+  const prevDefaultRef = useRef(defaultSymbol);
+  useEffect(() => {
+    if (defaultSymbol !== prevDefaultRef.current) {
+      prevDefaultRef.current = defaultSymbol;
+      _pickedSymbolRef.current = null;
+      setSymbol(stripPrefix(defaultSymbol));
+      setSymbolEdited(false);
+    }
+  }, [defaultSymbol]);
+  const symbolForSubmit = _pickedSymbolRef.current ?? (!symbolEdited && defaultSymbol ? defaultSymbol : symbol);
+  const [symbolInfo, setSymbolInfo] = useState(() => ({
+    ...SYMBOL_INFO_DEFAULT,
+    tickSize: getDisplayTickSizeFallback(defaultSymbol || symbol),
+    isFutures: detectFuturesDisplayHint(defaultSymbol || symbol)
+  }));
+  useEffect(() => {
+    const sym = symbolForSubmit || defaultSymbol;
+    if (!sym) return;
+    setSymbolInfo({
+      tickSize: getDisplayTickSizeFallback(sym),
+      isFutures: detectFuturesDisplayHint(sym)
+    });
+    if (!apiUrl) return;
+    const ctrl = new AbortController();
+    fetch(`${apiUrl}/api/symbols/resolve?q=${encodeURIComponent(sym)}`, { signal: ctrl.signal }).then((r) => r.ok ? r.json() : Promise.reject()).then(({ tickSize: tickSize2, isFutures, assetClass }) => {
+      const serverIsFutures = isFutures ?? (assetClass === "futures" || detectFuturesDisplayHint(sym));
+      setSymbolInfo({
+        tickSize: tickSize2 ?? getDisplayTickSizeFallback(sym),
+        isFutures: serverIsFutures
+      });
+    }).catch(() => {
+    });
+    return () => ctrl.abort();
+  }, [symbolForSubmit, defaultSymbol, apiUrl]);
+  const futures = symbolInfo.isFutures;
+  const tickSize = symbolInfo.tickSize;
+  const [normalizedHint, setNormalizedHint] = useState(null);
+  useEffect(() => {
+    if (!symbol || !symbolEdited || !apiUrl) {
+      setNormalizedHint(null);
+      return;
+    }
+    const t = setTimeout(() => {
+      fetch(`${apiUrl}/api/symbols/resolve?q=${encodeURIComponent(symbol)}`).then((r) => r.ok ? r.json() : Promise.reject()).then(({ canonical }) => setNormalizedHint(canonical !== symbol ? canonical : null)).catch(() => setNormalizedHint(null));
+    }, 400);
+    return () => clearTimeout(t);
+  }, [symbol, symbolEdited, apiUrl]);
+  const showLimit = orderType === "limit" || orderType === "stop_limit";
+  const showStop = orderType === "stop_market" || orderType === "stop_limit";
+  const showTrailing = orderType === "trailing_stop";
+  const showBracket = orderType === "market" || orderType === "limit";
+  const tpPoints = (parseInt(draftTp, 10) || 0) * tickSize;
+  const slPoints = (parseInt(draftSl, 10) || 0) * tickSize;
+  const handleToggleBracket = useCallback(() => {
+    if (bracketOn) {
+      setBracketOn(false);
+    } else {
+      setDraftTp(tpTicks);
+      setDraftSl(slTicks);
+      setDrawerOpen(true);
+    }
+  }, [bracketOn, tpTicks, slTicks]);
+  const handleOpenBracketSettings = useCallback(() => {
+    setDraftTp(tpTicks);
+    setDraftSl(slTicks);
+    setDrawerOpen(true);
+  }, [tpTicks, slTicks]);
+  const handleDrawerSave = useCallback(() => {
+    setTpTicks(draftTp);
+    setSlTicks(draftSl);
+    setBracketOn(true);
+    setDrawerOpen(false);
+  }, [draftTp, draftSl]);
+  const handleDrawerCancel = useCallback(() => {
+    setDrawerOpen(false);
+  }, []);
+  const handleLoadPreset = useCallback((name) => {
+    setSelectedPreset(name);
+    const preset = presets?.find((p) => p.name === name);
+    if (!preset || !onLoadPreset) return;
+    if (preset.side) setSide(preset.side);
+    if (preset.orderType) setOrderType(preset.orderType);
+    if (preset.qty) setQty(preset.qty);
+    if (preset.tif) setTif(preset.tif);
+    if (preset.limitPrice !== void 0) setLimitPrice(preset.limitPrice);
+    if (preset.stopPrice !== void 0) setStopPrice(preset.stopPrice);
+    if (preset.trailTicks !== void 0) setTrailTicks(preset.trailTicks);
+    if (preset.bracketOn !== void 0) setBracketOn(preset.bracketOn);
+    if (preset.tpTicks !== void 0) setTpTicks(preset.tpTicks);
+    if (preset.slTicks !== void 0) setSlTicks(preset.slTicks);
+    onLoadPreset(preset);
+  }, [presets, onLoadPreset]);
+  const handleSavePreset = useCallback(() => {
+    const name = presetName.trim();
+    if (!name || !onSavePreset) return;
+    onSavePreset({ name, side, orderType, qty, tif, limitPrice, stopPrice, trailTicks, bracketOn, tpTicks, slTicks });
+    setPresetName("");
+    setSavingPreset(false);
+    setSelectedPreset(name);
+  }, [presetName, onSavePreset, side, orderType, qty, tif, limitPrice, stopPrice, trailTicks, bracketOn, tpTicks, slTicks]);
+  const handleSubmit = useCallback(async (e) => {
+    e.preventDefault();
+    setErrorMsg("");
+    setBrokerStatus(null);
+    const qtyNum = futures ? parseInt(qty, 10) : parseFloat(qty);
+    if (!symbol.trim()) {
+      setErrorMsg("Symbol is required");
+      return;
+    }
+    if (!qtyNum || qtyNum <= 0) {
+      setErrorMsg("Quantity must be positive");
+      return;
+    }
+    if (showLimit && !limitPrice) {
+      setErrorMsg("Limit price is required");
+      return;
+    }
+    if (showStop && !stopPrice) {
+      setErrorMsg("Stop price is required");
+      return;
+    }
+    if (showTrailing && parseInt(trailTicks, 10) < 1) {
+      setErrorMsg("Trail ticks must be at least 1");
+      return;
+    }
+    if (bracketOn && showBracket) {
+      if (parseInt(tpTicks, 10) < 1) {
+        setErrorMsg("Take-profit ticks are required");
+        return;
+      }
+      if (parseInt(slTicks, 10) < 1) {
+        setErrorMsg("Stop-loss ticks are required");
+        return;
+      }
+    }
+    setSubmitState("submitting");
+    try {
+      const clientRef = crypto.randomUUID();
+      setPendingClientRef(clientRef);
+      let resolvedSymbol = symbolForSubmit;
+      if (!resolvedSymbol.includes(":") && apiUrl) {
+        try {
+          const r = await fetch(
+            `${apiUrl}/api/symbols/resolve?q=${encodeURIComponent(resolvedSymbol)}`,
+            { signal: AbortSignal.timeout(1500) }
+          );
+          if (r.ok) {
+            const { canonical } = await r.json();
+            resolvedSymbol = canonical;
+            _pickedSymbolRef.current = canonical;
+          }
+        } catch {
+        }
+      }
+      if (bracketOn && showBracket) {
+        const bracketParams = {
+          clientRef,
+          symbol: resolvedSymbol,
+          accountId: selectedAccountId,
+          side,
+          type: orderType,
+          qty: qtyNum,
+          timeInForce: tif,
+          ...showLimit ? { limitPrice: parseFloat(limitPrice) } : {},
+          takeProfitTicks: parseInt(tpTicks, 10),
+          stopLossTicks: parseInt(slTicks, 10)
+        };
+        if (onPlaceBracketOrder) {
+          await onPlaceBracketOrder(bracketParams);
+        } else {
+          const headers = { "Content-Type": "application/json" };
+          if (getAuthToken) headers["Authorization"] = `Bearer ${await getAuthToken()}`;
+          const resp = await fetch(`${apiUrl}/api/broker/user-bracket`, {
+            method: "POST",
+            headers,
+            body: JSON.stringify({ sessionId, ...bracketParams })
+          });
+          if (!resp.ok) {
+            const err = await resp.json().catch(() => ({}));
+            throw new Error(err.error ?? `Error ${resp.status}`);
+          }
+        }
+      } else {
+        const orderParams = {
+          clientRef,
+          symbol: resolvedSymbol,
+          accountId: selectedAccountId,
+          side,
+          type: orderType,
+          qty: qtyNum,
+          timeInForce: tif,
+          ...showLimit ? { limitPrice: parseFloat(limitPrice) } : {},
+          ...showStop ? { stopPrice: parseFloat(stopPrice) } : {},
+          ...showTrailing ? { trailTicks: parseInt(trailTicks, 10) } : {}
+        };
+        if (onPlaceOrder) {
+          await onPlaceOrder(orderParams);
+        } else {
+          const headers = { "Content-Type": "application/json" };
+          if (getAuthToken) headers["Authorization"] = `Bearer ${await getAuthToken()}`;
+          const resp = await fetch(`${apiUrl}/api/broker/user-order`, {
+            method: "POST",
+            headers,
+            body: JSON.stringify({ sessionId, ...orderParams })
+          });
+          if (!resp.ok) {
+            const err = await resp.json().catch(() => ({}));
+            throw new Error(err.error ?? `Error ${resp.status}`);
+          }
+        }
+      }
+      setSubmitState("success");
+      setTimeout(() => {
+        setSubmitState("idle");
+        setQty("1");
+        setLimitPrice("");
+        setStopPrice("");
+        setTrailTicks("10");
+      }, 1400);
+    } catch (err) {
+      setSubmitState("error");
+      setErrorMsg(err instanceof Error ? err.message : "Order failed");
+    }
+  }, [
+    symbol,
+    side,
+    orderType,
+    tif,
+    qty,
+    limitPrice,
+    stopPrice,
+    trailTicks,
+    bracketOn,
+    tpTicks,
+    slTicks,
+    showLimit,
+    showStop,
+    showTrailing,
+    showBracket,
+    futures,
+    sessionId,
+    selectedAccountId,
+    apiUrl,
+    getAuthToken,
+    symbolForSubmit,
+    setPendingClientRef,
+    setBrokerStatus,
+    onPlaceOrder,
+    onPlaceBracketOrder
+  ]);
+  return /* @__PURE__ */ jsxs("div", { className: "oep-panel", style: { width: panelWidth }, children: [
+    /* @__PURE__ */ jsx("div", { className: "oep-resize-handle", onMouseDown: onResizeMouseDown }),
+    /* @__PURE__ */ jsxs("div", { className: "oep-header", children: [
+      /* @__PURE__ */ jsxs("span", { className: "oep-title", children: [
+        /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "13", height: "13", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", style: { marginRight: 6 }, children: [
+          /* @__PURE__ */ jsx("rect", { x: "1.5", y: "3", width: "13", height: "10", rx: "1.5" }),
+          /* @__PURE__ */ jsx("line", { x1: "5", y1: "8", x2: "11", y2: "8" }),
+          /* @__PURE__ */ jsx("line", { x1: "8", y1: "5", x2: "8", y2: "11" })
+        ] }),
+        drawerOpen ? "Bracket Order Settings" : "Order Entry"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        !drawerOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("span", { className: "oep-broker-badge", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `oep-status-dot ${connecting ? "oep-status-dot--connecting" : disconnected || connectionError ? "oep-status-dot--disconnected" : "oep-status-dot--connected"}`,
+                title: connecting ? "Connecting\u2026" : disconnected ? "Disconnected" : "Connected"
+              }
+            ),
+            brokerSlug || "\u2014"
+          ] }),
+          disconnected ? onConnect && /* @__PURE__ */ jsxs("button", { className: "oep-disconnect-btn oep-disconnect-btn--connect", onClick: onConnect, title: "Reconnect broker", children: [
+            /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 14", width: "10", height: "10", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M9 7h4M13 7l-2-2M13 7l-2 2" }),
+              /* @__PURE__ */ jsx("path", { d: "M5 7H1M1 7l2-2M1 7l2 2" }),
+              /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "currentColor", stroke: "none" })
+            ] }),
+            "Connect"
+          ] }) : onDisconnect && /* @__PURE__ */ jsxs("button", { className: "oep-disconnect-btn", onClick: onDisconnect, title: "Disconnect broker", children: [
+            /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 14", width: "10", height: "10", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M5 7H1M1 7l2-2M1 7l2 2" }),
+              /* @__PURE__ */ jsx("path", { d: "M7 3V1M7 1l-2 2M7 1l2 2" }),
+              /* @__PURE__ */ jsx("path", { d: "M9 7h4M13 7l-2-2M13 7l-2 2" }),
+              /* @__PURE__ */ jsx("path", { d: "M7 11v2M7 13l-2-2M7 13l2-2" })
+            ] }),
+            "Disconnect"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "oep-close",
+            onClick: drawerOpen ? handleDrawerCancel : onClose,
+            title: drawerOpen ? "Back" : "Close order panel",
+            children: drawerOpen ? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", width: "11", height: "11", stroke: "currentColor", strokeWidth: "1.8", fill: "none", children: /* @__PURE__ */ jsx("polyline", { points: "9,2 4,7 9,12" }) }) : /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 14", width: "11", height: "11", stroke: "currentColor", strokeWidth: "1.8", fill: "none", children: [
+              /* @__PURE__ */ jsx("line", { x1: "2", y1: "2", x2: "12", y2: "12" }),
+              /* @__PURE__ */ jsx("line", { x1: "12", y1: "2", x2: "2", y2: "12" })
+            ] })
+          }
+        )
+      ] })
+    ] }),
+    symDialogOpen && symbolResolver && /* @__PURE__ */ jsx(
+      SymbolSearchDialog,
+      {
+        current: symbol,
+        symbolResolver,
+        onSelect: (picked) => {
+          _pickedSymbolRef.current = picked;
+          setSymbol(stripPrefix(picked));
+          setSymbolEdited(false);
+          onSymbolChange?.(picked);
+        },
+        onClose: () => setSymDialogOpen(false)
+      }
+    ),
+    connecting && /* @__PURE__ */ jsxs("div", { className: "oep-body oep-body--status", children: [
+      /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", style: { animation: "spin 0.9s linear infinite", flexShrink: 0 }, children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: "var(--border)", strokeWidth: "2.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 3 A9 9 0 0 1 21 12", fill: "none", stroke: "var(--primary)", strokeWidth: "2.5", strokeLinecap: "round" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: { color: "var(--text-muted)", fontSize: 13 }, children: "Connecting to broker\u2026" })
+    ] }),
+    !connecting && connectionError && /* @__PURE__ */ jsxs("div", { className: "oep-body oep-body--status", children: [
+      /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 20", width: "22", height: "22", fill: "none", stroke: "#ef4444", strokeWidth: "1.8", strokeLinecap: "round", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "8" }),
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "6", x2: "10", y2: "11" }),
+        /* @__PURE__ */ jsx("circle", { cx: "10", cy: "14", r: "0.8", fill: "#ef4444" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: { color: "var(--text-muted)", fontSize: 13, textAlign: "center" }, children: connectionError }),
+      onRetryConnect && /* @__PURE__ */ jsx("button", { className: "oep-retry-btn", onClick: onRetryConnect, children: "Retry Connection" })
+    ] }),
+    !connecting && !connectionError && drawerOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "oep-drawer-body", children: [
+        /* @__PURE__ */ jsx("p", { className: "oep-drawer-desc", children: "Set your TP and SL as tick offsets from entry price. The bracket order will automatically place both orders when your entry fills." }),
+        /* @__PURE__ */ jsxs("p", { className: "oep-drawer-ticksize", children: [
+          "Tick size for ",
+          symbol || "\u2014",
+          ": ",
+          tickSize.toString()
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oep-drawer-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-drawer-label oep-drawer-label--tp", children: "Take Profit (ticks)" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-input",
+              type: "number",
+              min: 1,
+              step: 1,
+              value: draftTp,
+              onChange: (e) => setDraftTp(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-slider oep-slider--tp",
+              type: "range",
+              min: 1,
+              max: 100,
+              value: parseInt(draftTp, 10) || 1,
+              onChange: (e) => setDraftTp(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "oep-tick-convert", children: [
+            parseInt(draftTp, 10) || 0,
+            " ticks = ",
+            tpPoints.toFixed(tickSize < 0.01 ? 6 : tickSize < 0.1 ? 4 : 2),
+            " points"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oep-drawer-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-drawer-label oep-drawer-label--sl", children: "Stop Loss (ticks)" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-input",
+              type: "number",
+              min: 1,
+              step: 1,
+              value: draftSl,
+              onChange: (e) => setDraftSl(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-slider oep-slider--sl",
+              type: "range",
+              min: 1,
+              max: 100,
+              value: parseInt(draftSl, 10) || 1,
+              onChange: (e) => setDraftSl(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "oep-tick-convert", children: [
+            parseInt(draftSl, 10) || 0,
+            " ticks = ",
+            slPoints.toFixed(tickSize < 0.01 ? 6 : tickSize < 0.1 ? 4 : 2),
+            " points"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "oep-drawer-footer", children: [
+        /* @__PURE__ */ jsx("button", { className: "oep-drawer-btn oep-drawer-btn--cancel", onClick: handleDrawerCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "oep-drawer-btn oep-drawer-btn--save",
+            onClick: handleDrawerSave,
+            disabled: !draftTp || parseInt(draftTp, 10) < 1 || !draftSl || parseInt(draftSl, 10) < 1,
+            children: "Save"
+          }
+        )
+      ] })
+    ] }),
+    !connecting && !connectionError && !drawerOpen && /* @__PURE__ */ jsxs("div", { className: "oep-body", children: [
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, noValidate: true, children: [
+        accounts.length === 1 && /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "Account" }),
+          /* @__PURE__ */ jsx("div", { className: "oep-account-chip", children: accounts[0].name })
+        ] }),
+        accounts.length > 1 && /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "Account" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "oep-select",
+              value: selectedAccountId,
+              onChange: (e) => onChangeAccount(e.target.value),
+              children: accounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: futures ? "Contract" : "Symbol" }),
+          symbolResolver ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "oep-input oep-symbol-btn",
+              onClick: () => setSymDialogOpen(true),
+              title: "Click to search for a symbol",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "oep-symbol-btn-text", children: symbol || (futures ? "e.g. ESH6" : "e.g. BTCUSDT") }),
+                /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 14", width: "11", height: "11", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", style: { flexShrink: 0, opacity: 0.5 }, children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "4" }),
+                  /* @__PURE__ */ jsx("line", { x1: "9.5", y1: "9.5", x2: "13", y2: "13" })
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "oep-input",
+                type: "text",
+                value: symbol,
+                onChange: (e) => {
+                  setSymbol(e.target.value.toUpperCase());
+                  setSymbolEdited(true);
+                },
+                onBlur: () => {
+                  if (!symbol) return;
+                  if (apiUrl) {
+                    fetch(`${apiUrl}/api/symbols/resolve?q=${encodeURIComponent(symbol)}`).then((r) => r.ok ? r.json() : Promise.reject(r.status)).then(({ canonical, ticker }) => {
+                      _pickedSymbolRef.current = canonical;
+                      setSymbol(ticker);
+                      setSymbolEdited(false);
+                      setNormalizedHint(null);
+                      onSymbolChange?.(canonical);
+                    }).catch(() => {
+                    });
+                  }
+                },
+                placeholder: futures ? "e.g. ES or ESH2026" : "e.g. BTCUSDT",
+                autoCapitalize: "characters"
+              }
+            ),
+            normalizedHint && /* @__PURE__ */ jsxs("span", { style: { fontSize: 11, color: "var(--text-muted)", marginTop: 2, display: "block" }, children: [
+              "\u2192 ",
+              normalizedHint
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "oep-row", style: { marginTop: 6 }, children: /* @__PURE__ */ jsxs("div", { className: "oep-side-toggle", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `oep-side-btn oep-side-btn--buy${side === "buy" ? " oep-side-btn--active" : ""}`,
+              onClick: () => setSide("buy"),
+              children: "Buy"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `oep-side-btn oep-side-btn--sell${side === "sell" ? " oep-side-btn--active" : ""}`,
+              onClick: () => setSide("sell"),
+              children: "Sell"
+            }
+          )
+        ] }) }),
+        showBracket && showBracketToggle && /* @__PURE__ */ jsxs("div", { className: "oep-bracket-row", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": bracketOn,
+              className: `oep-toggle${bracketOn ? " oep-toggle--on" : ""}`,
+              onClick: handleToggleBracket,
+              children: /* @__PURE__ */ jsx("span", { className: "oep-toggle-thumb" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "oep-bracket-label", children: "Bracket (OCO)" }),
+          bracketOn && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "oep-gear-btn",
+              title: "Edit bracket settings",
+              onClick: handleOpenBracketSettings,
+              children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+                /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2.5" }),
+                /* @__PURE__ */ jsx("path", { d: "M8 1.5v1M8 13.5v1M1.5 8h1M13.5 8h1M3.4 3.4l.7.7M11.9 11.9l.7.7M3.4 12.6l.7-.7M11.9 4.1l.7-.7", strokeLinecap: "round" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "TYPE" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "oep-select",
+              value: orderType,
+              onChange: (e) => setOrderType(e.target.value),
+              children: ORDER_TYPES.filter((o) => showTrailingStop || o.value !== "trailing_stop").map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ),
+          ORDER_TYPE_HINTS[orderType] && /* @__PURE__ */ jsx("span", { className: "oep-hint", children: ORDER_TYPE_HINTS[orderType] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "QUANTITY" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-input",
+              type: "number",
+              min: 1,
+              step: futures ? 1 : "any",
+              value: qty,
+              onChange: (e) => setQty(e.target.value)
+            }
+          )
+        ] }),
+        showLimit && /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "Limit Price" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-input",
+              type: "number",
+              step: "any",
+              value: limitPrice,
+              onChange: (e) => setLimitPrice(e.target.value),
+              placeholder: "0.00"
+            }
+          )
+        ] }),
+        showStop && /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "Stop Price" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-input",
+              type: "number",
+              step: "any",
+              value: stopPrice,
+              onChange: (e) => setStopPrice(e.target.value),
+              placeholder: "0.00"
+            }
+          )
+        ] }),
+        showTrailing && /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "Trail Distance" }),
+          /* @__PURE__ */ jsxs("div", { className: "oep-input-tick-wrap", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: "oep-input",
+                type: "number",
+                min: 1,
+                step: 1,
+                value: trailTicks,
+                onChange: (e) => setTrailTicks(e.target.value),
+                placeholder: "10"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "oep-tick-unit", children: "ticks" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-slider oep-slider--trail",
+              type: "range",
+              min: 1,
+              max: 100,
+              value: parseInt(trailTicks, 10) || 1,
+              onChange: (e) => setTrailTicks(e.target.value)
+            }
+          )
+        ] }),
+        orderType !== "trailing_stop" && /* @__PURE__ */ jsxs("div", { className: "oep-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "oep-label", children: "TIF" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "oep-select",
+              value: tif,
+              onChange: (e) => setTif(e.target.value),
+              children: TIF_OPTIONS.map((t) => /* @__PURE__ */ jsx("option", { value: t.value, children: t.label }, t.value))
+            }
+          )
+        ] }),
+        errorMsg && submitState === "error" && /* @__PURE__ */ jsx("div", { className: "oep-error", children: errorMsg }),
+        submitState === "success" && !brokerStatus && /* @__PURE__ */ jsxs("div", { className: "oep-success", children: [
+          /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", width: "13", height: "13", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("polyline", { points: "3,8 6,11 13,4" }) }),
+          "Order submitted"
+        ] }),
+        brokerStatus && brokerStatus.kind === "open" && /* @__PURE__ */ jsxs("div", { className: "oep-broker-status oep-broker-status--open", children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6" }),
+            /* @__PURE__ */ jsx("line", { x1: "8", y1: "5", x2: "8", y2: "8.5" }),
+            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "10.5", r: "0.8", fill: "currentColor" })
+          ] }),
+          "Working"
+        ] }),
+        brokerStatus && brokerStatus.kind === "partial" && /* @__PURE__ */ jsxs("div", { className: "oep-broker-status oep-broker-status--partial", children: [
+          /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: /* @__PURE__ */ jsx("polyline", { points: "3,8 6,11 13,4" }) }),
+          "Partial fill: ",
+          brokerStatus.filledQty,
+          " filled"
+        ] }),
+        brokerStatus && brokerStatus.kind === "filled" && /* @__PURE__ */ jsxs("div", { className: "oep-broker-status oep-broker-status--filled", children: [
+          /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("polyline", { points: "3,8 6,11 13,4" }) }),
+          "Filled ",
+          brokerStatus.filledQty,
+          " @ ",
+          brokerStatus.avgPrice.toFixed(2)
+        ] }),
+        brokerStatus && brokerStatus.kind === "rejected" && /* @__PURE__ */ jsxs("div", { className: "oep-broker-status oep-broker-status--rejected", children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6" }),
+            /* @__PURE__ */ jsx("line", { x1: "5.5", y1: "5.5", x2: "10.5", y2: "10.5" }),
+            /* @__PURE__ */ jsx("line", { x1: "10.5", y1: "5.5", x2: "5.5", y2: "10.5" })
+          ] }),
+          "Rejected: ",
+          brokerStatus.reason
+        ] }),
+        brokerStatus && brokerStatus.kind === "cancelled" && /* @__PURE__ */ jsxs("div", { className: "oep-broker-status oep-broker-status--cancelled", children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
+            /* @__PURE__ */ jsx("line", { x1: "3", y1: "3", x2: "13", y2: "13" }),
+            /* @__PURE__ */ jsx("line", { x1: "13", y1: "3", x2: "3", y2: "13" })
+          ] }),
+          "Cancelled"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "oep-actions", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: submitState === "submitting",
+            className: `oep-submit oep-submit--${side}`,
+            children: submitState === "submitting" ? "Placing\u2026" : `${side === "buy" ? "Buy" : "Sell"} ${symbol || "\u2014"}`
+          }
+        ) })
+      ] }),
+      (onSavePreset || presets && presets.length > 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "oep-section-sep" }),
+        /* @__PURE__ */ jsx("div", { className: "oep-preset-row", children: /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "oep-select oep-preset-select",
+            value: selectedPreset,
+            onChange: (e) => handleLoadPreset(e.target.value),
+            disabled: !presets || presets.length === 0,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Load Preset" }),
+              presets?.map((p) => /* @__PURE__ */ jsx("option", { value: p.name, children: p.name }, p.name))
+            ]
+          }
+        ) }),
+        onSavePreset && (savingPreset ? /* @__PURE__ */ jsxs("div", { className: "oep-preset-save-row", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "oep-input oep-preset-name-input",
+              type: "text",
+              placeholder: "Preset name\u2026",
+              value: presetName,
+              onChange: (e) => setPresetName(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handleSavePreset();
+                if (e.key === "Escape") {
+                  setSavingPreset(false);
+                  setPresetName("");
+                }
+              },
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { className: "oep-preset-confirm-btn", onClick: handleSavePreset, disabled: !presetName.trim(), children: "Save" }),
+          /* @__PURE__ */ jsx("button", { className: "oep-preset-cancel-btn", onClick: () => {
+            setSavingPreset(false);
+            setPresetName("");
+          }, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 12 12", width: "10", height: "10", stroke: "currentColor", strokeWidth: "1.8", fill: "none", children: [
+            /* @__PURE__ */ jsx("line", { x1: "2", y1: "2", x2: "10", y2: "10" }),
+            /* @__PURE__ */ jsx("line", { x1: "10", y1: "2", x2: "2", y2: "10" })
+          ] }) })
+        ] }) : /* @__PURE__ */ jsxs("button", { className: "oep-preset-save-btn", onClick: () => setSavingPreset(true), children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1.5" }),
+            /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "6", height: "4", rx: "0.5" }),
+            /* @__PURE__ */ jsx("rect", { x: "4", y: "9", width: "8", height: "5", rx: "0.5" })
+          ] }),
+          "Save Current as Preset"
+        ] }))
+      ] }),
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "oep-section-sep" }),
+        /* @__PURE__ */ jsxs("button", { className: "oep-pos-btn oep-pos-btn--close", onClick: () => onClosePosition?.({ symbol: symbolForSubmit, accountId: selectedAccountId }), disabled: !onClosePosition, children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6" }),
+            /* @__PURE__ */ jsx("line", { x1: "5.5", y1: "5.5", x2: "10.5", y2: "10.5" }),
+            /* @__PURE__ */ jsx("line", { x1: "10.5", y1: "5.5", x2: "5.5", y2: "10.5" })
+          ] }),
+          "Close Position"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oep-pos-row", children: [
+          /* @__PURE__ */ jsxs("button", { className: "oep-pos-btn oep-pos-btn--cancel", onClick: () => onCancelOrders?.({ symbol: symbolForSubmit, accountId: selectedAccountId }), disabled: !onCancelOrders, children: [
+            /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6" }),
+              /* @__PURE__ */ jsx("line", { x1: "5", y1: "8", x2: "11", y2: "8" })
+            ] }),
+            "Cancel Orders"
+          ] }),
+          /* @__PURE__ */ jsxs("button", { className: "oep-pos-btn oep-pos-btn--reverse", onClick: () => onReverse?.({ symbol: symbolForSubmit, accountId: selectedAccountId, ...bracketOn ? { bracketOn: true, tpTicks: parseInt(tpTicks, 10), slTicks: parseInt(slTicks, 10) } : {} }), disabled: !onReverse, children: [
+            /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("polyline", { points: "2,5 6,1 6,4 10,4 10,7 6,7 6,10" }),
+              /* @__PURE__ */ jsx("polyline", { points: "14,11 10,15 10,12 6,12 6,9 10,9 10,6" })
+            ] }),
+            "Reverse"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("button", { className: "oep-pos-btn oep-pos-btn--flatten", onClick: () => onFlattenAll?.({ accountId: selectedAccountId }), disabled: !onFlattenAll, children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
+            /* @__PURE__ */ jsx("line", { x1: "2", y1: "5", x2: "14", y2: "5" }),
+            /* @__PURE__ */ jsx("line", { x1: "2", y1: "8", x2: "14", y2: "8" }),
+            /* @__PURE__ */ jsx("line", { x1: "2", y1: "11", x2: "14", y2: "11" })
+          ] }),
+          "Flatten All"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function OrderTicket({
+  symbol,
+  tradingBridge,
+  onClose,
+  accountLabel = "Default",
+  symbolResolver,
+  onSymbolChange
+}) {
+  const capabilities = useChartCapabilities();
+  const handlePlaceOrder = useCallback(async (params) => {
+    const intent = {
+      type: "place",
+      correlationId: params.clientRef,
+      symbol: params.symbol,
+      side: params.side,
+      orderType: params.type,
+      qty: params.qty,
+      ...params.limitPrice !== void 0 ? { limitPrice: params.limitPrice } : {},
+      ...params.stopPrice !== void 0 ? { stopPrice: params.stopPrice } : {},
+      timestamp: Date.now(),
+      meta: {
+        source: "ticket",
+        timeInForce: params.timeInForce,
+        ...params.trailTicks !== void 0 ? { trailTicks: params.trailTicks } : {}
+      }
+    };
+    await tradingBridge.onPlaceOrderIntent?.(intent);
+  }, [tradingBridge]);
+  const handlePlaceBracketOrder = useCallback(async (params) => {
+    const intent = {
+      type: "place",
+      correlationId: params.clientRef,
+      symbol: params.symbol,
+      side: params.side,
+      orderType: params.type,
+      qty: params.qty,
+      ...params.limitPrice !== void 0 ? { limitPrice: params.limitPrice } : {},
+      groupId: params.clientRef,
+      timestamp: Date.now(),
+      meta: {
+        source: "ticket",
+        timeInForce: params.timeInForce,
+        bracket: true,
+        takeProfitTicks: params.takeProfitTicks,
+        stopLossTicks: params.stopLossTicks
+      }
+    };
+    await tradingBridge.onPlaceOrderIntent?.(intent);
+  }, [tradingBridge]);
+  if (!capabilities.orderEntry) return null;
+  return /* @__PURE__ */ jsx(
+    OrderEntryPanel,
+    {
+      sessionId: "",
+      brokerSlug: accountLabel,
+      accounts: [{ id: "default", name: accountLabel }],
+      selectedAccountId: "default",
+      defaultSymbol: symbol,
+      onChangeAccount: () => {
+      },
+      onClose,
+      onPlaceOrder: handlePlaceOrder,
+      onPlaceBracketOrder: handlePlaceBracketOrder,
+      showTrailingStop: capabilities.trailingStops,
+      showBracketToggle: capabilities.bracketOrders,
+      ...symbolResolver ? { symbolResolver } : {},
+      ...onSymbolChange ? { onSymbolChange } : {}
+    }
+  );
+}
 function ChartWorkspace({
   // TabBar
   tabs,
@@ -26783,8 +28111,29 @@ function ChartWorkspace({
   wsLoaded,
   leftDrawers,
   drawers,
-  getAuthToken
+  getAuthToken,
+  tradingBridge,
+  tradingOverlayStore
 }) {
+  const capabilities = useChartCapabilities();
+  const autoTrading = tradingBridge !== void 0;
+  const [autoOrderEntryOpen, setAutoOrderEntryOpen] = React7.useState(false);
+  const [autoTradingPanelOpen, setAutoTradingPanelOpen] = React7.useState(false);
+  const effOnToggleOrderEntry = onToggleOrderEntry ?? (autoTrading ? () => setAutoOrderEntryOpen((o) => !o) : void 0);
+  const effOrderEntryOpen = onToggleOrderEntry ? orderEntryOpen ?? false : autoOrderEntryOpen;
+  const autoJournal = autoTrading && !tradingPanel && capabilities.tradingPanel;
+  const gate = (hostProp, licensed) => hostProp !== false && licensed;
+  const effShowTradeButton = gate(showTradeButton, capabilities.orderEntry) && onToggleTradeDrawer !== void 0;
+  const effShowOrderEntry = gate(showOrderEntry, capabilities.orderEntry) && effOnToggleOrderEntry !== void 0;
+  const effShowAgent = gate(showAgent, capabilities.aiAgent) && onToggleAgent !== void 0;
+  const effShowIndicators = gate(showIndicators, capabilities.indicators);
+  const effShowForgeScript = gate(showForgeScript, capabilities.forgeScript);
+  const effShowWatchlist = gate(showWatchlist, capabilities.watchlists);
+  const effShowSavedLayouts = gate(showSavedLayouts, capabilities.savedLayouts);
+  const effShowCustomTimeframes = gate(showCustomTimeframes, capabilities.customTimeframes);
+  const effShowDataExport = gate(showDataExport, capabilities.dataExport);
+  const effShowMultiChartLayout = gate(showMultiChartLayout, capabilities.multiChartLayout);
+  const effShowMultipleTabs = gate(showMultipleTabs, capabilities.multipleWorkspaces);
   const tabItems = tabs.map((t) => ({
     id: t.id,
     label: t.label,
@@ -26849,7 +28198,7 @@ function ChartWorkspace({
             onAdd: onAddTab,
             onClose: onCloseTab,
             onRename: onRenameTab,
-            ...showMultipleTabs !== void 0 ? { showAddTab: showMultipleTabs } : {}
+            showAddTab: effShowMultipleTabs
           }
         ),
         /* @__PURE__ */ jsx(
@@ -26886,9 +28235,9 @@ function ChartWorkspace({
             onDeleteLayout,
             onOpenLayoutInNewTab,
             symbolResolver,
-            ...rollRule !== void 0 ? { rollRule } : {},
-            ...onRollRuleChange !== void 0 ? { onRollRuleChange } : {},
-            ...showTradeButton !== void 0 ? { showTradeButton } : {},
+            ...rollRule !== void 0 && capabilities.continuousContracts ? { rollRule } : {},
+            ...onRollRuleChange !== void 0 && capabilities.continuousContracts ? { onRollRuleChange } : {},
+            showTradeButton: effShowTradeButton,
             ...tradeDrawerOpen !== void 0 ? { tradeDrawerOpen } : {},
             ...onToggleTradeDrawer !== void 0 ? { onToggleTradeDrawer } : {},
             ...extraTfGroups !== void 0 ? { extraTfGroups } : {},
@@ -26898,11 +28247,11 @@ function ChartWorkspace({
             ...onGridTemplateChange !== void 0 ? { onGridTemplateChange } : {},
             ...onGridSyncChange !== void 0 ? { onGridSyncChange } : {},
             ...onExitGridMode !== void 0 ? { onExitGridMode } : {},
-            ...showIndicators !== void 0 ? { showIndicators } : {},
-            ...showSavedLayouts !== void 0 ? { showSavedLayouts } : {},
-            ...showCustomTimeframes !== void 0 ? { showCustomTimeframes } : {},
-            ...showDataExport !== void 0 ? { showDataExport } : {},
-            ...showMultiChartLayout !== void 0 ? { showMultiChartLayout } : {}
+            showIndicators: effShowIndicators,
+            showSavedLayouts: effShowSavedLayouts,
+            showCustomTimeframes: effShowCustomTimeframes,
+            showDataExport: effShowDataExport,
+            showMultiChartLayout: effShowMultiChartLayout
           }
         ),
         /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", gap: 4, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", gap: 4, minWidth: 0, minHeight: 0 }, children: [
@@ -26926,6 +28275,16 @@ function ChartWorkspace({
             /* @__PURE__ */ jsx("div", { style: { color: "rgba(255,255,255,0.65)", fontSize: 13 }, children: "Please activate your license in the admin studio" })
           ] }),
           /* @__PURE__ */ jsx("div", { style: { position: "relative", flex: 1, minWidth: 0, minHeight: 0 }, children: chartSlots }),
+          autoTrading && !onToggleOrderEntry && effOrderEntryOpen && capabilities.orderEntry && tradingBridge && /* @__PURE__ */ jsx(
+            OrderTicket,
+            {
+              symbol: activeSymbol,
+              tradingBridge,
+              onClose: () => setAutoOrderEntryOpen(false),
+              symbolResolver,
+              onSymbolChange
+            }
+          ),
           leftDrawers,
           drawers,
           /* @__PURE__ */ jsx(
@@ -26933,20 +28292,20 @@ function ChartWorkspace({
             {
               watchlistOpen,
               onToggleWatchlist,
-              orderEntryOpen: orderEntryOpen ?? false,
-              onToggleOrderEntry: onToggleOrderEntry ?? (() => {
+              orderEntryOpen: effOrderEntryOpen,
+              onToggleOrderEntry: effOnToggleOrderEntry ?? (() => {
               }),
-              showOrderEntry,
-              ...showWatchlist !== void 0 ? { showWatchlist } : {},
-              ...showAgent !== void 0 ? { showAgent } : {},
+              showOrderEntry: effShowOrderEntry,
+              showWatchlist: effShowWatchlist,
+              showAgent: effShowAgent,
               ...agentOpen !== void 0 ? { agentOpen } : {},
               ...onToggleAgent !== void 0 ? { onToggleAgent } : {},
-              ...domOpen !== void 0 ? { domOpen } : {},
-              ...onToggleDOM !== void 0 ? { onToggleDOM } : {}
+              ...domOpen !== void 0 && capabilities.depthOfMarket ? { domOpen } : {},
+              ...onToggleDOM !== void 0 && capabilities.depthOfMarket ? { onToggleDOM } : {}
             }
           )
         ] }) }),
-        tradingPanel && onToggleTradingPanel && /* @__PURE__ */ jsx(
+        tradingPanel && onToggleTradingPanel && capabilities.tradingPanel && /* @__PURE__ */ jsx(
           BottomTradingPanel,
           {
             apiUrl: tradingPanel.apiUrl,
@@ -26961,6 +28320,15 @@ function ChartWorkspace({
             ...tradingPanel.onModifyOrder ? { onModifyOrder: tradingPanel.onModifyOrder } : {}
           }
         ),
+        autoJournal && /* @__PURE__ */ jsx(
+          BottomTradingPanel,
+          {
+            ...tradingOverlayStore ? { overlayStore: tradingOverlayStore } : {},
+            overlaySymbol: activeSymbol,
+            visible: autoTradingPanelOpen,
+            onToggle: () => setAutoTradingPanelOpen((o) => !o)
+          }
+        ),
         /* @__PURE__ */ jsx(
           BottomToolbar,
           {
@@ -26969,11 +28337,12 @@ function ChartWorkspace({
             onTimezoneChange,
             session,
             onSessionChange,
+            showSessionSelector: capabilities.sessionHours,
             onToggleScriptDrawer,
             scriptDrawerOpen,
-            ...showForgeScript !== void 0 ? { showScriptButton: showForgeScript } : {},
+            showScriptButton: effShowForgeScript,
             ...tradingPanelOpen !== void 0 ? { tradingPanelOpen } : {},
-            ...onToggleTradingPanel !== void 0 ? { onToggleTradingPanel } : {},
+            ...onToggleTradingPanel !== void 0 && capabilities.tradingPanel ? { onToggleTradingPanel } : autoJournal ? { tradingPanelOpen: autoTradingPanelOpen, onToggleTradingPanel: () => setAutoTradingPanelOpen((o) => !o) } : {},
             ...rithmicConnected !== void 0 ? { rithmicConnected } : {}
           }
         )
@@ -26981,55 +28350,6 @@ function ChartWorkspace({
     }
   );
 }
-function applyRuntimeConfig(caps, config) {
-  if (!config) return caps;
-  const orderEntry = config.enableOrderEntry === false ? false : caps.orderEntry;
-  const draggableOrders = config.enableDraggableOrders === false ? false : caps.draggableOrders;
-  const bracketOrders = config.enableBracketOrders === false ? false : caps.bracketOrders;
-  const managedTrading = config.enableManagedTrading === false ? false : caps.managedTrading;
-  const trailingStops = config.enableTrailingStops === false ? false : caps.trailingStops;
-  const indicators = config.enableIndicators === false ? false : caps.indicators;
-  const drawingTools = config.enableDrawingTools === false ? false : caps.drawingTools;
-  const multiPane = config.enableMultiPane === false ? false : caps.multiPane;
-  const barReplay = config.enableBarReplay === false ? false : caps.barReplay;
-  const forgeScript = config.enableForgeScript === false ? false : caps.forgeScript;
-  const aiAgent = config.enableAiAgent === false ? false : caps.aiAgent;
-  const multiChartLayout = config.enableMultiChartLayout === false ? false : caps.multiChartLayout;
-  return {
-    ...caps,
-    orderEntry,
-    draggableOrders,
-    bracketOrders,
-    managedTrading,
-    trailingStops,
-    indicators,
-    drawingTools,
-    multiPane,
-    barReplay,
-    forgeScript,
-    aiAgent,
-    multiChartLayout,
-    // Recalculate derived render flags from the updated feature flags.
-    renderOrderEntry: orderEntry,
-    renderBuySellButtons: orderEntry,
-    renderOrderTicket: orderEntry,
-    renderBracketControls: orderEntry && bracketOrders,
-    renderOrderModificationControls: orderEntry && draggableOrders,
-    renderManagedTradingControls: managedTrading,
-    renderIndicators: indicators,
-    renderDrawings: drawingTools
-  };
-}
-function useChartCapabilities(config) {
-  const [licCaps, setLicCaps] = useState(() => getCapabilities());
-  useEffect(() => {
-    const unsub = LicenseManager.getInstance().subscribe(() => {
-      setLicCaps(getCapabilities());
-    });
-    return unsub;
-  }, []);
-  return useMemo(() => applyRuntimeConfig(licCaps, config), [licCaps, config]);
-}
 
 // src/react/trading/TradingBridge.ts
 function createTradingBridgeLogger(callbacks, label) {
@@ -29196,6 +30516,6 @@ var CommandDispatcher = class {
   }
 };
 
-export { AgentFAB, AgentProvider, AssistantPanel, ChartCanvas, ChartWorkspace, CommandDispatcher, VoiceInput, createTradingBridgeLogger, useAgent, useChartCapabilities };
+export { AgentFAB, AgentProvider, AssistantPanel, ChartCanvas, ChartWorkspace, CommandDispatcher, OrderTicket, VoiceInput, createTradingBridgeLogger, useAgent, useChartCapabilities };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map