fix(ux): dropdown reload

Author: emir-karabeg

sim/app/w/[id]/components/workflow-block/components/sub-block/components/dropdown.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'react'
+import { useMemo } from 'react'
 import {
   Select,
   SelectContent,
@@ -55,13 +55,6 @@ export function Dropdown({ options, defaultValue, blockId, subBlockId }: Dropdow
     return undefined
   }, [value, defaultValue, evaluatedOptions])
 
-  // Set initial default value if current value is null/undefined
-  useEffect(() => {
-    if ((value === null || value === undefined) && effectiveValue !== undefined) {
-      setValue(effectiveValue)
-    }
-  }, [value, effectiveValue, setValue])
-
   // Handle the case where evaluatedOptions changes and the current selection is no longer valid
   const isValueInOptions = useMemo(() => {
     if (!effectiveValue || evaluatedOptions.length === 0) return false

sim/blocks/blocks/drive.ts

@@ -22,17 +22,17 @@ export const GoogleDriveBlock: BlockConfig<GoogleDriveResponse> = {
   icon: GoogleDriveIcon,
   subBlocks: [
     // Operation selector
-    {
-      id: 'operation',
-      title: 'Operation',
-      type: 'dropdown',
-      layout: 'full',
-      options: [
-        // { label: 'Upload File', id: 'upload' },
-        // { label: 'Download File', id: 'download' },
-        { label: 'List Files', id: 'list' },
-      ],
-    },
+    // {
+    //   id: 'operation',
+    //   title: 'Operation',
+    //   type: 'dropdown',
+    //   layout: 'full',
+    //   options: [
+    //     // { label: 'Upload File', id: 'upload' },
+    //     // { label: 'Download File', id: 'download' },
+    //     { label: 'List Files', id: 'list' },
+    //   ],
+    // },
     // Google Drive Credentials
     {
       id: 'credential',
@@ -98,7 +98,7 @@ export const GoogleDriveBlock: BlockConfig<GoogleDriveResponse> = {
       requiredScopes: [],
       mimeType: 'application/vnd.google-apps.folder',
       placeholder: 'Select a folder',
-      condition: { field: 'operation', value: 'list' },
+      // condition: { field: 'operation', value: 'list' },
     },
     // Manual Folder ID input (shown only when no folder is selected)
     {
@@ -108,9 +108,11 @@ export const GoogleDriveBlock: BlockConfig<GoogleDriveResponse> = {
       layout: 'full',
       placeholder: 'ID of the folder to list (leave empty for root folder)',
       condition: {
-        field: 'operation',
-        value: 'list',
-        and: { field: 'folderId', value: '' },
+        // field: 'operation',
+        // value: 'list',
+        // and: { 
+          field: 'folderId', value: '' 
+        // },
       },
     },
     {
@@ -119,31 +121,34 @@ export const GoogleDriveBlock: BlockConfig<GoogleDriveResponse> = {
       type: 'short-input',
       layout: 'full',
       placeholder: 'Search for specific files (e.g., name contains "report")',
-      condition: { field: 'operation', value: 'list' },
+      // condition: { field: 'operation', value: 'list' },
     },
     {
       id: 'pageSize',
       title: 'Results Per Page',
       type: 'short-input',
       layout: 'full',
       placeholder: 'Number of results (default: 100, max: 1000)',
-      condition: { field: 'operation', value: 'list' },
+      // condition: { field: 'operation', value: 'list' },
     },
   ],
   tools: {
     access: ['google_drive_upload', 'google_drive_download', 'google_drive_list'],
     config: {
       tool: (params) => {
-        switch (params.operation) {
-          case 'upload':
-            return 'google_drive_upload'
-          case 'download':
-            return 'google_drive_download'
-          case 'list':
-            return 'google_drive_list'
-          default:
-            throw new Error(`Invalid Google Drive operation: ${params.operation}`)
-        }
+        // Since we only have 'list' now, we can simplify this
+        return 'google_drive_list';
+        
+        // switch (params.operation) {
+        //   case 'upload':
+        //     return 'google_drive_upload'
+        //   case 'download':
+        //     return 'google_drive_download'
+        //   case 'list':
+        //     return 'google_drive_list'
+        //   default:
+        //     throw new Error(`Invalid Google Drive operation: ${params.operation}`)
+        // }
       },
       params: (params) => {
         const { credential, folderId, ...rest } = params
@@ -158,7 +163,7 @@ export const GoogleDriveBlock: BlockConfig<GoogleDriveResponse> = {
     },
   },
   inputs: {
-    operation: { type: 'string', required: true },
+    // operation: { type: 'string', required: true },
     credential: { type: 'string', required: true },
     // Upload operation inputs
     fileName: { type: 'string', required: false },

sim/blocks/blocks/gmail.ts

@@ -13,17 +13,17 @@ export const GmailBlock: BlockConfig<GmailToolResponse> = {
   icon: GmailIcon,
   subBlocks: [
     // Operation selector
-    {
-      id: 'operation',
-      title: 'Operation',
-      type: 'dropdown',
-      layout: 'full',
-      options: [
-        { label: 'Send Email', id: 'send_gmail' },
-        // { label: 'Read Email', id: 'read_gmail' },
-        // { label: 'Search Emails', id: 'search_gmail' },
-      ],
-    },
+    // {
+    //   id: 'operation',
+    //   title: 'Operation',
+    //   type: 'dropdown',
+    //   layout: 'full',
+    //   options: [
+    //     { label: 'Send Email', id: 'send_gmail' },
+    //     // { label: 'Read Email', id: 'read_gmail' },
+    //     // { label: 'Search Emails', id: 'search_gmail' },
+    //   ],
+    // },
     // Gmail Credentials
     {
       id: 'credential',
@@ -46,23 +46,23 @@ export const GmailBlock: BlockConfig<GmailToolResponse> = {
       type: 'short-input',
       layout: 'full',
       placeholder: 'Recipient email address',
-      condition: { field: 'operation', value: 'send_gmail' },
+      // condition: { field: 'operation', value: 'send_gmail' },
     },
     {
       id: 'subject',
       title: 'Subject',
       type: 'short-input',
       layout: 'full',
       placeholder: 'Email subject',
-      condition: { field: 'operation', value: 'send_gmail' },
+      // condition: { field: 'operation', value: 'send_gmail' },
     },
     {
       id: 'body',
       title: 'Body',
       type: 'long-input',
       layout: 'full',
       placeholder: 'Email content',
-      condition: { field: 'operation', value: 'send_gmail' },
+      // condition: { field: 'operation', value: 'send_gmail' },
     },
     // Read Email Fields - Add folder selector
     // {
@@ -131,16 +131,19 @@ export const GmailBlock: BlockConfig<GmailToolResponse> = {
     access: ['gmail_send', 'gmail_read', 'gmail_search'],
     config: {
       tool: (params) => {
-        switch (params.operation) {
-          case 'send_gmail':
-            return 'gmail_send'
-          case 'read_gmail':
-            return 'gmail_read'
-          case 'search_gmail':
-            return 'gmail_search'
-          default:
-            throw new Error(`Invalid Gmail operation: ${params.operation}`)
-        }
+        // Since we only have send_gmail now, we can simplify this
+        return 'gmail_send';
+        
+        // switch (params.operation) {
+        //   case 'send_gmail':
+        //     return 'gmail_send'
+        //   case 'read_gmail':
+        //     return 'gmail_read'
+        //   case 'search_gmail':
+        //     return 'gmail_search'
+        //   default:
+        //     throw new Error(`Invalid Gmail operation: ${params.operation}`)
+        // }
       },
       params: (params) => {
         // Pass the credential directly from the credential field
@@ -159,7 +162,7 @@ export const GmailBlock: BlockConfig<GmailToolResponse> = {
     },
   },
   inputs: {
-    operation: { type: 'string', required: true },
+    // operation: { type: 'string', required: true },
     credential: { type: 'string', required: true },
     // Send operation inputs
     to: { type: 'string', required: false },