From bfc3214967e5a0cd1cb09a22f7efd4ebf5875f61 Mon Sep 17 00:00:00 2001
From: ramseshk <ramseshk@users.noreply.github.com>
Date: Wed, 5 Aug 2026 08:58:11 +0000
Subject: [PATCH] Fix L2 tape visibility: add to OBI detail component

Root cause: OrderBookDepthMap was only in non-OBI detail branch.
When user clicked Order Book Imbalance card, the OBIDetail component
replaced the entire detail view, and the tape was never mounted.

Fix: Added OrderBookDepthMap to OBIDetail component below trade history.
Now visible in ALL strategy detail views (both OBI and non-OBI).
---
 dashboard-next/src/components/obi-detail.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/dashboard-next/src/components/obi-detail.tsx b/dashboard-next/src/components/obi-detail.tsx
index 8976e7c..f1498a4 100644
--- a/dashboard-next/src/components/obi-detail.tsx
+++ b/dashboard-next/src/components/obi-detail.tsx
@@ -5,6 +5,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card } from "@/components/ui/card";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { DepthMapPlotly } from "@/components/depth-map-plotly";
+import OrderBookDepthMap from "@/components/orderbook-depth-map";
 import { EquityChart } from "@/components/equity-chart";
 import {
   type L2Snapshot, type SurfaceData, type ImbalanceMetrics,
@@ -161,6 +162,10 @@ export function OBIDetail({ strategy, strategyName, equityData, trades, liveData
           <p className="text-xs text-muted-foreground text-center py-8">No trades recorded yet</p>
         )}
       </div>
+      {/* Live L2 Order Book + Trade Tape */}
+      <div className="mt-6">
+        <OrderBookDepthMap coin="BTC" height={480} topRatio={0.55} />
+      </div>
     </div>
   );
 }