diff --git a/frontend/src/components/DownloadB64Button/index.tsx b/frontend/src/components/DownloadB64Button/index.tsx
new file mode 100644
index 000000000..9a9fc6590
--- /dev/null
+++ b/frontend/src/components/DownloadB64Button/index.tsx
@@ -0,0 +1,73 @@
+import { Tooltip, type ButtonProps, Button } from "@mui/material";
+import React, { useCallback } from "react";
+
+interface Props extends ButtonProps {
+  base64_content: string;
+  file_type: string;
+}
+
+export const DownloadB64Button: React.FC<Props> = ({
+  base64_content,
+  file_type,
+  ...props
+}) => {
+  const downloadContent = useCallback(() => {
+    let href = "";
+    switch (file_type) {
+      case "txt":
+        href = `data:text/plain;base64,${base64_content}`;
+        break;
+      case "plotly_json":
+      case "json":
+        href = `data:application/json;base64,${base64_content}`;
+        break;
+      case "jpeg":
+      case "jpg":
+      case "png":
+      case "bmp":
+      case "gif":
+      case "tiff":
+        href = `data:image/${file_type};base64,${base64_content}`;
+        break;
+      case "svg":
+        href = `data:image/svg+xml;base64,${base64_content}`;
+        break;
+      case "md":
+        href = `data:text/markdown;base64,${base64_content}`;
+        break;
+      case "pdf":
+        href = `data:application/pdf;base64,${base64_content}`;
+        break;
+      case "html":
+        href = `data:text/html;base64,${base64_content}`;
+        break;
+      default:
+        href = `data:text/plain;base64,${base64_content}`;
+        break;
+    }
+
+    const a = document.createElement("a"); // Create <a>
+    a.href = href; // Image Base64 Goes here
+    a.download = `download.${file_type}`; // File name Here
+    a.click(); // Downloaded file
+  }, [base64_content, file_type]);
+
+  return (
+    <Tooltip
+      title={
+        !base64_content || !file_type
+          ? "Missing base64_content of file_type"
+          : "Will download the raw result content "
+      }
+    >
+      <Button
+        variant="contained"
+        onClick={downloadContent}
+        disabled={!base64_content || !file_type}
+        {...props}
+      >
+        Download content
+      </Button>
+    </Tooltip>
+  );
+};
diff --git a/frontend/src/components/RenderB64/index.tsx b/frontend/src/components/RenderB64/index.tsx
new file mode 100644
index 000000000..96a23be59
--- /dev/null
+++ b/frontend/src/components/RenderB64/index.tsx
@@ -0,0 +1,93 @@
+import { Typography } from "@mui/material";
+import { RenderPDF } from "components/RenderPDF";
+import DOMPurify from "dompurify";
+import React, { type CSSProperties } from "react";
+import ReactMarkdown from "react-markdown";
+import Plot from "react-plotly.js";
+import remarkGfm from "remark-gfm";
+
+interface Props {
+  base64_content: string;
+  file_type: string;
+  style?: CSSProperties;
+}
+
+export const RenderB64: React.FC<Props> = ({
+  base64_content,
+  file_type,
+  style,
+}) => {
+  if (!base64_content || !file_type) {
+    return <Typography variant="h2">No content</Typography>;
+  }
+  switch (file_type) {
+    case "txt":
+      return <pre style={style}>{window.atob(base64_content)}</pre>;
+    case "json":
+      return (
+        <pre style={style}>
+          {JSON.stringify(JSON.parse(window.atob(base64_content)), null, 2)}
+        </pre>
+      );
+    case "jpeg":
+    case "jpg":
+    case "png":
+    case "bmp":
+    case "gif":
+    case "tiff":
+      return (
+        <img
+          src={`data:image/${file_type};base64,${base64_content}`}
+          alt="Content"
+          style={{ maxWidth: "100%", maxHeight: "100%", ...style }}
+        />
+      );
+    case "svg":
+      return (
+        <object
+          type="image/svg+xml"
+          data={`data:image/svg+xml;base64,${base64_content}`}
+          style={{ maxWidth: "100%", maxHeight: "100%", ...style }}
+        >
+          Your browser does not support SVG
+        </object>
+      );
+    case "md":
+      return (
+        <div
+          style={{ overflow: "auto", maxWidth: "100%", width: "100%" }}
+          className="markdown-container"
+        >
+          <ReactMarkdown
+            className="react-markdown-component"
+            remarkPlugins={[remarkGfm]}
+          >
+            {window.atob(base64_content)}
+          </ReactMarkdown>
+          ;
+        </div>
+      );
+
+    case "pdf":
+      return <RenderPDF base64Content={base64_content} />;
+    case "html": {
+      const decodedHTML = atob(base64_content);
+      const sanitizedHTML = DOMPurify.sanitize(decodedHTML);
+
+      return <div dangerouslySetInnerHTML={{ __html: sanitizedHTML }} />;
+    }
+    case "plotly_json": {
+      const utf8String = atob(base64_content);
+      const decodedJSON = JSON.parse(utf8String);
+      return (
+        <Plot
+          data={decodedJSON.data}
+          layout={decodedJSON.layout}
+          style={{ width: "100%", height: "100%" }}
+        />
+      );
+    }
+    default:
+      return <div>Unsupported file type</div>;
+  }
+};
diff --git a/frontend/src/features/myWorkflows/api/runs/getWorkflowRunReport.ts b/frontend/src/features/myWorkflows/api/runs/getWorkflowRunReport.ts
new file mode 100644
index 000000000..47d87a827
--- /dev/null
+++ b/frontend/src/features/myWorkflows/api/runs/getWorkflowRunReport.ts
@@ -0,0 +1,75 @@
+import { type AxiosResponse } from "axios";
+import { useWorkspaces } from "context/workspaces";
+import { dominoApiClient } from "services/clients/domino.client";
+import useSWR from "swr";
+
+export interface IGetWorkflowRunResultReportParams {
+  workflowId: string;
+  runId: string;
+}
+
+const getWorkflowRunResultReportUrl = ({
+  workspace,
+  workflowId,
+  runId,
+}: Partial<IGetWorkflowRunResultReportParams & { workspace: string }>) => {
+  if (workspace && workflowId && runId) {
+    return `/workspaces/${workspace}/workflows/${workflowId}/runs/${runId}/tasks/report`;
+  } else {
+    return null;
+  }
+};
+
+/**
+ * Get workflows using GET /workflows
+ * @returns workflow
+ */
+const getWorkflowRunResultReport: ({
+  workspace,
+  workflowId,
+  runId,
+}: Partial<
+  IGetWorkflowRunResultReportParams & { workspace: string }
+>) => Promise<
+  | AxiosResponse<{
+      data: Array<{ base64_content: string; file_type: string }>;
+    }>
+  | undefined
+> = async ({ workspace, workflowId, runId }) => {
+  if (workspace && workflowId && runId) {
+    const url = getWorkflowRunResultReportUrl({
+      workspace,
+      workflowId,
+      runId,
+    });
+    if (url) return await dominoApiClient.get(url);
+  }
+};
+
+/**
+ * Get workflow runs
+ * @returns runs as swr response
+ */
+export const useAuthenticatedGetWorkflowRunResultReport = (
+  params: Partial<IGetWorkflowRunResultReportParams>,
+) => {
+  const { workspace } = useWorkspaces();
+  if (!workspace)
+    throw new Error(
+      "Impossible to fetch workflows without specifying a workspace",
+    );
+
+  const url = getWorkflowRunResultReportUrl({
+    workspace: workspace.id,
+    ...params,
+  });
+
+  return useSWR(
+    url,
+    async () =>
+      await getWorkflowRunResultReport({
+        workspace: workspace.id,
+        ...params,
+      }).then((data) => data?.data),
+  );
+};
diff --git a/frontend/src/features/myWorkflows/api/runs/index.ts b/frontend/src/features/myWorkflows/api/runs/index.ts
index bc215ffa3..5e4270878 100644
--- a/frontend/src/features/myWorkflows/api/runs/index.ts
+++ b/frontend/src/features/myWorkflows/api/runs/index.ts
@@ -2,3 +2,4 @@ export * from "./getWorkflowRuns";
 export * from "./getWorkflowRunTasks";
 export * from "./getWorkflowRunTaskLogs";
 export * from "./getWorkflowRunTaskResult";
+export * from "./getWorkflowRunReport";
diff --git a/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx b/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx
new file mode 100644
index 000000000..8ae4af979
--- /dev/null
+++ b/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx
@@ -0,0 +1,105 @@
+import { Grid, Paper } from "@mui/material";
+import { RenderPDF } from "components/RenderPDF";
+import DOMPurify from "dompurify";
+import { useAuthenticatedGetWorkflowRunResultReport } from "features/myWorkflows/api";
+import React from "react";
+import ReactMarkdown from "react-markdown";
+import Plot from "react-plotly.js";
+import { useParams } from "react-router-dom";
+import remarkGfm from "remark-gfm";
+
+export const ResultsReport: React.FC = () => {
+  const { id, runId } = useParams<{ id: string; runId: string }>();
+  const { data } = useAuthenticatedGetWorkflowRunResultReport({
+    workflowId: id,
+    runId,
+  });
+  return (
+    <Paper sx={{ height: "88vh", overflowX: "scroll" }}>
+      <Grid container>
+        {data?.data?.map((d) => {
+          switch (d.file_type) {
+            case "txt":
+              return <pre>{window.atob(d.base64_content)}</pre>;
+            case "json":
+              return (
+                <pre>
+                  {JSON.stringify(
+                    JSON.parse(window.atob(d.base64_content)),
+                    null,
+                    2,
+                  )}
+                </pre>
+              );
+            case "jpeg":
+            case "jpg":
+            case "png":
+            case "bmp":
+            case "gif":
+            case "tiff":
+              return (
+                <img
+                  src={`data:image/${d.file_type};base64,${d.base64_content}`}
+                  alt="Content"
+                  style={{ maxWidth: "100%", maxHeight: "100%" }}
+                />
+              );
+            case "svg":
+              return (
+                <object
+                  type="image/svg+xml"
+                  data={`data:image/svg+xml;base64,${d.base64_content}`}
+                  style={{ maxWidth: "100%", maxHeight: "100%" }}
+                >
+                  Your browser does not support SVG
+                </object>
+              );
+            case "md":
+              return (
+                <div
+                  style={{
+                    overflow: "auto",
+                    maxWidth: "100%",
+                    width: "100%",
+                  }}
+                  className="markdown-container"
+                >
+                  <ReactMarkdown
+                    className="react-markdown-component"
+                    remarkPlugins={[remarkGfm]}
+                  >
+                    {window.atob(d.base64_content)}
+                  </ReactMarkdown>
+                  ;
+                </div>
+              );
+
+            case "pdf":
+              return <RenderPDF base64Content={d.base64_content} />;
+            case "html": {
+              const decodedHTML = atob(d.base64_content);
+              const sanitizedHTML = DOMPurify.sanitize(decodedHTML);
+
+              return (
+                <div dangerouslySetInnerHTML={{ __html: sanitizedHTML }} />
+              );
+            }
+            case "plotly_json": {
+              const utf8String = atob(d.base64_content);
+              const decodedJSON = JSON.parse(utf8String);
+              return (
+                <Plot
+                  data={decodedJSON.data}
+                  layout={decodedJSON.layout}
+                  style={{ width: "100%", height: "100%" }}
+                />
+              );
+            }
+            default:
+              return <div>Unsupported file type: {d.file_type}</div>;
+          }
+        })}
+      </Grid>
+    </Paper>
+  );
+};
diff --git a/frontend/src/features/myWorkflows/components/WorkflowDetail/CustomTabMenu/TaskResult.tsx b/frontend/src/features/myWorkflows/components/WorkflowDetail/CustomTabMenu/TaskResult.tsx
index 9e8396090..fb1521101 100644
--- a/frontend/src/features/myWorkflows/components/WorkflowDetail/CustomTabMenu/TaskResult.tsx
+++ b/frontend/src/features/myWorkflows/components/WorkflowDetail/CustomTabMenu/TaskResult.tsx
@@ -1,16 +1,7 @@
-import {
-  Button,
-  CircularProgress,
-  Container,
-  Tooltip,
-  Typography,
-} from "@mui/material";
-import { RenderPDF } from "components/RenderPDF";
-import DOMPurify from "dompurify";
-import { useCallback, type CSSProperties } from "react";
-import ReactMarkdown from "react-markdown";
-import Plot from "react-plotly.js";
-import remarkGfm from "remark-gfm";
+import { CircularProgress, Container, Typography } from "@mui/material";
+import { DownloadB64Button } from "components/DownloadB64Button";
+import { RenderB64 } from "components/RenderB64";
+import { type CSSProperties } from "react";
 import "./styles.css";
 
 interface ITaskResultProps {
@@ -19,9 +10,11 @@ interface ITaskResultProps {
   file_type?: string;
 }
 
-export const TaskResult = (props: ITaskResultProps) => {
-  const { base64_content, file_type } = props;
-
+export const TaskResult = ({
+  base64_content,
+  file_type,
+  isLoading,
+}: ITaskResultProps) => {
   const style: CSSProperties = {
     height: "100%",
     width: "100%",
@@ -31,124 +24,21 @@ export const TaskResult = (props: ITaskResultProps) => {
     whiteSpace: "pre-wrap",
   };
 
-  const renderContent = () => {
-    if (props.isLoading) {
-      return <CircularProgress />;
-    }
-
-    if (!base64_content || !file_type) {
-      return <Typography variant="h2">No content</Typography>;
-    }
-    switch (file_type) {
-      case "txt":
-        return <pre style={style}>{window.atob(base64_content)}</pre>;
-      case "json":
-        return (
-          <pre style={style}>
-            {JSON.stringify(JSON.parse(window.atob(base64_content)), null, 2)}
-          </pre>
-        );
-      case "jpeg":
-      case "png":
-      case "bmp":
-      case "gif":
-      case "tiff":
-        return (
-          <img
-            src={`data:image/${file_type};base64,${base64_content}`}
-            alt="Content"
-            style={{ maxWidth: "100%", maxHeight: "100%", ...style }}
-          />
-        );
-      case "svg":
-        return (
-          <object
-            type="image/svg+xml"
-            data={`data:image/svg+xml;base64,${base64_content}`}
-            style={{ maxWidth: "100%", maxHeight: "100%", ...style }}
-          >
-            Your browser does not support SVG
-          </object>
-        );
-      case "md":
-        return (
-          <div
-            style={{ overflow: "auto", maxWidth: "100%", width: "100%" }}
-            className="markdown-container"
-          >
-            <ReactMarkdown
-              className="react-markdown-component"
-              remarkPlugins={[remarkGfm]}
-            >
-              {window.atob(base64_content)}
-            </ReactMarkdown>
-            ;
-          </div>
-        );
-
-      case "pdf":
-        return <RenderPDF base64Content={base64_content} />;
-      case "html": {
-        const decodedHTML = atob(base64_content);
-        const sanitizedHTML = DOMPurify.sanitize(decodedHTML);
-
-        return <div dangerouslySetInnerHTML={{ __html: sanitizedHTML }} />;
-      }
-      case "plotly_json": {
-        const utf8String = atob(base64_content);
-        const decodedJSON = JSON.parse(utf8String);
-        return (
-          <Plot
-            data={decodedJSON.data}
-            layout={decodedJSON.layout}
-            style={{ width: "100%", height: "100%" }}
-          />
-        );
-      }
-      default:
-        return <div>Unsupported file type</div>;
-    }
-  };
-
-  const downloadContent = useCallback(() => {
-    let href = "";
-    switch (file_type) {
-      case "txt":
-        href = `data:text/plain;base64,${base64_content}`;
-        break;
-      case "plotly_json":
-      case "json":
-        href = `data:application/json;base64,${base64_content}`;
-        break;
-      case "jpeg":
-      case "png":
-      case "bmp":
-      case "gif":
-      case "tiff":
-        href = `data:image/${file_type};base64,${base64_content}`;
-        break;
-      case "svg":
-        href = `data:image/svg+xml;base64,${base64_content}`;
-        break;
-      case "md":
-        href = `data:text/markdown;base64,${base64_content}`;
-        break;
-      case "pdf":
-        href = `data:application/pdf;base64,${base64_content}`;
-        break;
-      case "html":
-        href = `data:text/html;base64,${base64_content}`;
-        break;
-      default:
-        href = `data:text/plain;base64,${base64_content}`;
-        break;
-    }
-
-    const a = document.createElement("a"); // Create <a>
-    a.href = href; // Image Base64 Goes here
-    a.download = `download.${file_type}`; // File name Here
-    a.click(); // Downloaded file
-  }, [base64_content, file_type]);
+  if (isLoading) {
+    return (
+      <Container
+        sx={{
+          display: "flex",
+          height: "100%",
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <CircularProgress />
+      </Container>
+    );
+  }
 
   return (
     <Container
@@ -165,13 +55,20 @@ export const TaskResult = (props: ITaskResultProps) => {
         overflowX: "hidden",
       }}
     >
-      {renderContent()}
+      {!!base64_content && !!file_type ? (
+        <RenderB64
+          base64_content={base64_content}
+          file_type={file_type}
+          style={style}
+        />
+      ) : (
+        <Typography variant="h2">No content</Typography>
+      )}
       {!!base64_content && !!file_type && (
-        <Tooltip title="Will download the raw result content ">
-          <Button variant="contained" onClick={downloadContent}>
-            Download content
-          </Button>
-        </Tooltip>
+        <DownloadB64Button
+          base64_content={base64_content}
+          file_type={file_type}
+        />
       )}
     </Container>
   );
diff --git a/frontend/src/features/myWorkflows/components/WorkflowDetail/WorkflowRunsTable.tsx b/frontend/src/features/myWorkflows/components/WorkflowDetail/WorkflowRunsTable.tsx
index 902515374..b859cd6d9 100644
--- a/frontend/src/features/myWorkflows/components/WorkflowDetail/WorkflowRunsTable.tsx
+++ b/frontend/src/features/myWorkflows/components/WorkflowDetail/WorkflowRunsTable.tsx
@@ -1,4 +1,5 @@
-import { Card, Grid, Skeleton } from "@mui/material";
+import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
+import { Card, Grid, IconButton, Skeleton, Tooltip } from "@mui/material";
 import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { NoDataOverlay } from "components/NoDataOverlay";
 import { useAuthenticatedGetWorkflowRuns } from "features/myWorkflows/api";
@@ -10,6 +11,7 @@ import React, {
   useMemo,
   useState,
 } from "react";
+import { useNavigate } from "react-router-dom";
 
 import { States } from "./States";
 import { WorkflowRunTableFooter } from "./WorkflowRunTableFooter";
@@ -37,6 +39,7 @@ export const WorkflowRunsTable = forwardRef<WorkflowRunsTableRef, Props>(
     },
     ref,
   ) => {
+    const navigation = useNavigate();
     const [paginationModel, setPaginationModel] = useState({
       pageSize: 10,
       page: 0,
@@ -95,6 +98,28 @@ export const WorkflowRunsTable = forwardRef<WorkflowRunsTableRef, Props>(
             return <States state={params.value} />;
           },
         },
+        {
+          field: "actions",
+          headerName: "",
+          maxWidth: 10,
+          renderCell: ({ row }) => (
+            <Tooltip title="Generate report pdf for this run">
+              <IconButton
+                onClick={() => {
+                  navigation(
+                    `/my-workflows/${workflowId}/report/${row.workflow_run_id}`,
+                  );
+                }}
+                disabled={row.state !== "success" && row.state !== "failed"}
+              >
+                <PictureAsPdfIcon />
+              </IconButton>
+            </Tooltip>
+          ),
+          headerAlign: "center",
+          align: "center",
+          sortable: false,
+        },
       ],
       [],
     );
diff --git a/frontend/src/features/myWorkflows/pages/ResultsReportPage.tsx b/frontend/src/features/myWorkflows/pages/ResultsReportPage.tsx
new file mode 100644
index 000000000..39d9e6a95
--- /dev/null
+++ b/frontend/src/features/myWorkflows/pages/ResultsReportPage.tsx
@@ -0,0 +1,17 @@
+import { Grid } from "@mui/material";
+import PrivateLayout from "components/PrivateLayout";
+import React from "react";
+
+import { ResultsReport } from "../components/ResultsReport";
+
+export const ResultsReportPage: React.FC = () => {
+  return (
+    <PrivateLayout>
+      <Grid container rowGap={6}>
+        <Grid item xs={12}>
+          <ResultsReport />
+        </Grid>
+      </Grid>
+    </PrivateLayout>
+  );
+};
diff --git a/frontend/src/features/myWorkflows/pages/index.ts b/frontend/src/features/myWorkflows/pages/index.ts
index aad9c83da..8efce1d3f 100644
--- a/frontend/src/features/myWorkflows/pages/index.ts
+++ b/frontend/src/features/myWorkflows/pages/index.ts
@@ -1,2 +1,3 @@
 export * from "./WorkflowsPage";
 export * from "./WorkflowDetailPage";
+export * from "./ResultsReportPage";
diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
index c52d1ba87..16c8d7ca1 100644
--- a/frontend/src/routes/index.tsx
+++ b/frontend/src/routes/index.tsx
@@ -30,6 +30,10 @@ const { WorkflowDetailPage } = lazyImport(
   async () => await import("features/myWorkflows/pages"),
   "WorkflowDetailPage",
 );
+const { ResultsReportPage } = lazyImport(
+  async () => await import("features/myWorkflows/pages"),
+  "ResultsReportPage",
+);
 
 /**
  * Application router
@@ -90,6 +94,13 @@ export const ApplicationRoutes: FC = () => (
         }
       />
 
+      <Route
+        path="/my-workflows/:id/report/:runId"
+        element={
+          <PrivateRoute requireWorkspace component={ResultsReportPage} />
+        }
+      />
+
       <Route
         path="/workflows-editor"
         element={