Update workflow run page (Skyvern-AI#1372)

sarvex · Dec 11, 2024 · 7272dad · 7272dad
1 parent 9cf4743
commit 7272dad
Show file tree

Hide file tree

Showing 11 changed files with 661 additions and 494 deletions.
diff --git a/skyvern-frontend/src/router.tsx b/skyvern-frontend/src/router.tsx
@@ -17,6 +17,10 @@ import { WorkflowRunParameters } from "./routes/workflows/WorkflowRunParameters"
 import { Workflows } from "./routes/workflows/Workflows";
 import { WorkflowsPageLayout } from "./routes/workflows/WorkflowsPageLayout";
 import { WorkflowEditor } from "./routes/workflows/editor/WorkflowEditor";
+import { WorkflowRunBlocks } from "./routes/workflows/workflowRun/WorkflowRunBlocks";
+import { WorkflowRunOutput } from "./routes/workflows/workflowRun/WorkflowRunOutput";
+import { WorkflowPostRunParameters } from "./routes/workflows/workflowRun/WorkflowPostRunParameters";
+import { WorkflowRunRecording } from "./routes/workflows/workflowRun/WorkflowRunRecording";
 
 const router = createBrowserRouter([
   {
@@ -108,6 +112,29 @@ const router = createBrowserRouter([
               {
                 path: ":workflowRunId",
                 element: <WorkflowRun />,
+                children: [
+                  {
+                    index: true,
+                    element: <Navigate to="blocks" />,
+                  },
+                  {
+                    path: "blocks",
+                    element: <WorkflowRunBlocks />,
+                  },
+                  {
+                    path: "output",
+                    element: <WorkflowRunOutput />,
+                  },
+                  {
+                    path: "parameters",
+                    element: <WorkflowPostRunParameters />,
+                  },
+
+                  {
+                    path: "recording",
+                    element: <WorkflowRunRecording />,
+                  },
+                ],
               },
             ],
           },

diff --git a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
@@ -257,7 +257,7 @@ function TaskDetails() {
             workflow &&
             workflowRun && (
               <Link
-                to={`/workflows/${workflow.workflow_permanent_id}/${workflowRun.workflow_run_id}`}
+                to={`/workflows/${workflow.workflow_permanent_id}/${workflowRun.workflow_run_id}/blocks`}
               >
                 {workflow.title}
               </Link>

diff --git a/skyvern-frontend/src/routes/workflows/RunWorkflowForm.tsx b/skyvern-frontend/src/routes/workflows/RunWorkflowForm.tsx
@@ -135,7 +135,7 @@ function RunWorkflowForm({
           <ToastAction altText="View">
             <Button asChild>
               <Link
-                to={`/workflows/${workflowPermanentId}/${response.data.workflow_run_id}`}
+                to={`/workflows/${workflowPermanentId}/${response.data.workflow_run_id}/blocks`}
               >
                 View
               </Link>

diff --git a/skyvern-frontend/src/routes/workflows/WorkflowPage.tsx b/skyvern-frontend/src/routes/workflows/WorkflowPage.tsx
@@ -132,14 +132,14 @@ function WorkflowPage() {
                       if (event.ctrlKey || event.metaKey) {
                         window.open(
                           window.location.origin +
-                            `/workflows/${workflowPermanentId}/${workflowRun.workflow_run_id}`,
+                            `/workflows/${workflowPermanentId}/${workflowRun.workflow_run_id}/blocks`,
                           "_blank",
                           "noopener,noreferrer",
                         );
                         return;
                       }
                       navigate(
-                        `/workflows/${workflowPermanentId}/${workflowRun.workflow_run_id}`,
+                        `/workflows/${workflowPermanentId}/${workflowRun.workflow_run_id}/blocks`,
                       );
                     }}
                     className="cursor-pointer"