Log http block request body, make azure blob key parameterizable (#3300)

Co-authored-by: Suchintan Singh <suchintan@skyvern.com>

skyvern-frontend/src/routes/workflows/editor/Workspace.tsx

@@ -127,7 +127,6 @@ function Workspace({
     "history",
     "infiniteCanvas",
   ]);
-  const [hideControlButtons, setHideControlButtons] = useState(false);
 
   // ---start fya: https://github.com/frontyardart
   const hasForLoopNode = nodes.some((node) => node.type === "loop");
@@ -800,15 +799,6 @@ function Workspace({
           onBreakout={handleOnBreakout}
           onCycle={handleOnCycle}
           onFocus={() => promote("browserWindow")}
-          onMinimize={() => {
-            setHideControlButtons(true);
-          }}
-          onMaximize={() => {
-            setHideControlButtons(false);
-          }}
-          onRestore={() => {
-            setHideControlButtons(false);
-          }}
         >
           {activeDebugSession &&
           activeDebugSession.browser_session_id &&
@@ -816,7 +806,7 @@ function Workspace({
             <BrowserStream
               interactive={false}
               browserSessionId={activeDebugSession.browser_session_id}
-              showControlButtons={!hideControlButtons}
+              showControlButtons={true}
             />
           ) : (
             <div className="flex h-full w-full flex-col items-center justify-center gap-2 pb-2 pt-4 text-sm text-slate-400">

skyvern-frontend/src/routes/workflows/editor/nodes/FileUploadNode/FileUploadNode.tsx

@@ -1,10 +1,10 @@
 import { HelpTooltip } from "@/components/HelpTooltip";
-import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Handle, NodeProps, Position, useReactFlow } from "@xyflow/react";
 import { helpTooltips } from "../../helpContent";
 import { type FileUploadNode } from "./types";
 import { WorkflowBlockInputTextarea } from "@/components/WorkflowBlockInputTextarea";
+import { WorkflowBlockInput } from "@/components/WorkflowBlockInput";
 import { useState } from "react";
 import { cn } from "@/util/utils";
 import { NodeHeader } from "../components/NodeHeader";
@@ -137,12 +137,13 @@ function FileUploadNode({ id, data }: NodeProps<FileUploadNode>) {
                     }
                   />
                 </div>
-                <Input
+                <WorkflowBlockInput
+                  nodeId={id}
                   type="password"
                   value={inputs.awsSecretAccessKey as string}
                   className="nopan text-xs"
-                  onChange={(event) => {
-                    handleChange("awsSecretAccessKey", event.target.value);
+                  onChange={(value) => {
+                    handleChange("awsSecretAccessKey", value);
                   }}
                 />
               </div>
@@ -230,12 +231,13 @@ function FileUploadNode({ id, data }: NodeProps<FileUploadNode>) {
                     }
                   />
                 </div>
-                <Input
+                <WorkflowBlockInput
+                  nodeId={id}
                   type="password"
                   value={inputs.azureStorageAccountKey as string}
                   className="nopan text-xs"
-                  onChange={(event) => {
-                    handleChange("azureStorageAccountKey", event.target.value);
+                  onChange={(value) => {
+                    handleChange("azureStorageAccountKey", value);
                   }}
                 />
               </div>

skyvern-frontend/src/routes/workflows/editor/nodes/types.ts

@@ -47,7 +47,7 @@ export const workflowBlockTitle: {
   task: "Browser Task",
   text_prompt: "Text Prompt",
   upload_to_s3: "Upload To S3",
-  file_upload: "Upload Files",
+  file_upload: "Cloud Storage",
   validation: "Validation",
   wait: "Wait",
   pdf_parser: "PDF Parser",

skyvern-frontend/src/routes/workflows/editor/panels/WorkflowNodeLibraryPanel.tsx

@@ -204,7 +204,7 @@ const nodeLibraryItems: Array<{
         className="size-6"
       />
     ),
-    title: "File Upload Block",
+    title: "Cloud Storage Block",
     description: "Upload files to storage",
   },
   {