limit custom param name width in http tools (#6125)

* limit custom param name width in http tools

* scroll

* cron log

---------

Co-authored-by: archer <545436317@qq.com>

packages/global/common/middle/tracks/constants.ts

@@ -11,8 +11,12 @@ export enum TrackEnum {
   clickOperationalAd = 'clickOperationalAd',
   closeOperationalAd = 'closeOperationalAd',
   teamChatQPM = 'teamChatQPM',
+
+  // Admin cron job tracks
   subscriptionDeleted = 'subscriptionDeleted',
   freeAccountCleanup = 'freeAccountCleanup',
+  auditLogCleanup = 'auditLogCleanup',
+  chatHistoryCleanup = 'chatHistoryCleanup',
 
   // web tracks
   clientError = 'clientError'

packages/service/common/middle/tracks/utils.ts

@@ -158,6 +158,8 @@ export const pushTrack = {
       }
     });
   },
+
+  // Admin cron job tracks
   subscriptionDeleted: (data: {
     teamId: string;
     subscriptionType: string;
@@ -185,5 +187,23 @@ export const pushTrack = {
         expiredTime: data.expiredTime
       }
     });
+  },
+  auditLogCleanup: (data: { teamId: string; retentionDays: number }) => {
+    return createTrack({
+      event: TrackEnum.auditLogCleanup,
+      data: {
+        teamId: data.teamId,
+        retentionDays: data.retentionDays
+      }
+    });
+  },
+  chatHistoryCleanup: (data: { teamId: string; retentionDays: number }) => {
+    return createTrack({
+      event: TrackEnum.chatHistoryCleanup,
+      data: {
+        teamId: data.teamId,
+        retentionDays: data.retentionDays
+      }
+    });
   }
 };

projects/app/src/pageComponents/app/detail/HTTPTools/ManualToolModal.tsx

@@ -649,7 +649,7 @@ const CustomParamsTable = ({
       borderBottom={'none'}
       bg={'white'}
     >
-      <TableContainer overflowY={'visible'} overflowX={'unset'}>
+      <TableContainer overflowY={'visible'} overflowX={'auto'}>
         <Table size={'sm'}>
           <Thead>
             <Tr bg={'myGray.50'} h={8}>
@@ -663,8 +663,10 @@ const CustomParamsTable = ({
           <Tbody>
             {list.map((item, index) => (
               <Tr key={index} h={8}>
-                <Td px={2}>{item.key}</Td>
-                <Td px={2} maxW={40} textOverflow={'ellipsis'} overflow={'hidden'}>
+                <Td px={2} maxW={'250px'} textOverflow={'ellipsis'} overflow={'hidden'}>
+                  {item.key}
+                </Td>
+                <Td px={2} maxW={20} textOverflow={'ellipsis'} overflow={'hidden'}>
                   {item.description}
                 </Td>
                 <Td px={2}>{item.type}</Td>