update run test modal

packages/builder/src/components/automation/AutomationBuilder/FlowChart/TestDataModal.svelte

@@ -6,6 +6,7 @@
     TextArea,
     Label,
     notifications,
+    ActionButton,
   } from "@budibase/bbui"
   import { automationStore, selectedAutomation } from "builderStore"
   import AutomationBlockSetup from "../../SetupPanel/AutomationBlockSetup.svelte"
@@ -55,19 +56,37 @@
       notifications.error(error)
     }
   }
+
+  const toggle = () => {
+    selectedValues = !selectedValues
+    selectedJSON = !selectedJSON
+    console.log(selectedJSON)
+  }
+  let selectedValues = true
+  let selectedJSON = false
 </script>
 
 <ModalContent
   title="Add test data"
-  confirmText="Test"
+  confirmText="TeRun testst"
-  size="M"
+  size="L"
   showConfirmButton={true}
   disabled={isError}
   onConfirm={testAutomation}
   cancelText="Cancel"
 >
-  <Tabs selected="Form" quiet>
+  <div class="size">
-    <Tab icon="Form" title="Form">
+    <div class="options">
+      <ActionButton quiet selected={selectedValues} on:click={toggle}
+        >Use values</ActionButton
+      >
+      <ActionButton quiet selected={selectedJSON} on:click={toggle}
+        >Use JSON</ActionButton
+      >
+    </div>
+  </div>
+
+  {#if selectedValues}
     <div class="tab-content-padding">
       <AutomationBlockSetup
         {testData}
@@ -75,11 +94,9 @@
         isTestModal
         block={trigger}
       />
-      </div></Tab
+    </div>
-    >
+  {/if}
-    <Tab icon="FileJson" title="JSON">
+  {#if selectedJSON}
-      <div class="tab-content-padding">
-        <Label>JSON</Label>
     <div class="text-area-container">
       <TextArea
         value={JSON.stringify($selectedAutomation.testData, null, 2)}
@@ -87,18 +104,22 @@
         on:change={e => parseTestJSON(e)}
       />
     </div>
-      </div>
+  {/if}
-    </Tab>
-  </Tabs>
 </ModalContent>
 
 <style>
   .text-area-container :global(textarea) {
-    min-height: 200px;
+    min-height: 300px;
-    height: 200px;
+    height: 300px;
   }
 
   .tab-content-padding {
-    padding: 0 var(--spacing-xl);
+    padding: 0 var(--spacing-s);
+  }
+
+  .options {
+    display: flex;
+    align-items: center;
+    gap: 8px;
   }
 </style>