Commit Review Workspace ?

- diff --git a/src/hooks/useReportSocket.tsx b/src/hooks/useReportSocket.tsx
- new file mode 100644
- index 0000000..1c5ac8c

+ diff --git a/src/hooks/useReportSocket.tsx b/src/hooks/useReportSocket.tsx
+ new file mode 100644
+ index 0000000..1c5ac8c
+ import { useEffect, useRef } from "react";
+ import { io, type Socket } from "socket.io-client";
+ import { authConfig } from "@/config/auth.config";
+ 
+ 
+ type ReportSocketOptions = {
+   enabled?: boolean;
+   joinRaceId?: string;
+   url?: string;
+   onBet?: (payload: unknown) => void;
+   onProfitLoss?: () => void;
+ };
+ 
+ const PROFIT_LOSS_EVENT = "profitLoss";
+ const BETS_EVENT = "bets";

- diff --git a/src/routes/bet-ticket.tsx b/src/routes/bet-ticket.tsx
- index 8bee2a3..e7fefbe 100644
- staleTime: 30_000,
- retry: 1,
- });
- 
- const bets = data?.bets ?? [];
- const total = data?.total ?? 0;
- <TableCell className="text-center tabular-nums">
- {bet.liability_amount.toLocaleString()}
- </TableCell>
-                           <TableCell className="text-center tabular-nums">
-                             {bet.oddsRequested}
-                           </TableCell>
-                           <TableCell className="text-center tabular-nums">
-                             {bet.oddsMatched}
-                           </TableCell>
-                           <TableCell className="text-center tabular-nums">

+ diff --git a/src/routes/bet-ticket.tsx b/src/routes/bet-ticket.tsx
+ index 8bee2a3..e7fefbe 100644
+ staleTime: 30_000,
+ retry: 1,
+ });
+  
+ 
+   
+ 
+ const bets = data?.bets ?? [];
+ const total = data?.total ?? 0;
+ <TableCell className="text-center tabular-nums">
+ {bet.liability_amount.toLocaleString()}
+ </TableCell>
+ 
+ <TableCell
+ className={cn(

- diff --git a/src/routes/net-exposure-detail.tsx b/src/routes/net-exposure-detail.tsx
- index d09428c..6c1cee9 100644
- import { cn } from "@/lib/utils";
- import { tenantApiClient } from "@/services/api/apiClient";
- import { getExposureParams } from "@/lib/nav-params";
- 
- export const Route = createFileRoute("/net-exposure-detail")({
- component: NetExposureDetailPage,
- 
- // ─── Types ────────────────────────────────────────────────────────────────────
- 
- interface DetailRunner { runnerId: string; runnerName: string; exposure: number; exposureProfit: number; }
- interface DetailMarket { marketId: string; marketName: string; totalStake: number; runners: DetailRunner[]; worstBook: number; bestBook: number; }
- interface Race { raceId: string; raceName: string; raceNo: number; startTime: string; }
- interface Bet { userId: string; username: string; betId: string; event: string; market: string; marketId: string; selection: string; runnerId: string; type: string; oddsRequested: number; oddsMatched: number; bet_amount: number; return_amount: number; liability_amount: number; ipAddress: string; placedAt: string; isMultiBet?: boolean; multiBetType?: string | null; totalLegs?: number | string; totallegs?: number | string; combinedOdds?: number; legs?: BetLeg[]; }
- interface BetLeg { legId?: string; legNumber?: number; position?: number; raceId?: string; market?: string; marketId?: string; selection?: string; runnerId?: string; oddsRequested?: number; oddsMatched?: number; legStatus?: string; stakeAtLeg?: number; grossProfit?: number; deductionPercent?: number; deductionAmount?: number; netProfit?: number; }
- interface DetailData { race: Race; market: DetailMarket; bets: Bet[]; }
- interface OddsRunner { runnerId: string; name: string; back_odd: number | null; lay_odd: number | null; runner: { horse_number: number }; }

+ diff --git a/src/routes/net-exposure-detail.tsx b/src/routes/net-exposure-detail.tsx
+ index d09428c..6c1cee9 100644
+ import { cn } from "@/lib/utils";
+ import { tenantApiClient } from "@/services/api/apiClient";
+ import { getExposureParams } from "@/lib/nav-params";
+ import { useReportSocket } from "@/hooks/useReportSocket";
+ 
+ export const Route = createFileRoute("/net-exposure-detail")({
+ component: NetExposureDetailPage,
+ 
+ // ─── Types ────────────────────────────────────────────────────────────────────
+ 
+ interface DetailRunner {
+   runnerId: string;
+   runnerName: string;
+   exposure: number;
+   exposureProfit: number;
+ }

- diff --git a/src/routes/net-exposure-herarchy.tsx b/src/routes/net-exposure-herarchy.tsx
- index bc7e760..c074f5e 100644
- import { createFileRoute, useNavigate } from "@tanstack/react-router";
- import { useQuery } from "@tanstack/react-query";
- import { useState } from "react";
- import type React from "react";
- import { ChevronDown, Network, RefreshCw, ArrowLeft } from "lucide-react";
- import { tenantApiClient } from "@/services/api/apiClient";
- import { Button } from "@/components/ui/button";
- import { cn } from "@/lib/utils";
- 
- interface HierarchyUser {
- id: string;
- username: string;
- name: string;
- role: string;
- hierarchy: HierarchyUser[];
- }

+ diff --git a/src/routes/net-exposure-herarchy.tsx b/src/routes/net-exposure-herarchy.tsx
+ index bc7e760..c074f5e 100644
+ import { createFileRoute, useNavigate } from "@tanstack/react-router";
+ import { useQuery } from "@tanstack/react-query";
+ import { useState } from "react";
+ import { ArrowLeft, Network, RefreshCw } from "lucide-react";
+ import { tenantApiClient } from "@/services/api/apiClient";
+ import { Button } from "@/components/ui/button";
+ import { cn } from "@/lib/utils";
+ 
+ interface HierarchyUser {
+ id: string;
+   _id?: string;
+   userId?: string;
+   user_id?: string;
+ username: string;
+ name: string;
+ role: string;

- diff --git a/src/routes/net-exposure.tsx b/src/routes/net-exposure.tsx
- index 9460c7a..21b2b6c 100644
- Refresh {countdown}s
- </Button>
- </div>
- 
- {/* Sport filter */}
- <div className="border-b border-border/60 p-5">

+ diff --git a/src/routes/net-exposure.tsx b/src/routes/net-exposure.tsx
+ index 9460c7a..21b2b6c 100644
+ Refresh {countdown}s
+ </Button>
+ </div>
+         
+         
+ 
+ {/* Sport filter */}
+ <div className="border-b border-border/60 p-5">

- diff --git a/src/routes/pl-by-agent.tsx b/src/routes/pl-by-agent.tsx
- index bc0a29f..c464e9f 100644
- TableRow,
- } from "@/components/ui/table";
- import { internalServices } from "@/services/api/internalServices";
- import type {
- ProfitLossAgentRow,
- ProfitLossDateGroup,
- const csvRows = useMemo(() => flattenCsvRows(report), [report]);
- const refetchReport = reportQuery.refetch;
- 
- useEffect(() => {
- const timer = window.setInterval(() => {
- setRefreshCountdown((current) => Math.max(0, current - 1));
- }, [refreshCountdown, refetchReport]);
- 
- const handleManualRefresh = () => {
-     refetchReport();

+ diff --git a/src/routes/pl-by-agent.tsx b/src/routes/pl-by-agent.tsx
+ index bc0a29f..c464e9f 100644
+ TableRow,
+ } from "@/components/ui/table";
+ import { internalServices } from "@/services/api/internalServices";
+ import { useReportSocket } from "@/hooks/useReportSocket";
+ import type {
+ ProfitLossAgentRow,
+ ProfitLossDateGroup,
+ const csvRows = useMemo(() => flattenCsvRows(report), [report]);
+ const refetchReport = reportQuery.refetch;
+ 
+   const refreshAppliedReport = () => {
+     refetchReport();
+     setRefreshCountdown(refreshIntervalSeconds);
+   };
+   useReportSocket({ onProfitLoss: refreshAppliedReport });
+ 

- diff --git a/src/routes/pl-by-market.tsx b/src/routes/pl-by-market.tsx
- index 62c0f40..5fc49b6 100644
- import { createFileRoute } from "@tanstack/react-router";
- import { useQuery } from "@tanstack/react-query";
- import { useEffect, useMemo, useState } from "react";
- import { motion } from "motion/react";
- import { format } from "date-fns";
- import { toast } from "sonner";
- TableRow,
- } from "@/components/ui/table";
- import { internalServices } from "@/services/api/internalServices";
- import type {
- ProfitLossDateGroup,
- ProfitLossMarketRow,
- const csvRows = useMemo(() => flattenCsvRows(report), [report]);
- const refetchReport = reportQuery.refetch;
- 
- useEffect(() => {

+ diff --git a/src/routes/pl-by-market.tsx b/src/routes/pl-by-market.tsx
+ index 62c0f40..5fc49b6 100644
+ import { createFileRoute } from "@tanstack/react-router";
+ import { useQuery } from "@tanstack/react-query";
+ import { useMemo, useState, useEffect } from "react";
+ import { motion } from "motion/react";
+ import { format } from "date-fns";
+ import { toast } from "sonner";
+ TableRow,
+ } from "@/components/ui/table";
+ import { internalServices } from "@/services/api/internalServices";
+ import { useReportSocket } from "@/hooks/useReportSocket";
+ import type {
+ ProfitLossDateGroup,
+ ProfitLossMarketRow,
+ const csvRows = useMemo(() => flattenCsvRows(report), [report]);
+ const refetchReport = reportQuery.refetch;
+ 

- diff --git a/src/routes/user-exposure-bet.tsx b/src/routes/user-exposure-bet.tsx
- deleted file mode 100644
- index 87ea24c..0000000
- import { createFileRoute } from '@tanstack/react-router'
- 
- export const Route = createFileRoute('/user-exposure-bet')({
-   component: RouteComponent,
- })
- 
- function RouteComponent() {
-   return <div>Hello "/user-exposure-bet"!</div>
- }

+ diff --git a/src/routes/user-exposure-bet.tsx b/src/routes/user-exposure-bet.tsx
+ deleted file mode 100644
+ index 87ea24c..0000000

- diff --git a/src/routes/user-exposure-detail.tsx b/src/routes/user-exposure-detail.tsx
- index 6e017de..4f9cdcb 100644
- import { createFileRoute, useNavigate } from "@tanstack/react-router";
- import { useQuery } from "@tanstack/react-query";
- import { Fragment, useEffect, useState } from "react";
- import type React from "react";
- import { ArrowLeft, RefreshCw, ChevronDown, Network, Eye } from "lucide-react";
- import { Button } from "@/components/ui/button";
- import { cn } from "@/lib/utils";
- import { tenantApiClient } from "@/services/api/apiClient";
- import { getExposureParams } from "@/lib/nav-params";
- 
- export const Route = createFileRoute("/user-exposure-detail")({
- component: UserExposureDetailPage,
- 
- // ─── Types ────────────────────────────────────────────────────────────────────
- 
- interface DetailRunner { runnerId: string; runnerName: string; exposure: number; exposureProfit: number; }

+ diff --git a/src/routes/user-exposure-detail.tsx b/src/routes/user-exposure-detail.tsx
+ index 6e017de..4f9cdcb 100644
+ import { createFileRoute, useNavigate } from "@tanstack/react-router";
+ import { useQuery } from "@tanstack/react-query";
+ import { Fragment, useEffect, useMemo, useState } from "react";
+ import type React from "react";
+ import { ArrowLeft, RefreshCw, ChevronDown, Network, Eye } from "lucide-react";
+ import { Button } from "@/components/ui/button";
+ import { cn } from "@/lib/utils";
+ import { tenantApiClient } from "@/services/api/apiClient";
+ import { getExposureParams } from "@/lib/nav-params";
+ import { useReportSocket } from "@/hooks/useReportSocket";
+ 
+ export const Route = createFileRoute("/user-exposure-detail")({
+ component: UserExposureDetailPage,
+ 
+ // ─── Types ────────────────────────────────────────────────────────────────────
+ 

- diff --git a/src/routes/user-listing.tsx b/src/routes/user-listing.tsx
- index e3e0b1d..0609262 100644
- },
- };
- 
- function getStatusColorKey(status: unknown): StatusColorKey {
- const normalized = String(status ?? "")
- .trim()

+ diff --git a/src/routes/user-listing.tsx b/src/routes/user-listing.tsx
+ index e3e0b1d..0609262 100644
+ },
+ };
+ 
+ 
+ function getStatusColorKey(status: unknown): StatusColorKey {
+ const normalized = String(status ?? "")
+ .trim()

- diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
- index 24cab2a..5856f39 100644
- import { Route as UsersRouteImport } from './routes/users'
- import { Route as UserListingRouteImport } from './routes/user-listing'
- import { Route as UserExposureDetailRouteImport } from './routes/user-exposure-detail'
- import { Route as UserExposureBetRouteImport } from './routes/user-exposure-bet'
- import { Route as UploadFilesRouteImport } from './routes/upload-files'
- import { Route as TransferStatementRouteImport } from './routes/transfer-statement'
- import { Route as TransferRouteImport } from './routes/transfer'
- path: '/user-exposure-detail',
- getParentRoute: () => rootRouteImport,
- } as any)
- const UserExposureBetRoute = UserExposureBetRouteImport.update({
-   id: '/user-exposure-bet',
-   path: '/user-exposure-bet',
-   getParentRoute: () => rootRouteImport,
- } as any)
- const UploadFilesRoute = UploadFilesRouteImport.update({

+ diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
+ index 24cab2a..5856f39 100644
+ import { Route as UsersRouteImport } from './routes/users'
+ import { Route as UserListingRouteImport } from './routes/user-listing'
+ import { Route as UserExposureDetailRouteImport } from './routes/user-exposure-detail'
+ import { Route as UploadFilesRouteImport } from './routes/upload-files'
+ import { Route as TransferStatementRouteImport } from './routes/transfer-statement'
+ import { Route as TransferRouteImport } from './routes/transfer'
+ path: '/user-exposure-detail',
+ getParentRoute: () => rootRouteImport,
+ } as any)
+ const UploadFilesRoute = UploadFilesRouteImport.update({
+ id: '/upload-files',
+ path: '/upload-files',
+ '/transfer': typeof TransferRoute
+ '/transfer-statement': typeof TransferStatementRoute
+ '/upload-files': typeof UploadFilesRoute
+ '/user-exposure-detail': typeof UserExposureDetailRoute