Debugger Continuity (FE) (#3318)

skyvern-frontend/src/routes/workflows/debugger/Debugger.tsx

@@ -7,18 +7,25 @@ import { WorkflowSettings } from "../types/workflowTypes";
 import { getElements } from "@/routes/workflows/editor/workflowEditorUtils";
 import { getInitialParameters } from "@/routes/workflows/editor/utils";
 import { Workspace } from "@/routes/workflows/editor/Workspace";
+import { useDebugSessionBlockOutputsQuery } from "../hooks/useDebugSessionBlockOutputsQuery";
 import { useWorkflowParametersStore } from "@/store/WorkflowParametersStore";
+import { useBlockOutputStore } from "@/store/BlockOutputStore";
 
 function Debugger() {
   const { workflowPermanentId } = useParams();
   const { data: workflow } = useWorkflowQuery({
     workflowPermanentId,
   });
+  const { data: outputParameters } = useDebugSessionBlockOutputsQuery({
+    workflowPermanentId,
+  });
 
   const setParameters = useWorkflowParametersStore(
     (state) => state.setParameters,
   );
 
+  const setBlockOutputs = useBlockOutputStore((state) => state.setOutputs);
+
   useEffect(() => {
     if (workflow) {
       const initialParameters = getInitialParameters(workflow);
@@ -26,6 +33,21 @@ function Debugger() {
     }
   }, [workflow, setParameters]);
 
+  useEffect(() => {
+    if (!outputParameters) {
+      return;
+    }
+
+    const blockOutputs = Object.entries(outputParameters).reduce<{
+      [k: string]: Record<string, unknown>;
+    }>((acc, [blockLabel, outputs]) => {
+      acc[blockLabel] = outputs ?? null;
+      return acc;
+    }, {});
+
+    setBlockOutputs(blockOutputs);
+  }, [outputParameters, setBlockOutputs]);
+
   if (!workflow) {
     return null;
   }