update stats data

src/Managing.Application.Abstractions/Grains/IPlatformSummaryGrain.cs

@@ -40,8 +40,10 @@ public interface IPlatformSummaryGrain : IGrainWithStringKey
     Task<int> GetTotalPositionCountAsync();
     
     // Event handlers for immediate updates
-    Task OnStrategyDeployedAsync(StrategyDeployedEvent evt);
+    /// <summary>
-    Task OnStrategyStoppedAsync(StrategyStoppedEvent evt);
+    /// Updates the active strategy count
+    /// </summary>
+    Task UpdateActiveStrategyCountAsync(int newActiveCount);
     Task OnPositionOpenedAsync(PositionOpenedEvent evt);
     Task OnPositionClosedAsync(PositionClosedEvent evt);
     Task OnTradeExecutedAsync(TradeExecutedEvent evt);
@@ -57,37 +59,7 @@ public abstract class PlatformMetricsEvent
     public DateTime Timestamp { get; set; } = DateTime.UtcNow;
 }
 
-/// <summary>
-/// Event fired when a new strategy is deployed
-/// </summary>
-[GenerateSerializer]
-public class StrategyDeployedEvent : PlatformMetricsEvent
-{
-    [Id(1)]
-    public Guid StrategyId { get; set; }
 
-    [Id(2)]
-    public string AgentName { get; set; } = string.Empty;
-    
-    [Id(3)]
-    public string StrategyName { get; set; } = string.Empty;
-}
-
-/// <summary>
-/// Event fired when a strategy is stopped
-/// </summary>
-[GenerateSerializer]
-public class StrategyStoppedEvent : PlatformMetricsEvent
-{
-    [Id(1)]
-    public Guid StrategyId { get; set; }
-    
-    [Id(2)]
-    public string AgentName { get; set; } = string.Empty;
-    
-    [Id(3)]
-    public string StrategyName { get; set; } = string.Empty;
-}
 
 /// <summary>
 /// Event fired when a new position is opened

src/Managing.Application/Bots/Grains/LiveBotRegistryGrain.cs

@@ -65,8 +65,8 @@ public class LiveBotRegistryGrain : Grain, ILiveBotRegistryGrain
                 "Bot {Identifier} registered successfully for user {UserId}. Total bots: {TotalBots}, Active bots: {ActiveBots}",
                 identifier, userId, _state.State.TotalBotsCount, _state.State.ActiveBotsCount);
 
-            // Notify platform summary grain about strategy deployment
+            // Notify platform summary grain about strategy count change
-            await NotifyStrategyDeployedAsync(identifier, userId);
+            await NotifyPlatformSummaryAsync();
         }
         catch (Exception ex)
         {
@@ -102,8 +102,8 @@ public class LiveBotRegistryGrain : Grain, ILiveBotRegistryGrain
                 "Bot {Identifier} unregistered successfully from user {UserId}. Total bots: {TotalBots}",
                 identifier, entryToRemove.UserId, _state.State.TotalBotsCount);
 
-            // Notify platform summary grain about strategy stopped
+            // Notify platform summary grain about strategy count change
-            await NotifyStrategyStoppedAsync(identifier, entryToRemove.UserId);
+            await NotifyPlatformSummaryAsync();
         }
         catch (Exception ex)
         {
@@ -187,65 +187,19 @@ public class LiveBotRegistryGrain : Grain, ILiveBotRegistryGrain
         return Task.FromResult(entry.Status);
     }
 
-    private async Task NotifyStrategyDeployedAsync(Guid identifier, int userId)
+    private async Task NotifyPlatformSummaryAsync()
     {
         try
-        {
-            // Get bot details for the event
-            var bot = await _botService.GetBotByIdentifier(identifier);
-            if (bot != null)
         {
             var platformGrain = GrainFactory.GetGrain<IPlatformSummaryGrain>("platform-summary");
+            await platformGrain.UpdateActiveStrategyCountAsync(_state.State.ActiveBotsCount);
             
-                var deployedEvent = new StrategyDeployedEvent
+            _logger.LogDebug("Notified platform summary about active strategy count change. New count: {ActiveCount}", 
-                {
+                _state.State.ActiveBotsCount);
-                    StrategyId = identifier,
-                    AgentName = bot.User.AgentName,
-                    StrategyName = bot.Name
-                };
-
-                await platformGrain.OnStrategyDeployedAsync(deployedEvent);
-                _logger.LogDebug("Notified platform summary about strategy deployment: {StrategyName}", bot.Name);
-            }
-            else
-            {
-                _logger.LogWarning("Could not find bot {Identifier} to notify platform summary", identifier);
-            }
         }
         catch (Exception ex)
         {
-            _logger.LogError(ex, "Failed to notify platform summary about strategy deployment for bot {Identifier}", identifier);
+            _logger.LogError(ex, "Failed to notify platform summary about strategy count change");
-        }
-    }
-
-    private async Task NotifyStrategyStoppedAsync(Guid identifier, int userId)
-    {
-        try
-        {
-            // Get bot details for the event
-            var bot = await _botService.GetBotByIdentifier(identifier);
-            if (bot != null)
-            {
-                var platformGrain = GrainFactory.GetGrain<IPlatformSummaryGrain>("platform-summary");
-                
-                var stoppedEvent = new StrategyStoppedEvent
-                {
-                    StrategyId = identifier,
-                    AgentName = bot.User?.Name ?? $"User-{userId}",
-                    StrategyName = bot.Name
-                };
-
-                await platformGrain.OnStrategyStoppedAsync(stoppedEvent);
-                _logger.LogDebug("Notified platform summary about strategy stopped: {StrategyName}", bot.Name);
-            }
-            else
-            {
-                _logger.LogWarning("Could not find bot {Identifier} to notify platform summary", identifier);
-            }
-        }
-        catch (Exception ex)
-        {
-            _logger.LogError(ex, "Failed to notify platform summary about strategy stopped for bot {Identifier}", identifier);
         }
     }
 }

src/Managing.Application/Grains/PlatformSummaryGrain.cs

@@ -190,7 +190,8 @@ public class PlatformSummaryGrain : Grain, IPlatformSummaryGrain, IRemindable
                 var openInterest = openPositions
                     .Sum(p => (p.Open.Price * p.Open.Quantity) * p.Open.Leverage);
 
-                _logger.LogDebug("Calculated position metrics: {PositionCount} positions, {OpenInterest} leveraged open interest",
+                _logger.LogDebug(
+                    "Calculated position metrics: {PositionCount} positions, {OpenInterest} leveraged open interest",
                     positionCount, openInterest);
 
                 return (openInterest, positionCount);
@@ -229,20 +230,11 @@ public class PlatformSummaryGrain : Grain, IPlatformSummaryGrain, IRemindable
     }
 
     // Event handlers for immediate updates
-    public async Task OnStrategyDeployedAsync(StrategyDeployedEvent evt)
+    public async Task UpdateActiveStrategyCountAsync(int newActiveCount)
     {
-        _logger.LogInformation("Strategy deployed: {StrategyId} - {StrategyName}", evt.StrategyId, evt.StrategyName);
+        _logger.LogInformation("Updating active strategies count to: {NewActiveCount}", newActiveCount);
 
-        _state.State.TotalActiveStrategies++;
+        _state.State.TotalActiveStrategies = newActiveCount;
-        _state.State.HasPendingChanges = true;
-        await _state.WriteStateAsync();
-    }
-
-    public async Task OnStrategyStoppedAsync(StrategyStoppedEvent evt)
-    {
-        _logger.LogInformation("Strategy stopped: {StrategyId} - {StrategyName}", evt.StrategyId, evt.StrategyName);
-
-        _state.State.TotalActiveStrategies--;
         _state.State.HasPendingChanges = true;
         await _state.WriteStateAsync();
     }

src/Managing.Infrastructure.Database/PostgreSql/ManagingDbContext.cs

@@ -448,6 +448,8 @@ public class ManagingDbContext : DbContext
             entity.Property(e => e.Roi).HasPrecision(18, 8);
             entity.Property(e => e.Volume).HasPrecision(18, 8);
             entity.Property(e => e.Fees).HasPrecision(18, 8);
+            entity.Property(e => e.LongPositionCount).IsRequired();
+            entity.Property(e => e.ShortPositionCount).IsRequired();
 
             // Create indexes
             entity.HasIndex(e => e.Identifier).IsUnique();

src/Managing.Infrastructure.Database/PostgreSql/PostgreSqlBotRepository.cs

@@ -73,6 +73,8 @@ public class PostgreSqlBotRepository : IBotRepository
         existingEntity.Volume = bot.Volume;
         existingEntity.Fees = bot.Fees;
         existingEntity.UpdatedAt = DateTime.UtcNow;
+        existingEntity.LongPositionCount = bot.LongPositionCount;
+        existingEntity.ShortPositionCount = bot.ShortPositionCount;
 
         await _context.SaveChangesAsync().ConfigureAwait(false);
     }

src/Managing.WebApp/src/pages/botsPage/botList.tsx

@@ -72,7 +72,7 @@ const BotList: React.FC<IBotList> = ({ list }) => {
   const [showManualPositionModal, setShowManualPositionModal] = useState(false)
   const [selectedBotForManualPosition, setSelectedBotForManualPosition] = useState<string | null>(null)
   const [showTradesModal, setShowTradesModal] = useState(false)
-  const [selectedBotForTrades, setSelectedBotForTrades] = useState<{ identifier: string; agentName: string } | null>(null)
+  const [selectedBotForTrades, setSelectedBotForTrades] = useState<{ name: string; agentName: string } | null>(null)
   const [showBotConfigModal, setShowBotConfigModal] = useState(false)
   const [selectedBotForUpdate, setSelectedBotForUpdate] = useState<{
     identifier: string
@@ -144,10 +144,10 @@ const BotList: React.FC<IBotList> = ({ list }) => {
     )
   }
 
-  function getTradesBadge(botIdentifier: string, agentName: string) {
+  function getTradesBadge(name: string, agentName: string) {
     const classes = baseBadgeClass() + ' bg-secondary'
     return (
-      <button className={classes} onClick={() => openTradesModal(botIdentifier, agentName)}>
+      <button className={classes} onClick={() => openTradesModal(name, agentName)}>
          <p className="text-primary-content flex">
             <ChartBarIcon width={15}></ChartBarIcon>
          </p>
@@ -160,8 +160,8 @@ const BotList: React.FC<IBotList> = ({ list }) => {
     setShowManualPositionModal(true)
   }
 
-  function openTradesModal(botIdentifier: string, agentName: string) {
+  function openTradesModal(name: string, agentName: string) {
-    setSelectedBotForTrades({ identifier: botIdentifier, agentName })
+    setSelectedBotForTrades({ name: name, agentName })
     setShowTradesModal(true)
   }
 
@@ -311,7 +311,7 @@ const BotList: React.FC<IBotList> = ({ list }) => {
                   <div className={baseBadgeClass(true)}>
                     PNL {bot.profitAndLoss.toFixed(2).toString()} $
                   </div>
-                  {getTradesBadge(bot.identifier, bot.agentName)}
+                  {getTradesBadge(bot.name, bot.agentName)}
                 </div>
               </div>
             </div>
@@ -335,7 +335,7 @@ const BotList: React.FC<IBotList> = ({ list }) => {
       />
       <TradesModal
         showModal={showTradesModal}
-        strategyName={selectedBotForTrades?.identifier ?? null}
+        strategyName={selectedBotForTrades?.name ?? null}
         agentName={selectedBotForTrades?.agentName ?? null}
         onClose={() => {
           setShowTradesModal(false)

src/Managing.WebApp/src/pages/dashboardPage/platformSummary.tsx

@@ -1,53 +1,28 @@
-import React, {useEffect, useState} from 'react'
+import React from 'react'
+import {useQuery} from '@tanstack/react-query'
 import useApiUrlStore from '../../app/store/apiStore'
-import {
+import {fetchPlatformData} from '../../services/platformService'
-    DataClient,
-    type PlatformSummaryViewModel,
-    type TopStrategiesByRoiViewModel,
-    type TopStrategiesViewModel
-} from '../../generated/ManagingApi'
 
-function PlatformSummary({ index }: { index: number }) {
+function PlatformSummary({index}: { index: number }) {
-  const { apiUrl } = useApiUrlStore()
+    const {apiUrl} = useApiUrlStore()
-  const [platformData, setPlatformData] = useState<PlatformSummaryViewModel | null>(null)
 
-  const [topStrategies, setTopStrategies] = useState<TopStrategiesViewModel | null>(null)
+    const {
-  const [topStrategiesByRoi, setTopStrategiesByRoi] = useState<TopStrategiesByRoiViewModel | null>(null)
+        data,
-  const [isLoading, setIsLoading] = useState(true)
+        isLoading,
-  const [error, setError] = useState<string | null>(null)
+        error,
+        isFetching
+    } = useQuery({
+        queryKey: ['platformData', apiUrl],
+        queryFn: () => fetchPlatformData(apiUrl),
+        refetchInterval: 30000, // Refetch every 30 seconds
+        staleTime: 25000, // Consider data stale after 25 seconds
+        placeholderData: (previousData) => previousData, // Keep previous data while fetching
+        enabled: !!apiUrl
+    })
 
-  const fetchPlatformData = async () => {
+    const platformData = data?.platform
-    setIsLoading(true)
+    const topStrategies = data?.topStrategies
-    setError(null)
+    const topStrategiesByRoi = data?.topStrategiesByRoi
-    
-    try {
-      const client = new DataClient({}, apiUrl)
-      
-      // Fetch all platform data in parallel
-      const [platform, top, topRoi] = await Promise.all([
-        client.data_GetPlatformSummary(),
-        client.data_GetTopStrategies(),
-        client.data_GetTopStrategiesByRoi()
-      ])
-      
-      setPlatformData(platform)
-      setTopStrategies(top)
-      setTopStrategiesByRoi(topRoi)
-    } catch (err) {
-      setError('Failed to fetch platform data')
-      console.error('Error fetching platform data:', err)
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  useEffect(() => {
-    fetchPlatformData()
-    
-    // Set up refresh interval (every 30 seconds)
-    const interval = setInterval(fetchPlatformData, 30000)
-    return () => clearInterval(interval)
-  }, [apiUrl])
 
     const formatCurrency = (value: number) => {
         if (value >= 1000000) {
@@ -92,7 +67,8 @@ function PlatformSummary({ index }: { index: number }) {
         return `${percentage >= 0 ? '+' : ''}${percentage.toFixed(1)}%`
     }
 
-  if (isLoading) {
+    // Show loading spinner only on initial load
+    if (isLoading && !data) {
         return (
             <div className="flex justify-center items-center min-h-96">
                 <div className="loading loading-spinner loading-lg"></div>
@@ -100,16 +76,29 @@ function PlatformSummary({ index }: { index: number }) {
         )
     }
 
-  if (error) {
+    if (error && !data) {
         return (
             <div className="alert alert-error">
-        <span>{error}</span>
+                <span>Failed to fetch platform data</span>
+                <details className="text-sm mt-2">
+                    {error instanceof Error ? error.message : 'Unknown error occurred'}
+                </details>
             </div>
         )
     }
 
     return (
         <div className="p-6 bg-base-100 min-h-screen">
+            {/* Subtle refetching indicator */}
+            {isFetching && data && (
+                <div className="fixed top-4 right-4 z-50">
+                    <div className="bg-blue-500 text-white px-3 py-1 rounded-full text-sm flex items-center gap-2">
+                        <div className="loading loading-spinner loading-xs"></div>
+                        Updating...
+                    </div>
+                </div>
+            )}
+
             {/* Header */}
             <div className="mb-8">
                 <h1 className="text-4xl font-bold text-white mb-2">
@@ -128,7 +117,8 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="text-3xl font-bold text-white mb-1">
                         {formatCurrency(platformData?.totalPlatformVolume || 0)}
                     </div>
-          <div className={`text-sm ${(platformData?.volumeChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-sm ${(platformData?.volumeChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {(platformData?.volumeChange24h || 0) >= 0 ? '+' : ''}{formatCurrency(platformData?.volumeChange24h || 0)} Today
                         <span className="ml-2 text-gray-400">
               ({formatPercentageChange(platformData?.totalPlatformVolume || 0, platformData?.volumeChange24h || 0)})
@@ -162,7 +152,8 @@ function PlatformSummary({ index }: { index: number }) {
                                         <div className="text-xs text-gray-400">📧</div>
                                     </div>
                                 </div>
-                <div className={`text-sm font-bold ${strategy.pnL && strategy.pnL >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                                <div
+                                    className={`text-sm font-bold ${strategy.pnL && strategy.pnL >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                                     {strategy.pnL && strategy.pnL >= 0 ? '+' : ''}{formatCurrency(strategy.pnL || 0)}
                                 </div>
                             </div>
@@ -197,10 +188,12 @@ function PlatformSummary({ index }: { index: number }) {
                                     </div>
                                 </div>
                                 <div className="text-right">
-                  <div className={`text-sm font-bold ${(strategy.roi || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                                    <div
+                                        className={`text-sm font-bold ${(strategy.roi || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                                         {(strategy.roi || 0) >= 0 ? '+' : ''}{strategy.roi?.toFixed(2) || 0}%
                                     </div>
-                  <div className={`text-xs ${(strategy.pnL || 0) >= 0 ? 'text-green-400' : 'text-red-400'}`}>
+                                    <div
+                                        className={`text-xs ${(strategy.pnL || 0) >= 0 ? 'text-green-400' : 'text-red-400'}`}>
                                         {(strategy.pnL || 0) >= 0 ? '+' : ''}{formatCurrency(strategy.pnL || 0)}
                                     </div>
                                 </div>
@@ -219,7 +212,8 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="text-3xl font-bold text-white mb-1">
                         {formatNumber(platformData?.totalAgents || 0)}
                     </div>
-          <div className={`text-sm ${(platformData?.agentsChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-sm ${(platformData?.agentsChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {formatChangeIndicator(platformData?.agentsChange24h || 0)}
                     </div>
                 </div>
@@ -229,17 +223,20 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="text-3xl font-bold text-white mb-1">
                         {formatNumber(platformData?.totalActiveStrategies || 0)}
                     </div>
-          <div className={`text-sm ${(platformData?.strategiesChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-sm ${(platformData?.strategiesChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {formatChangeIndicator(platformData?.strategiesChange24h || 0)}
                     </div>
                 </div>
 
                 <div className="bg-base-200 rounded-lg p-6">
                     <h3 className="text-lg font-semibold text-gray-400 mb-2">Total Platform PnL</h3>
-          <div className={`text-3xl font-bold ${(platformData?.totalPlatformPnL || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-3xl font-bold ${(platformData?.totalPlatformPnL || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {(platformData?.totalPlatformPnL || 0) >= 0 ? '+' : ''}{formatCurrency(platformData?.totalPlatformPnL || 0)}
                     </div>
-          <div className={`text-sm ${(platformData?.pnLChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-sm ${(platformData?.pnLChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {(platformData?.pnLChange24h || 0) >= 0 ? '+' : ''}{formatCurrency(platformData?.pnLChange24h || 0)} Today
                     </div>
                 </div>
@@ -249,7 +246,8 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="text-3xl font-bold text-white mb-1">
                         {formatCurrency(platformData?.totalOpenInterest || 0)}
                     </div>
-          <div className={`text-sm ${(platformData?.openInterestChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-sm ${(platformData?.openInterestChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {(platformData?.openInterestChange24h || 0) >= 0 ? '+' : ''}{formatCurrency(platformData?.openInterestChange24h || 0)} Today
                     </div>
                 </div>
@@ -262,7 +260,8 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="text-3xl font-bold text-white mb-1">
                         {formatNumber(platformData?.totalPositionCount || 0)}
                     </div>
-          <div className={`text-sm ${(platformData?.positionCountChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
+                    <div
+                        className={`text-sm ${(platformData?.positionCountChange24h || 0) >= 0 ? 'text-green-500' : 'text-red-500'}`}>
                         {formatChangeIndicator(platformData?.positionCountChange24h || 0)}
                     </div>
                 </div>
@@ -274,7 +273,8 @@ function PlatformSummary({ index }: { index: number }) {
                     </div>
                     <div className="text-sm text-gray-400">
                         {platformData?.totalPositionCount ?
-              ((platformData.positionCountByDirection?.Long || 0) / platformData.totalPositionCount * 100).toFixed(1) : 0}% of total
+                            ((platformData.positionCountByDirection?.Long || 0) / platformData.totalPositionCount * 100).toFixed(1) : 0}%
+                        of total
                     </div>
                 </div>
 
@@ -285,7 +285,8 @@ function PlatformSummary({ index }: { index: number }) {
                     </div>
                     <div className="text-sm text-gray-400">
                         {platformData?.totalPositionCount ?
-              ((platformData.positionCountByDirection?.Short || 0) / platformData.totalPositionCount * 100).toFixed(1) : 0}% of total
+                            ((platformData.positionCountByDirection?.Short || 0) / platformData.totalPositionCount * 100).toFixed(1) : 0}%
+                        of total
                     </div>
                 </div>
             </div>
@@ -298,12 +299,13 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="space-y-3 max-h-80 overflow-y-auto">
                         {platformData?.volumeByAsset && Object.keys(platformData.volumeByAsset).length > 0 ? (
                             Object.entries(platformData.volumeByAsset)
-                .sort(([,a], [,b]) => b - a)
+                                .sort(([, a], [, b]) => b - a)
                                 .slice(0, 10)
                                 .map(([asset, volume]) => (
                                     <div key={asset} className="flex items-center justify-between">
                                         <div className="flex items-center gap-2">
-                      <div className="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center">
+                                            <div
+                                                className="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center">
                         <span className="text-xs font-bold text-white">
                           {asset.substring(0, 2)}
                         </span>
@@ -329,12 +331,13 @@ function PlatformSummary({ index }: { index: number }) {
                     <div className="space-y-3 max-h-80 overflow-y-auto">
                         {platformData?.positionCountByAsset && Object.keys(platformData.positionCountByAsset).length > 0 ? (
                             Object.entries(platformData.positionCountByAsset)
-                .sort(([,a], [,b]) => b - a)
+                                .sort(([, a], [, b]) => b - a)
                                 .slice(0, 10)
                                 .map(([asset, count]) => (
                                     <div key={asset} className="flex items-center justify-between">
                                         <div className="flex items-center gap-2">
-                      <div className="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center">
+                                            <div
+                                                className="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center">
                         <span className="text-xs font-bold text-white">
                           {asset.substring(0, 2)}
                         </span>
@@ -347,7 +350,8 @@ function PlatformSummary({ index }: { index: number }) {
                                             </div>
                                             <div className="text-xs text-gray-400">
                                                 {platformData?.totalPositionCount ?
-                          (count / platformData.totalPositionCount * 100).toFixed(1) : 0}% of total
+                                                    (count / platformData.totalPositionCount * 100).toFixed(1) : 0}% of
+                                                total
                                             </div>
                                         </div>
                                     </div>
@@ -362,7 +366,15 @@ function PlatformSummary({ index }: { index: number }) {
             {/* Data Freshness Indicator */}
             <div className="bg-base-200 rounded-lg p-4">
                 <div className="flex items-center justify-between text-sm text-gray-400">
+                    <div className="flex items-center gap-2">
                         <span>Last updated: {platformData?.lastUpdated ? new Date(platformData.lastUpdated).toLocaleString() : 'Unknown'}</span>
+                        {isFetching && (
+                            <div className="flex items-center gap-1 text-blue-400">
+                                <div className="loading loading-spinner loading-xs"></div>
+                                <span>Refreshing...</span>
+                            </div>
+                        )}
+                    </div>
                     <span>24h snapshot: {platformData?.last24HourSnapshot ? new Date(platformData.last24HourSnapshot).toLocaleString() : 'Unknown'}</span>
                 </div>
             </div>

src/Managing.WebApp/src/services/platformService.ts

@@ -0,0 +1,29 @@
+import {
+  DataClient,
+  type PlatformSummaryViewModel,
+  type TopStrategiesByRoiViewModel,
+  type TopStrategiesViewModel
+} from '../generated/ManagingApi'
+
+export interface PlatformData {
+  platform: PlatformSummaryViewModel
+  topStrategies: TopStrategiesViewModel
+  topStrategiesByRoi: TopStrategiesByRoiViewModel
+}
+
+export const fetchPlatformData = async (apiUrl: string): Promise<PlatformData> => {
+  const client = new DataClient({}, apiUrl)
+  
+  // Fetch all platform data in parallel
+  const [platform, topStrategies, topStrategiesByRoi] = await Promise.all([
+    client.data_GetPlatformSummary(),
+    client.data_GetTopStrategies(),
+    client.data_GetTopStrategiesByRoi()
+  ])
+  
+  return {
+    platform,
+    topStrategies,
+    topStrategiesByRoi
+  }
+}