fix(agent): use the existing canonical permission mode toggle

Author: j15z

apps/docs/openapi-v2-workflows.json

@@ -6388,6 +6388,11 @@
             "enum": ["auto", "force", "none"],
             "description": "When the Agent may call the tool: `auto` lets the model decide, `force` requires a call, and `none` disables it. Omitted means `auto`."
           },
+          "usageControlExpression": {
+            "type": "string",
+            "maxLength": 2048,
+            "description": "Variable-capable tool mode value used when the matching canonical mode is `advanced`. It must resolve to `auto`, `force`, or `none` at execution time."
+          },
           "params": {
             "type": "object",
             "propertyNames": {
@@ -6434,6 +6439,11 @@
                 "type": "string",
                 "enum": ["auto", "force", "none"],
                 "description": "When the Agent may call the tool: `auto` lets the model decide, `force` requires a call, and `none` disables it. Omitted means `auto`."
+              },
+              "usageControlExpression": {
+                "type": "string",
+                "maxLength": 2048,
+                "description": "Variable-capable tool mode value used when the matching canonical mode is `advanced`. It must resolve to `auto`, `force`, or `none` at execution time."
               }
             },
             "required": ["type", "customToolId"],
@@ -6502,6 +6512,11 @@
                 "type": "string",
                 "enum": ["auto", "force", "none"],
                 "description": "When the Agent may call the tool: `auto` lets the model decide, `force` requires a call, and `none` disables it. Omitted means `auto`."
+              },
+              "usageControlExpression": {
+                "type": "string",
+                "maxLength": 2048,
+                "description": "Variable-capable tool mode value used when the matching canonical mode is `advanced`. It must resolve to `auto`, `force`, or `none` at execution time."
               }
             },
             "required": ["type", "schema", "code"],
@@ -6567,6 +6582,11 @@
             "type": "string",
             "enum": ["auto", "force", "none"],
             "description": "When the Agent may call the tool: `auto` lets the model decide, `force` requires a call, and `none` disables it. Omitted means `auto`."
+          },
+          "usageControlExpression": {
+            "type": "string",
+            "maxLength": 2048,
+            "description": "Variable-capable tool mode value used when the matching canonical mode is `advanced`. It must resolve to `auto`, `force`, or `none` at execution time."
           }
         },
         "required": ["type", "params"],
@@ -6612,6 +6632,11 @@
             "type": "string",
             "enum": ["auto", "force", "none"],
             "description": "When the Agent may call the tool: `auto` lets the model decide, `force` requires a call, and `none` disables it. Omitted means `auto`."
+          },
+          "usageControlExpression": {
+            "type": "string",
+            "maxLength": 2048,
+            "description": "Variable-capable tool mode value used when the matching canonical mode is `advanced`. It must resolve to `auto`, `force`, or `none` at execution time."
           }
         },
         "required": ["type", "params"],

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/components/tools/usage-control.tsx

@@ -1,7 +1,7 @@
-import { Combobox, Label } from '@sim/emcn'
+import { Combobox, cn, Label, Tooltip } from '@sim/emcn'
+import { ArrowLeftRight } from '@sim/emcn/icons'
 import type { CanonicalMode } from '@/lib/workflows/subblocks/visibility'
 import type { StoredTool } from '@/lib/workflows/tool-input/types'
-import { CanonicalModeToggle } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/canonical-mode-toggle'
 import { ShortInput } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/short-input'
 
 interface ToolUsageControlProps {
@@ -47,11 +47,33 @@ export function ToolUsageControl({
   onExpressionChange,
   onModeToggle,
 }: ToolUsageControlProps) {
+  const toggleLabel = mode === 'advanced' ? 'Switch to selector' : 'Switch to variable'
+
   return (
     <div className='subblock-content flex w-full min-w-0 flex-col gap-2.5'>
       <div className='flex items-center justify-between gap-1.5 pl-0.5'>
         <Label>Permission Mode</Label>
-        <CanonicalModeToggle mode={mode} disabled={disabled} onToggle={onModeToggle} />
+        <Tooltip.Root>
+          <Tooltip.Trigger asChild>
+            <button
+              type='button'
+              className='flex size-[12px] shrink-0 cursor-pointer items-center justify-center bg-transparent p-0 disabled:cursor-not-allowed disabled:opacity-50'
+              onClick={onModeToggle}
+              disabled={disabled}
+              aria-label={toggleLabel}
+            >
+              <ArrowLeftRight
+                className={cn(
+                  'size-[12px]!',
+                  mode === 'advanced'
+                    ? 'text-[var(--text-primary)]'
+                    : 'text-[var(--text-secondary)]'
+                )}
+              />
+            </button>
+          </Tooltip.Trigger>
+          <Tooltip.Content side='top'>{toggleLabel}</Tooltip.Content>
+        </Tooltip.Root>
       </div>
       {mode === 'advanced' ? (
         <ShortInput