From 8a8589e18d246564d83e8cd4ef3b340ce54de46a Mon Sep 17 00:00:00 2001
From: Lakee Sivaraya <lakeesivaraya@gmail.com>
Date: Tue, 13 Jan 2026 19:02:31 -0800
Subject: [PATCH] one input mode

---
 .../filter-format/filter-format.tsx           |  5 +-
 .../components/sort-format/sort-format.tsx    |  5 +-
 apps/sim/blocks/blocks/table.ts               | 58 ++++++++-----------
 3 files changed, 26 insertions(+), 42 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/filter-format/filter-format.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/filter-format/filter-format.tsx
index 34f899f50..968a13be0 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/filter-format/filter-format.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/filter-format/filter-format.tsx
@@ -125,10 +125,7 @@ export function FilterFormat({
       ) : (
         <>
           {conditions.map((condition, index) => (
-            <div
-              key={condition.id}
-              className='flex items-center gap-[6px] rounded-[4px] border border-[var(--border-1)] p-[8px]'
-            >
+            <div key={condition.id} className='flex items-center gap-[6px]'>
               {/* Remove Button */}
               <Button
                 variant='ghost'
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/sort-format/sort-format.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/sort-format/sort-format.tsx
index e43f99c99..b80597df6 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/sort-format/sort-format.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/sort-format/sort-format.tsx
@@ -124,10 +124,7 @@ export function SortFormat({
       ) : (
         <>
           {conditions.map((condition, index) => (
-            <div
-              key={condition.id}
-              className='flex items-center gap-[6px] rounded-[4px] border border-[var(--border-1)] p-[8px]'
-            >
+            <div key={condition.id} className='flex items-center gap-[6px]'>
               {/* Remove Button */}
               <Button
                 variant='ghost'
diff --git a/apps/sim/blocks/blocks/table.ts b/apps/sim/blocks/blocks/table.ts
index c84a19817..b3266a295 100644
--- a/apps/sim/blocks/blocks/table.ts
+++ b/apps/sim/blocks/blocks/table.ts
@@ -272,10 +272,10 @@ Return ONLY the filter JSON:`,
       },
     },
 
-    // Filter mode selector for queryRows
+    // Builder mode selector for queryRows (controls both filter and sort)
     {
-      id: 'filterMode',
-      title: 'Filter Mode',
+      id: 'builderMode',
+      title: 'Input Mode',
       type: 'dropdown',
       options: [
         { label: 'Builder', id: 'builder' },
@@ -293,7 +293,19 @@ Return ONLY the filter JSON:`,
       condition: {
         field: 'operation',
         value: 'queryRows',
-        and: { field: 'filterMode', value: 'builder' },
+        and: { field: 'builderMode', value: 'builder' },
+      },
+    },
+
+    // Sort builder (visual)
+    {
+      id: 'sortBuilder',
+      title: 'Sort Order',
+      type: 'sort-format',
+      condition: {
+        field: 'operation',
+        value: 'queryRows',
+        and: { field: 'builderMode', value: 'builder' },
       },
     },
 
@@ -306,7 +318,7 @@ Return ONLY the filter JSON:`,
       condition: {
         field: 'operation',
         value: 'queryRows',
-        and: { field: 'filterMode', value: 'json' },
+        and: { field: 'builderMode', value: 'json' },
       },
       wandConfig: {
         enabled: true,
@@ -355,30 +367,6 @@ Return ONLY the filter JSON:`,
         generationType: 'json-object',
       },
     },
-    // Sort mode selector for queryRows
-    {
-      id: 'sortMode',
-      title: 'Sort Mode',
-      type: 'dropdown',
-      options: [
-        { label: 'Builder', id: 'builder' },
-        { label: 'Editor', id: 'json' },
-      ],
-      value: () => 'builder',
-      condition: { field: 'operation', value: 'queryRows' },
-    },
-
-    // Sort builder (visual)
-    {
-      id: 'sortBuilder',
-      title: 'Sort Order',
-      type: 'sort-format',
-      condition: {
-        field: 'operation',
-        value: 'queryRows',
-        and: { field: 'sortMode', value: 'builder' },
-      },
-    },
 
     // Sort (JSON editor)
     {
@@ -389,7 +377,7 @@ Return ONLY the filter JSON:`,
       condition: {
         field: 'operation',
         value: 'queryRows',
-        and: { field: 'sortMode', value: 'json' },
+        and: { field: 'builderMode', value: 'json' },
       },
       wandConfig: {
         enabled: true,
@@ -584,7 +572,7 @@ Return ONLY the sort JSON:`,
         // Query Rows
         if (operation === 'queryRows') {
           let filter: any
-          if (rest.filterMode === 'builder' && rest.filterBuilder) {
+          if (rest.builderMode === 'builder' && rest.filterBuilder) {
             // Convert builder conditions to filter object
             filter = conditionsToFilter(rest.filterBuilder as any) || undefined
           } else if (rest.filter) {
@@ -592,7 +580,7 @@ Return ONLY the sort JSON:`,
           }
 
           let sort: any
-          if (rest.sortMode === 'builder' && rest.sortBuilder) {
+          if (rest.builderMode === 'builder' && rest.sortBuilder) {
             // Convert sort builder conditions to sort object
             sort = sortConditionsToSort(rest.sortBuilder as any) || undefined
           } else if (rest.sort) {
@@ -629,10 +617,12 @@ Return ONLY the sort JSON:`,
     },
     filterCriteria: { type: 'json', description: 'Filter criteria for bulk operations (JSON)' },
     bulkLimit: { type: 'number', description: 'Safety limit for bulk operations' },
-    filterMode: { type: 'string', description: 'Filter input mode (builder or json)' },
+    builderMode: {
+      type: 'string',
+      description: 'Input mode for filter and sort (builder or json)',
+    },
     filterBuilder: { type: 'json', description: 'Visual filter builder conditions' },
     filter: { type: 'json', description: 'Query filter conditions (JSON)' },
-    sortMode: { type: 'string', description: 'Sort input mode (builder or json)' },
     sortBuilder: { type: 'json', description: 'Visual sort builder conditions' },
     sort: { type: 'json', description: 'Sort order (JSON)' },
     limit: { type: 'number', description: 'Query result limit' },