feat(google-forms): added google forms block (#1343)

* fix(sidebar): draggable cursor on sidebar when switching workflows (#1276)

* added google form tool to read forms

* added trigger mode and block docs

* updated docs

* removed file

* reverted diff

* greptile comments

* Reverted bun file

* remove outdated code for old webhook modal

* restore ui changes to webhooks

* removed provider specific logic

* fix lint

---------

Co-authored-by: Waleed Latif <walif6@gmail.com>
Co-authored-by: Vikhyath Mondreti <vikhyathvikku@gmail.com>
Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: Vikhyath Mondreti <vikhyath@simstudio.ai>
Co-authored-by: Adam Gough <adamgough@Mac.attlocal.net>
Co-authored-by: Siddharth Ganesan <33737564+Sg312@users.noreply.github.com>

Author: 7 people

apps/docs/content/docs/en/tools/google_forms.mdx

@@ -0,0 +1,86 @@
+---
+title: Google Forms
+description: Read responses from a Google Form
+---
+
+import { BlockInfoCard } from "@/components/ui/block-info-card"
+
+<BlockInfoCard 
+  type="google_forms"
+  color="#E0E0E0"
+  icon={true}
+  iconSvg={`<svg className="block-icon"  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 65' fill='none'>
+      <path
+        d='M29.583 0H4.438C1.997 0 0 1.997 0 4.438v56.208C0 63.086 1.997 65.083 4.438 65.083h38.458c2.44 0 4.437-1.997 4.437-4.437V17.75L36.979 10.354 29.583 0Z'
+        fill='#673AB7'
+      />
+      <path
+        d='M29.583 0v10.354c0 2.45 1.986 4.438 4.438 4.438h13.312L36.979 10.354 29.583 0Z'
+        fill='#B39DDB'
+      />
+      <path
+        d='M19.229 50.292h16.271v-2.959H19.229v2.959Zm0-17.75v2.958h16.271v-2.958H19.229Zm-3.698 1.479c0 1.224-0.995 2.219-2.219 2.219s-2.219-0.995-2.219-2.219c0-1.224 0.995-2.219 2.219-2.219s2.219 0.995 2.219 2.219Zm0 7.396c0 1.224-0.995 2.219-2.219 2.219s-2.219-0.995-2.219-2.219c0-1.224 0.995-2.219 2.219-2.219s2.219 0.995 2.219 2.219Zm0 7.396c0 1.224-0.995 2.219-2.219 2.219s-2.219-0.995-2.219-2.219c0-1.224 0.995-2.219 2.219-2.219s2.219 0.995 2.219 2.219Zm3.698-5.917h16.271v-2.959H19.229v2.959Z'
+        fill='#F1F1F1'
+      />
+      <defs>
+        <linearGradient
+          id='gf-gradient'
+          x1='30.881'
+          y1='16.452'
+          x2='47.333'
+          y2='32.9'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor='#9575CD' />
+          <stop offset='1' stopColor='#7E57C2' />
+        </linearGradient>
+      </defs>
+    </svg>`}
+/>
+
+{/* MANUAL-CONTENT-START:intro */}
+[Google Forms](https://forms.google.com) is Google's online survey and form tool that allows users to create forms, collect responses, and analyze results. As part of Google's productivity suite, Google Forms makes it easy to gather information, feedback, and data from users.
+
+Learn how to integrate the Google Forms tool in Sim to automatically read and process form responses in your workflows. This tutorial walks you through connecting Google Forms, retrieving responses, and using collected data to power automation. Perfect for syncing survey results, registrations, or feedback with your agents in real-time.
+
+With Google Forms, you can:
+
+- **Create surveys and forms**: Design custom forms for feedback, registration, quizzes, and more
+- **Collect responses automatically**: Gather data from users in real-time
+- **Analyze results**: View responses in Google Forms or export to Google Sheets for further analysis
+- **Collaborate easily**: Share forms and work with others to build and review questions
+- **Integrate with other Google services**: Connect with Google Sheets, Drive, and more
+
+In Sim, the Google Forms integration enables your agents to programmatically access form responses. This allows for powerful automation scenarios such as processing survey data, triggering workflows based on new submissions, and syncing form results with other tools. Your agents can fetch all responses for a form, retrieve a specific response, and use the data to drive intelligent automation. By connecting Sim with Google Forms, you can automate data collection, streamline feedback processing, and incorporate form responses into your agent's capabilities.
+{/* MANUAL-CONTENT-END */}
+
+## Usage Instructions
+
+Integrate Google Forms into your workflow. Provide a Form ID to list responses, or specify a Response ID to fetch a single response. Requires OAuth.
+
+
+
+## Tools
+
+### `google_forms_get_responses`
+
+#### Input
+
+| Parameter | Type | Required | Description |
+| --------- | ---- | -------- | ----------- |
+| formId | string | Yes | The ID of the Google Form |
+| responseId | string | No | If provided, returns this specific response |
+| pageSize | number | No | Max responses to return (service may return fewer). Defaults to 5000 |
+
+#### Output
+
+| Parameter | Type | Description |
+| --------- | ---- | ----------- |
+| `data` | json | Response or list of responses |
+
+
+
+## Notes
+
+- Category: `tools`
+- Type: `google_forms`

apps/sim/app/api/webhooks/trigger/[path]/route.ts

@@ -201,6 +201,37 @@ export async function POST(
     }
   }
 
+  // Handle Google Forms shared-secret authentication (Apps Script forwarder)
+  if (foundWebhook.provider === 'google_forms') {
+    const providerConfig = (foundWebhook.providerConfig as Record<string, any>) || {}
+    const expectedToken = providerConfig.token as string | undefined
+    const secretHeaderName = providerConfig.secretHeaderName as string | undefined
+
+    if (expectedToken) {
+      let isTokenValid = false
+
+      if (secretHeaderName) {
+        const headerValue = request.headers.get(secretHeaderName.toLowerCase())
+        if (headerValue === expectedToken) {
+          isTokenValid = true
+        }
+      } else {
+        const authHeader = request.headers.get('authorization')
+        if (authHeader?.toLowerCase().startsWith('bearer ')) {
+          const token = authHeader.substring(7)
+          if (token === expectedToken) {
+            isTokenValid = true
+          }
+        }
+      }
+
+      if (!isTokenValid) {
+        logger.warn(`[${requestId}] Google Forms webhook authentication failed for path: ${path}`)
+        return new NextResponse('Unauthorized - Invalid secret', { status: 401 })
+      }
+    }
+  }
+
   // Handle generic webhook authentication if enabled
   if (foundWebhook.provider === 'generic') {
     const providerConfig = (foundWebhook.providerConfig as Record<string, any>) || {}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/chat-deploy/components/auth-selector.tsx

@@ -144,8 +144,7 @@ export function AuthSelector({
                   className={cn(
                     'group h-7 w-7 rounded-md p-0',
                     'text-muted-foreground/60 transition-all duration-200',
-                    'hover:scale-105 hover:bg-muted/50 hover:text-foreground',
-                    'active:scale-95',
+                    'hover:bg-muted/50 hover:text-foreground',
                     'disabled:cursor-not-allowed disabled:opacity-50',
                     'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                   )}
@@ -162,16 +161,15 @@ export function AuthSelector({
                   className={cn(
                     'group h-7 w-7 rounded-md p-0',
                     'text-muted-foreground/60 transition-all duration-200',
-                    'hover:scale-105 hover:bg-muted/50 hover:text-foreground',
-                    'active:scale-95',
+                    'hover:bg-muted/50 hover:text-foreground',
                     'disabled:cursor-not-allowed disabled:opacity-30',
                     'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                   )}
                 >
                   {copySuccess ? (
                     <Check className='h-3.5 w-3.5 text-foreground' />
                   ) : (
-                    <Copy className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                    <Copy className='h-3.5 w-3.5 ' />
                   )}
                   <span className='sr-only'>Copy password</span>
                 </Button>
@@ -184,15 +182,14 @@ export function AuthSelector({
                   className={cn(
                     'group h-7 w-7 rounded-md p-0',
                     'text-muted-foreground/60 transition-all duration-200',
-                    'hover:scale-105 hover:bg-muted/50 hover:text-foreground',
-                    'active:scale-95',
+                    'hover:bg-muted/50 hover:text-foreground',
                     'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                   )}
                 >
                   {showPassword ? (
-                    <EyeOff className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                    <EyeOff className='h-3.5 w-3.5 ' />
                   ) : (
-                    <Eye className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                    <Eye className='h-3.5 w-3.5 ' />
                   )}
                   <span className='sr-only'>
                     {showPassword ? 'Hide password' : 'Show password'}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/webhook-settings/webhook-settings.tsx

@@ -605,7 +605,7 @@ export function WebhookSettings({ workflowId, open, onOpenChange }: WebhookSetti
                                       {copySuccess[webhook.id] ? (
                                         <Check className='h-3.5 w-3.5 text-foreground' />
                                       ) : (
-                                        <Copy className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                        <Copy className='h-3.5 w-3.5' />
                                       )}
                                       <span className='sr-only'>Copy webhook URL</span>
                                     </Button>
@@ -643,7 +643,7 @@ export function WebhookSettings({ workflowId, open, onOpenChange }: WebhookSetti
                                         'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                                       )}
                                     >
-                                      <Play className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                      <Play className='h-3.5 w-3.5' />
                                       <span className='sr-only'>Test webhook</span>
                                     </Button>
                                   </TooltipTrigger>
@@ -665,7 +665,7 @@ export function WebhookSettings({ workflowId, open, onOpenChange }: WebhookSetti
                                         'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                                       )}
                                     >
-                                      <Pencil className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                      <Pencil className='h-3.5 w-3.5' />
                                       <span className='sr-only'>Edit webhook</span>
                                     </Button>
                                   </TooltipTrigger>
@@ -687,7 +687,7 @@ export function WebhookSettings({ workflowId, open, onOpenChange }: WebhookSetti
                                         'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                                       )}
                                     >
-                                      <Trash2 className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                      <Trash2 className='h-3.5 w-3.5' />
                                       <span className='sr-only'>Delete webhook</span>
                                     </Button>
                                   </TooltipTrigger>
@@ -874,16 +874,15 @@ export function WebhookSettings({ workflowId, open, onOpenChange }: WebhookSetti
                                 className={cn(
                                   'group h-7 w-7 rounded-md p-0',
                                   'text-muted-foreground/60 transition-all duration-200',
-                                  'hover:scale-105 hover:bg-muted/50 hover:text-foreground',
-                                  'active:scale-95',
+                                  'hover:bg-muted/50 hover:text-foreground',
                                   'disabled:cursor-not-allowed disabled:opacity-30',
                                   'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                                 )}
                               >
                                 {copySuccess.form ? (
                                   <Check className='h-3.5 w-3.5 text-foreground' />
                                 ) : (
-                                  <Copy className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                  <Copy className='h-3.5 w-3.5' />
                                 )}
                                 <span className='sr-only'>Copy secret</span>
                               </Button>
@@ -901,16 +900,15 @@ export function WebhookSettings({ workflowId, open, onOpenChange }: WebhookSetti
                                 className={cn(
                                   'group h-7 w-7 rounded-md p-0',
                                   'text-muted-foreground/60 transition-all duration-200',
-                                  'hover:scale-105 hover:bg-muted/50 hover:text-foreground',
-                                  'active:scale-95',
+                                  'hover:bg-muted/50 hover:text-foreground',
                                   'focus-visible:ring-2 focus-visible:ring-muted-foreground/20 focus-visible:ring-offset-1'
                                 )}
                                 onClick={() => setShowSecret(!showSecret)}
                               >
                                 {showSecret ? (
-                                  <EyeOff className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                  <EyeOff className='h-3.5 w-3.5' />
                                 ) : (
-                                  <Eye className='h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110' />
+                                  <Eye className='h-3.5 w-3.5' />
                                 )}
                                 <span className='sr-only'>
                                   {showSecret ? 'Hide secret' : 'Show secret'}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/short-input.tsx

@@ -366,7 +366,7 @@ export function ShortInput({
         <Input
           ref={inputRef}
           className={cn(
-            'allow-scroll w-full overflow-auto text-transparent caret-foreground placeholder:text-muted-foreground/50',
+            'allow-scroll w-full overflow-auto text-transparent caret-foreground [-ms-overflow-style:none] [scrollbar-width:none] placeholder:text-muted-foreground/50 [&::-webkit-scrollbar]:hidden',
             isConnecting &&
               config?.connectionDroppable !== false &&
               'ring-2 ring-blue-500 ring-offset-2 focus-visible:ring-blue-500'
@@ -403,13 +403,13 @@ export function ShortInput({
           onWheel={handleWheel}
           onKeyDown={handleKeyDown}
           autoComplete='off'
-          style={{ overflowX: 'auto' }}
+          style={{ overflowX: 'auto', scrollbarWidth: 'none', msOverflowStyle: 'none' }}
           disabled={disabled}
         />
         <div
           ref={overlayRef}
-          className='pointer-events-none absolute inset-0 flex items-center overflow-x-auto bg-transparent px-3 text-sm'
-          style={{ overflowX: 'auto' }}
+          className='pointer-events-none absolute inset-0 flex items-center overflow-x-auto bg-transparent px-3 text-sm [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'
+          style={{ overflowX: 'auto', scrollbarWidth: 'none', msOverflowStyle: 'none' }}
         >
           <div
             className='w-full whitespace-pre'