feat: predict agents feature parity (#77)

Author: rajat2502

apps/predict-ui/src/app/agent.tsx

@@ -14,7 +14,6 @@ import { Card } from '../components/ui/Card';
 import { COLOR } from '../constants/theme';
 import { useAgentDetails } from '../hooks/useAgentDetails';
 import { useFeatures } from '../hooks/useFeatures';
-import { isOmenstratAgent } from '../utils/agentMap';
 
 const AgentContent = styled.div`
   display: flex;
@@ -110,7 +109,7 @@ export const Agent = () => {
           lastActiveAt={agentDetails.last_active_at}
         />
         <AgentPerformance performance={performance} />
-        {isOmenstratAgent && <ProfitOverTime />}
+        <ProfitOverTime />
         <TradeHistory />
         <Strategy />
         <ChatContent />

apps/predict-ui/src/components/Performance.tsx

@@ -5,7 +5,6 @@ import { useMemo } from 'react';
 import { CURRENCY, CurrencyCode } from '../constants/currency';
 import { COLOR } from '../constants/theme';
 import { AgentMetricsResponse } from '../types';
-import { isOmenstratAgent } from '../utils/agentMap';
 import { Card } from './ui/Card';
 
 const { Text, Title } = Typography;
@@ -33,13 +32,11 @@ export const AgentPerformance = ({ performance }: { performance: AgentMetricsRes
         value: getValue(metrics.all_time_funds_used || 0, currency),
         tooltip: 'Total funds your agent has allocated to prediction-market trades over time.',
       },
-      isOmenstratAgent
-        ? {
-            title: 'All time profit',
-            value: getValue(metrics.all_time_profit || 0, currency),
-            tooltip: `The total net profit your agent has generated across all trades. With your All-time funds used, this gives an ROI of ${((metrics.roi ?? 0) * 100).toFixed(2)}%.`,
-          }
-        : null,
+      {
+        title: 'All time profit',
+        value: getValue(metrics.all_time_profit || 0, currency),
+        tooltip: `The total net profit your agent has generated across all trades. With your All-time funds used, this gives an ROI of ${((metrics.roi ?? 0) * 100).toFixed(2)}%.`,
+      },
       {
         title: 'Funds locked in markets',
         value: getValue(metrics.funds_locked_in_markets || 0, currency),
@@ -56,16 +53,14 @@ export const AgentPerformance = ({ performance }: { performance: AgentMetricsRes
           ? Intl.NumberFormat('en-US').format(stats.predictions_made)
           : '0',
       },
-      isOmenstratAgent
-        ? {
-            title: 'Prediction accuracy',
-            value:
-              stats.prediction_accuracy === null
-                ? 'Will appear with the first resolved market.'
-                : `${(stats.prediction_accuracy * 100).toFixed(2)}%`,
-            variant: stats.prediction_accuracy === null ? 'text' : 'title',
-          }
-        : null,
+      {
+        title: 'Prediction accuracy',
+        value:
+          stats.prediction_accuracy === null
+            ? 'Will appear with the first resolved market.'
+            : `${(stats.prediction_accuracy * 100).toFixed(2)}%`,
+        variant: stats.prediction_accuracy === null ? 'text' : 'title',
+      },
     ];
 
     return items.filter(isPerformanceItem);

apps/predict-ui/src/components/ProfitOverTime/ProfitOverTime.tsx

@@ -57,10 +57,15 @@ export const ProfitOverTime = () => {
 
   return (
     <Card $gap="24px">
-      <Flex justify="space-between" align="center">
-        <Title level={4} className="m-0 font-normal">
-          Profit Over Time
-        </Title>
+      <Flex justify="space-between" align="start">
+        <Flex vertical gap={4}>
+          <Title level={4} className="m-0 font-normal">
+            Profit Over Time
+          </Title>
+          <Text type="secondary" className="text-sm" style={{ maxWidth: 320 }}>
+            Each timeframe begins at $0, highlighting profit movement within the selected range
+          </Text>
+        </Flex>
         {points.length > 0 && (
           <Segmented<AgentWindow>
             options={WINDOW_OPTIONS}

apps/predict-ui/src/components/TradeHistory/TradeHistory.tsx

@@ -12,7 +12,7 @@ import { COLOR } from '../../constants/theme';
 import { useAgentDetails } from '../../hooks/useAgentDetails';
 import { useTradeHistory } from '../../hooks/useTradeHistory';
 import { TradeHistoryItem } from '../../types';
-import { isOmenstratAgent, isPolystratAgent } from '../../utils/agentMap';
+import { isPolystratAgent } from '../../utils/agentMap';
 import { getPolymarketProfileUrl } from '../../utils/urls';
 import { Card } from '../ui/Card';
 import { PositionDetailsModal } from './PositionDetailsModal/PositionDetailsModal';
@@ -188,7 +188,6 @@ export const TradeHistory = () => {
           dataSource={data?.items ?? []}
           loading={isLoading}
           rowKey={(record) => record.id}
-          rowHoverable={isOmenstratAgent}
           pagination={{
             current: currentPage,
             pageSize: PAGE_SIZE,
@@ -198,12 +197,10 @@ export const TradeHistory = () => {
           }}
           onRow={(record) => ({
             onClick: () => {
-              if (isOmenstratAgent) {
-                setSelectedPositionId(record.id);
-                setIsPositionDetailsModalOpen(true);
-              }
+              setSelectedPositionId(record.id);
+              setIsPositionDetailsModalOpen(true);
             },
-            style: isOmenstratAgent ? { cursor: 'pointer' } : undefined,
+            style: { cursor: 'pointer' },
           })}
         />
       )}