Add tooltips to action and navigation blocks (#1375)

Skyvern-AI · Dec 12, 2024 · 6c36d6b · 6c36d6b
1 parent 0f18080
commit 6c36d6b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx
@@ -143,6 +143,12 @@ function ActionNode({ id, data }: NodeProps<ActionNode>) {
               className="nopan text-xs"
             />
           </div>
+          <div className="rounded-md bg-slate-800 p-2">
+            <div className="space-y-1 text-xs text-slate-400">
+              Tip: While executing the action block, Skyvern will only take one
+              action.
+            </div>
+          </div>
         </div>
         <Separator />
         <Accordion type="single" collapsible>

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx
@@ -96,7 +96,7 @@ function NavigationNode({ id, data }: NodeProps<NavigationNode>) {
             }}
           />
         </header>
-        <div className="space-y-2">
+        <div className="space-y-4">
           <div className="space-y-2">
             <div className="flex gap-2">
               <Label className="text-xs text-slate-300">URL</Label>
@@ -129,6 +129,12 @@ function NavigationNode({ id, data }: NodeProps<NavigationNode>) {
               className="nopan text-xs"
             />
           </div>
+          <div className="rounded-md bg-slate-800 p-2">
+            <div className="space-y-1 text-xs text-slate-400">
+              Tip: While executing the navigation block, Skyvern will take
+              multiple actions to accomplish a single goal.
+            </div>
+          </div>
         </div>
         <Separator />
         <Accordion type="single" collapsible>