v0.2.12: fix + improvement

v0.2.12: fix + improvement

Author: waleedlatif1

.husky/pre-commit

@@ -1 +1 @@
-bun lint
+bunx lint-staged

apps/docs/content/docs/tools/gmail.mdx

@@ -79,50 +79,38 @@ Send emails using Gmail
 | `threadId` | string |
 | `labelIds` | string |
 
-### `gmail_read`
+### `gmail_draft`
 
-Read emails from Gmail
+Draft emails using Gmail
 
 #### Input
 
 | Parameter | Type | Required | Description |
 | --------- | ---- | -------- | ----------- |
 | `accessToken` | string | Yes | Access token for Gmail API |
-| `messageId` | string | No | ID of the message to read |
-| `folder` | string | No | Folder/label to read emails from |
-| `unreadOnly` | boolean | No | Only retrieve unread messages |
-| `maxResults` | number | No | Maximum number of messages to retrieve \(default: 1, max: 10\) |
+| `to` | string | Yes | Recipient email address |
+| `subject` | string | Yes | Email subject |
+| `body` | string | Yes | Email body content |
 
 #### Output
 
 | Parameter | Type |
 | --------- | ---- |
 | `content` | string |
 | `metadata` | string |
-
-### `gmail_search`
-
-Search emails in Gmail
-
-#### Input
-
-| Parameter | Type | Required | Description |
-| --------- | ---- | -------- | ----------- |
-| `accessToken` | string | Yes | Access token for Gmail API |
-| `query` | string | Yes | Search query for emails |
-| `maxResults` | number | No | Maximum number of results to return |
-
-#### Output
-
-| Parameter | Type |
-| --------- | ---- |
-| `content` | string |
+| `message` | string |
+| `threadId` | string |
+| `labelIds` | string |
 
 
 
 ## Block Configuration
 
-No configuration parameters required.
+### Input
+
+| Parameter | Type | Required | Description | 
+| --------- | ---- | -------- | ----------- | 
+| `operation` | string | Yes | Operation (e.g., 'send', 'draft') |
 
 
 

apps/sim/app/api/billing/webhooks/stripe/route.ts

@@ -24,7 +24,7 @@ export async function POST(request: NextRequest) {
       return NextResponse.json({ error: 'Missing Stripe signature' }, { status: 400 })
     }
 
-    if (!env.STRIPE_WEBHOOK_SECRET) {
+    if (!env.STRIPE_BILLING_WEBHOOK_SECRET) {
       logger.error('Missing Stripe webhook secret configuration')
       return NextResponse.json({ error: 'Webhook secret not configured' }, { status: 500 })
     }
@@ -43,7 +43,7 @@ export async function POST(request: NextRequest) {
     // Verify webhook signature
     let event: Stripe.Event
     try {
-      event = stripe.webhooks.constructEvent(body, signature, env.STRIPE_WEBHOOK_SECRET)
+      event = stripe.webhooks.constructEvent(body, signature, env.STRIPE_BILLING_WEBHOOK_SECRET)
     } catch (signatureError) {
       logger.error('Invalid Stripe webhook signature', {
         error: signatureError,

apps/sim/app/workspace/[workspaceId]/knowledge/components/create-modal/create-modal.tsx

@@ -430,6 +430,9 @@ export function CreateModal({ open, onOpenChange, onKnowledgeBaseCreated }: Crea
                           placeholder='100'
                           {...register('minChunkSize', { valueAsNumber: true })}
                           className={errors.minChunkSize ? 'border-red-500' : ''}
+                          autoComplete='off'
+                          data-form-type='other'
+                          name='min-chunk-size'
                         />
                         {errors.minChunkSize && (
                           <p className='mt-1 text-red-500 text-xs'>{errors.minChunkSize.message}</p>
@@ -444,6 +447,9 @@ export function CreateModal({ open, onOpenChange, onKnowledgeBaseCreated }: Crea
                           placeholder='1024'
                           {...register('maxChunkSize', { valueAsNumber: true })}
                           className={errors.maxChunkSize ? 'border-red-500' : ''}
+                          autoComplete='off'
+                          data-form-type='other'
+                          name='max-chunk-size'
                         />
                         {errors.maxChunkSize && (
                           <p className='mt-1 text-red-500 text-xs'>{errors.maxChunkSize.message}</p>
@@ -460,6 +466,9 @@ export function CreateModal({ open, onOpenChange, onKnowledgeBaseCreated }: Crea
                         placeholder='200'
                         {...register('overlapSize', { valueAsNumber: true })}
                         className={errors.overlapSize ? 'border-red-500' : ''}
+                        autoComplete='off'
+                        data-form-type='other'
+                        name='overlap-size'
                       />
                       {errors.overlapSize && (
                         <p className='mt-1 text-red-500 text-xs'>{errors.overlapSize.message}</p>

apps/sim/app/workspace/[workspaceId]/logs/components/trace-spans/trace-spans-display.tsx

@@ -27,13 +27,22 @@ function transformBlockData(data: any, blockType: string, isInput: boolean) {
   if (isInput) {
     const cleanInput = { ...data }
 
-    // Remove sensitive fields
+    // Remove sensitive fields (common API keys and tokens)
     if (cleanInput.apiKey) {
       cleanInput.apiKey = '***'
     }
     if (cleanInput.azureApiKey) {
       cleanInput.azureApiKey = '***'
     }
+    if (cleanInput.token) {
+      cleanInput.token = '***'
+    }
+    if (cleanInput.accessToken) {
+      cleanInput.accessToken = '***'
+    }
+    if (cleanInput.authorization) {
+      cleanInput.authorization = '***'
+    }
 
     // Remove null/undefined values for cleaner display
     Object.keys(cleanInput).forEach((key) => {
@@ -73,6 +82,10 @@ function transformBlockData(data: any, blockType: string, isInput: boolean) {
           headers: response.headers,
         }
 
+      case 'tool':
+        // For tool calls, show the result data directly
+        return response
+
       default:
         // For other block types, show the response content
         return response
@@ -82,6 +95,70 @@ function transformBlockData(data: any, blockType: string, isInput: boolean) {
   return data
 }
 
+// Collapsible Input/Output component
+interface CollapsibleInputOutputProps {
+  span: TraceSpan
+  spanId: string
+}
+
+function CollapsibleInputOutput({ span, spanId }: CollapsibleInputOutputProps) {
+  const [inputExpanded, setInputExpanded] = useState(false)
+  const [outputExpanded, setOutputExpanded] = useState(false)
+
+  return (
+    <div className='mt-2 mr-4 mb-4 ml-8 space-y-3 overflow-hidden'>
+      {/* Input Data - Collapsible */}
+      {span.input && (
+        <div>
+          <button
+            onClick={() => setInputExpanded(!inputExpanded)}
+            className='flex items-center gap-2 mb-2 font-medium text-muted-foreground text-xs hover:text-foreground transition-colors'
+          >
+            {inputExpanded ? (
+              <ChevronDown className='h-3 w-3' />
+            ) : (
+              <ChevronRight className='h-3 w-3' />
+            )}
+            Input
+          </button>
+          {inputExpanded && (
+            <div className='mb-2 overflow-hidden rounded-md bg-secondary/30 p-3'>
+              <BlockDataDisplay data={span.input} blockType={span.type} isInput={true} />
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Output Data - Collapsible */}
+      {span.output && (
+        <div>
+          <button
+            onClick={() => setOutputExpanded(!outputExpanded)}
+            className='flex items-center gap-2 mb-2 font-medium text-muted-foreground text-xs hover:text-foreground transition-colors'
+          >
+            {outputExpanded ? (
+              <ChevronDown className='h-3 w-3' />
+            ) : (
+              <ChevronRight className='h-3 w-3' />
+            )}
+            {span.status === 'error' ? 'Error Details' : 'Output'}
+          </button>
+          {outputExpanded && (
+            <div className='mb-2 overflow-hidden rounded-md bg-secondary/30 p-3'>
+              <BlockDataDisplay
+                data={span.output}
+                blockType={span.type}
+                isInput={false}
+                isError={span.status === 'error'}
+              />
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}
+
 // Component to display block input/output data in a clean, readable format
 function BlockDataDisplay({
   data,
@@ -531,37 +608,8 @@ function TraceSpanItem({
       {/* Expanded content */}
       {expanded && (
         <div>
-          {/* Block Input/Output Data */}
-          {(span.input || span.output) && (
-            <div className='mt-2 mr-4 mb-4 ml-8 space-y-3 overflow-hidden'>
-              {/* Input Data */}
-              {span.input && (
-                <div>
-                  <h4 className='mb-2 font-medium text-muted-foreground text-xs'>Input</h4>
-                  <div className='mb-2 overflow-hidden rounded-md bg-secondary/30 p-3'>
-                    <BlockDataDisplay data={span.input} blockType={span.type} isInput={true} />
-                  </div>
-                </div>
-              )}
-
-              {/* Output Data */}
-              {span.output && (
-                <div>
-                  <h4 className='mb-2 font-medium text-muted-foreground text-xs'>
-                    {span.status === 'error' ? 'Error Details' : 'Output'}
-                  </h4>
-                  <div className='mb-2 overflow-hidden rounded-md bg-secondary/30 p-3'>
-                    <BlockDataDisplay
-                      data={span.output}
-                      blockType={span.type}
-                      isInput={false}
-                      isError={span.status === 'error'}
-                    />
-                  </div>
-                </div>
-              )}
-            </div>
-          )}
+          {/* Block Input/Output Data - Collapsible */}
+          {(span.input || span.output) && <CollapsibleInputOutput span={span} spanId={spanId} />}
 
           {/* Children and tool calls */}
           {/* Render child spans */}
@@ -613,9 +661,16 @@ function TraceSpanItem({
                   startTime: new Date(toolStartTime).toISOString(),
                   endTime: new Date(toolEndTime).toISOString(),
                   status: toolCall.error ? 'error' : 'success',
+                  // Include tool call arguments as input and result as output
+                  input: toolCall.input,
+                  output: toolCall.error
+                    ? { error: toolCall.error, ...(toolCall.output || {}) }
+                    : toolCall.output,
                 }
 
-                // Tool calls typically don't have sub-items
+                // Tool calls now have input/output data to display
+                const hasToolCallData = Boolean(toolCall.input || toolCall.output || toolCall.error)
+
                 return (
                   <TraceSpanItem
                     key={`tool-${index}`}
@@ -627,7 +682,7 @@ function TraceSpanItem({
                     workflowStartTime={workflowStartTime}
                     onToggle={onToggle}
                     expandedSpans={expandedSpans}
-                    hasSubItems={false}
+                    hasSubItems={hasToolCallData}
                   />
                 )
               })}

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

@@ -192,6 +192,9 @@ export function EvalInput({
                   onBlur={(e) => handleRangeBlur(metric.id, 'min', e.target.value)}
                   disabled={isPreview || disabled}
                   className='placeholder:text-muted-foreground/50'
+                  autoComplete='off'
+                  data-form-type='other'
+                  name='eval-range-min'
                 />
               </div>
               <div className='space-y-1'>
@@ -203,6 +206,9 @@ export function EvalInput({
                   onBlur={(e) => handleRangeBlur(metric.id, 'max', e.target.value)}
                   disabled={isPreview || disabled}
                   className='placeholder:text-muted-foreground/50'
+                  autoComplete='off'
+                  data-form-type='other'
+                  name='eval-range-max'
                 />
               </div>
             </div>

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

@@ -302,12 +302,13 @@ export function LongInput({
       />
       <div
         ref={overlayRef}
-        className='pointer-events-none absolute inset-0 overflow-auto whitespace-pre-wrap break-words bg-transparent px-3 py-2 text-sm'
+        className='pointer-events-none absolute inset-0 whitespace-pre-wrap break-words bg-transparent px-3 py-2 text-sm'
         style={{
           fontFamily: 'inherit',
           lineHeight: 'inherit',
           width: textareaRef.current ? `${textareaRef.current.clientWidth}px` : '100%',
           height: `${height}px`,
+          overflow: 'hidden',
         }}
       >
         {formatDisplayText(value?.toString() ?? '', true)}

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

@@ -436,6 +436,9 @@ export function ScheduleModal({
                   type='number'
                   min='1'
                   className='h-10'
+                  autoComplete='off'
+                  data-form-type='other'
+                  name='minutes-interval'
                 />
               </div>
             )}
@@ -455,6 +458,9 @@ export function ScheduleModal({
                   min='0'
                   max='59'
                   className='h-10'
+                  autoComplete='off'
+                  data-form-type='other'
+                  name='hourly-minute'
                 />
                 <p className='text-muted-foreground text-xs'>
                   Specify which minute of each hour the workflow should run (0-59)
@@ -530,6 +536,9 @@ export function ScheduleModal({
                     min='1'
                     max='31'
                     className='h-10'
+                    autoComplete='off'
+                    data-form-type='other'
+                    name='monthly-day'
                   />
                   <p className='text-muted-foreground text-xs'>
                     Specify which day of the month the workflow should run (1-31)