add totp url to various editor nodes; update tooltip (#2279)

skyvern-frontend/src/routes/workflows/editor/helpContent.ts

@@ -18,7 +18,7 @@ export const baseHelpTooltipContent = {
   errorCodeMapping:
     "Knowing about why a block terminated can be important, specify error messages here.",
   totpVerificationUrl:
-    "If you have an internal system for storing TOTP codes, link the endpoint here.",
+    "If you do not have a TOTP Identifier at hand, but do have an internal system for storing TOTP codes, link the endpoint here.",
   totpIdentifier:
     "If you are running multiple workflows at once, you will need to give the block an identifier to know that this TOTP goes with this block.",
   continueOnFailure:

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

@@ -329,6 +329,25 @@ function ActionNode({ id, data }: NodeProps<ActionNode>) {
                     className="nopan text-xs"
                   />
                 </div>
+                <div className="space-y-2">
+                  <div className="flex gap-2">
+                    <Label className="text-xs text-slate-300">
+                      2FA Verification URL
+                    </Label>
+                    <HelpTooltip
+                      content={helpTooltips["task"]["totpVerificationUrl"]}
+                    />
+                  </div>
+                  <WorkflowBlockInputTextarea
+                    nodeId={id}
+                    onChange={(value) => {
+                      handleChange("totpVerificationUrl", value);
+                    }}
+                    value={inputs.totpVerificationUrl ?? ""}
+                    placeholder={placeholders["task"]["totpVerificationUrl"]}
+                    className="nopan text-xs"
+                  />
+                </div>
               </div>
             </AccordionContent>
           </AccordionItem>

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

@@ -311,6 +311,25 @@ function FileDownloadNode({ id, data }: NodeProps<FileDownloadNode>) {
                     className="nopan text-xs"
                   />
                 </div>
+                <div className="space-y-2">
+                  <div className="flex gap-2">
+                    <Label className="text-xs text-slate-300">
+                      2FA Verification URL
+                    </Label>
+                    <HelpTooltip
+                      content={helpTooltips["task"]["totpVerificationUrl"]}
+                    />
+                  </div>
+                  <WorkflowBlockInputTextarea
+                    nodeId={id}
+                    onChange={(value) => {
+                      handleChange("totpVerificationUrl", value);
+                    }}
+                    value={inputs.totpVerificationUrl ?? ""}
+                    placeholder={placeholders["task"]["totpVerificationUrl"]}
+                    className="nopan text-xs"
+                  />
+                </div>
               </div>
             </AccordionContent>
           </AccordionItem>

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

@@ -352,6 +352,25 @@ function NavigationNode({ id, data }: NodeProps<NavigationNode>) {
                     className="nopan text-xs"
                   />
                 </div>
+                <div className="space-y-2">
+                  <div className="flex gap-2">
+                    <Label className="text-xs text-slate-300">
+                      2FA Verification URL
+                    </Label>
+                    <HelpTooltip
+                      content={helpTooltips["task"]["totpVerificationUrl"]}
+                    />
+                  </div>
+                  <WorkflowBlockInputTextarea
+                    nodeId={id}
+                    onChange={(value) => {
+                      handleChange("totpVerificationUrl", value);
+                    }}
+                    value={inputs.totpVerificationUrl ?? ""}
+                    placeholder={placeholders["task"]["totpVerificationUrl"]}
+                    className="nopan text-xs"
+                  />
+                </div>
               </div>
             </AccordionContent>
           </AccordionItem>

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

@@ -165,6 +165,25 @@ function Taskv2Node({ id, data, type }: NodeProps<Taskv2Node>) {
                     className="nopan text-xs"
                   />
                 </div>
+                <div className="space-y-2">
+                  <div className="flex gap-2">
+                    <Label className="text-xs text-slate-300">
+                      2FA Verification URL
+                    </Label>
+                    <HelpTooltip
+                      content={helpTooltips["task"]["totpVerificationUrl"]}
+                    />
+                  </div>
+                  <WorkflowBlockInputTextarea
+                    nodeId={id}
+                    onChange={(value) => {
+                      handleChange("totpVerificationUrl", value);
+                    }}
+                    value={inputs.totpVerificationUrl ?? ""}
+                    placeholder={placeholders["task"]["totpVerificationUrl"]}
+                    className="nopan text-xs"
+                  />
+                </div>
               </div>
             </AccordionContent>
           </AccordionItem>