feat: add re-run button to runs table

Adds a Replay icon button in the runs table for completed runs
(success, failed, aborted). Clicking it re-triggers the same robot
with its original interpreter settings.

- ColapsibleRow: add rerun case with Replay icon (terminal states only)
- RunsTable: add rerun column + prop threading
- Runs: thread rerunHandler prop
- MainPage: add handleReRunRecording handler
- Locales: add runs_table.rerun key to all 6 languages

Closes #687

Author: smeetagrawal23-sys

public/locales/de.json

@@ -575,7 +575,8 @@
         "run_by_api": "Ejecutado por API",
         "run_type": "Tipo de Ejecución"
       }
-    }
+    },
+    "rerun": "Re-ejecutar"
   },
   "run_content": {
     "tabs": {
@@ -648,4 +649,4 @@
     "de": "Alemán",
     "tr": "Turco"
   }
-}
+}

public/locales/en.json

@@ -461,7 +461,7 @@
   "robot_settings": {
     "title": "Robot Ayarları",
     "target_url": "Robot Hedef URL",
-      "new_name": "Robot Adı",
+    "new_name": "Robot Adı",
     "robot_id": "Robot ID",
     "robot_limit": "Robot Limiti",
     "created_by_user": "Oluşturan",
@@ -576,7 +576,8 @@
         "run_by_api": "API",
         "run_type": "Tür"
       }
-    }
+    },
+    "rerun": "Yeniden Çalıştır"
   },
   "run_content": {
     "tabs": {
@@ -649,4 +650,4 @@
     "de": "Almanca",
     "tr": "Türkçe"
   }
-}
+}

public/locales/es.json

@@ -461,7 +461,7 @@
   "robot_settings": {
     "title": "机器人设置",
     "target_url": "机器人目标URL",
-      "new_name": "机器人名称",
+    "new_name": "机器人名称",
     "robot_id": "机器人ID",
     "robot_limit": "机器人限制",
     "created_by_user": "由用户创建",
@@ -576,7 +576,8 @@
         "run_by_api": "由API运行",
         "run_type": "运行类型"
       }
-    }
+    },
+    "rerun": "重新运行"
   },
   "run_content": {
     "tabs": {
@@ -649,4 +650,4 @@
     "de": "德语",
     "tr": "土耳其语"
   }
-}
+}

public/locales/ja.json

@@ -4,7 +4,7 @@ import TableRow from "@mui/material/TableRow";
 import TableCell from "@mui/material/TableCell";
 import { Box, Collapse, IconButton, Typography, Chip, TextField } from "@mui/material";
 import { Button } from "@mui/material";
-import { DeleteForever, KeyboardArrowDown, KeyboardArrowUp, Settings } from "@mui/icons-material";
+import { DeleteForever, KeyboardArrowDown, KeyboardArrowUp, Replay, Settings } from "@mui/icons-material";
 import { deleteRunFromStorage } from "../../api/storage";
 import { columns, Data } from "./RunsTable";
 import { RunContent } from "./RunContent";
@@ -76,10 +76,11 @@ interface CollapsibleRowProps {
   onToggleExpanded: (shouldExpand: boolean) => void;
   currentLog: string;
   abortRunHandler: (runId: string, robotName: string, browserId: string) => void;
+  rerunHandler: (robotMetaId: string, robotName: string, interpreterSettings: any) => void;
   runningRecordingName: string;
   urlRunId: string | null;
 }
-export const CollapsibleRow = ({ row, handleDelete, isOpen, onToggleExpanded, currentLog, abortRunHandler, runningRecordingName, urlRunId }: CollapsibleRowProps) => {
+export const CollapsibleRow = ({ row, handleDelete, isOpen, onToggleExpanded, currentLog, abortRunHandler, rerunHandler, runningRecordingName, urlRunId }: CollapsibleRowProps) => {
   const { t } = useTranslation();
   const theme = useTheme();
   const [isDeleteOpen, setDeleteOpen] = useState(false);
@@ -210,6 +211,20 @@ export const CollapsibleRow = ({ row, handleDelete, isOpen, onToggleExpanded, cu
                     {row.status === 'aborted' && <Chip label={t('runs_table.run_status_chips.aborted')} color="error" variant="outlined" />}
                   </TableCell>
                 )
+              case 'rerun':
+                return (
+                  <TableCell key={column.id} align={column.align}>
+                    {['success', 'failed', 'aborted'].includes(row.status) && (
+                      <IconButton
+                        aria-label="rerun"
+                        size="small"
+                        onClick={() => rerunHandler(row.robotMetaId, row.name, row.interpreterSettings)}
+                      >
+                        <Replay />
+                      </IconButton>
+                    )}
+                  </TableCell>
+                );
               case 'delete':
                 return (
                   <TableCell key={column.id} align={column.align}>

public/locales/tr.json

@@ -5,19 +5,21 @@ import { RunsTable } from "./RunsTable";
 interface RunsProps {
   currentInterpretationLog: string;
   abortRunHandler: (runId: string, robotName: string, browserId: string) => void;
+  rerunHandler: (robotMetaId: string, robotName: string, interpreterSettings: any) => void;
   runId: string;
   runningRecordingName: string;
 }
 
 export const Runs = (
-  { currentInterpretationLog, abortRunHandler, runId, runningRecordingName }: RunsProps) => {
+  { currentInterpretationLog, abortRunHandler, rerunHandler, runId, runningRecordingName }: RunsProps) => {
 
   return (
     <Grid container direction="column" sx={{ padding: '30px' }}>
       <Grid item xs>
         <RunsTable
           currentInterpretationLog={currentInterpretationLog}
           abortRunHandler={abortRunHandler}
+          rerunHandler={rerunHandler}
           runId={runId}
           runningRecordingName={runningRecordingName}
         />

public/locales/zh.json

@@ -26,6 +26,7 @@ export const columns: readonly Column[] = [
   { id: 'startedAt', label: 'Started At', minWidth: 80 },
   { id: 'finishedAt', label: 'Finished At', minWidth: 80 },
   { id: 'settings', label: 'Settings', minWidth: 80 },
+  { id: 'rerun', label: 'Re-run', minWidth: 80 },
   { id: 'delete', label: 'Delete', minWidth: 80 },
 ];
 
@@ -39,7 +40,7 @@ interface AccordionSortConfig {
 }
 
 interface Column {
-  id: 'runStatus' | 'name' | 'startedAt' | 'finishedAt' | 'delete' | 'settings';
+  id: 'runStatus' | 'name' | 'startedAt' | 'finishedAt' | 'delete' | 'settings' | 'rerun';
   label: string;
   minWidth?: number;
   align?: 'right';
@@ -69,6 +70,7 @@ export interface Data {
 interface RunsTableProps {
   currentInterpretationLog: string;
   abortRunHandler: (runId: string, robotName: string, browserId: string) => void;
+  rerunHandler: (robotMetaId: string, robotName: string, interpreterSettings: any) => void;
   runId: string;
   runningRecordingName: string;
 }
@@ -83,6 +85,7 @@ interface PaginationState {
 export const RunsTable: React.FC<RunsTableProps> = ({
   currentInterpretationLog,
   abortRunHandler,
+  rerunHandler,
   runId,
   runningRecordingName
 }) => {
@@ -470,6 +473,7 @@ export const RunsTable: React.FC<RunsTableProps> = ({
           onToggleExpanded={(shouldExpand) => handleRowExpand(row.runId, row.robotMetaId, shouldExpand)}
           currentLog={currentInterpretationLog}
           abortRunHandler={abortRunHandler}
+          rerunHandler={rerunHandler}
           runningRecordingName={runningRecordingName}
           urlRunId={urlRunId}
         />

src/components/run/ColapsibleRow.tsx

@@ -226,6 +226,44 @@ export const MainPage = ({ handleEditRecording, initialContent }: MainPageProps)
     };
   }, []);
 
+  const handleReRunRecording = useCallback((robotMetaId: string, robotName: string, interpreterSettings: RunSettings) => {
+    createAndRunRecording(robotMetaId, interpreterSettings).then((response: CreateRunResponseWithQueue) => {
+      invalidateRuns();
+      const { browserId, runId, queued } = response;
+
+      navigate(`/runs/${robotMetaId}/run/${runId}`);
+
+      if (queued) {
+        setQueuedRuns(prev => new Set([...prev, runId]));
+        notify('info', t('main_page.notifications.run_started', { name: robotName }));
+      } else {
+        const socket = io(`${apiUrl}/${browserId}`, {
+          transports: ["websocket", "polling"],
+          rejectUnauthorized: false
+        });
+
+        setSockets(sockets => [...sockets, socket]);
+
+        socket.on('run-completed', (data) => {
+          setRerenderRuns(true);
+          invalidateRuns();
+          if (data.status === 'success') {
+            notify('success', t('main_page.notifications.interpretation_success', { name: robotName }));
+          } else {
+            notify('error', t('main_page.notifications.interpretation_failed', { name: robotName }));
+          }
+        });
+
+        notify('info', t('main_page.notifications.run_started', { name: robotName }));
+      }
+
+      setContent('runs');
+    }).catch((error: any) => {
+      notify('error', t('main_page.notifications.run_start_failed', { name: robotName }));
+      console.error('Error in rerun:', error);
+    });
+  }, [navigate, notify, t, invalidateRuns, setRerenderRuns, setQueuedRuns]);
+
   const handleScheduleRecording = async (settings: ScheduleSettings) => {
     const { message, runId }: ScheduleRunResponse = await scheduleStoredRecording(runningRecordingId, settings);
     if (message === 'success') {
@@ -310,6 +348,7 @@ export const MainPage = ({ handleEditRecording, initialContent }: MainPageProps)
         return <Runs
           currentInterpretationLog={currentInterpretationLog}
           abortRunHandler={abortRunHandler}
+          rerunHandler={handleReRunRecording}
           runId={ids.runId}
           runningRecordingName={runningRecordingName}
         />;