bring back advanced mode with specific definition

Author: icecrasher321

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/editor.tsx

@@ -1,11 +1,12 @@
 'use client'
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { BookOpen, Check, ChevronUp, Pencil } from 'lucide-react'
+import { BookOpen, Check, ChevronDown, ChevronUp, Pencil } from 'lucide-react'
 import { Button, Tooltip } from '@/components/emcn'
 import {
   buildCanonicalIndex,
   hasAdvancedValues,
+  hasStandaloneAdvancedFields,
   isCanonicalPair,
   resolveCanonicalMode,
 } from '@/lib/workflows/subblocks/visibility'
@@ -107,6 +108,11 @@ export function Editor() {
   )
   const displayAdvancedOptions = advancedMode || advancedValuesPresent
 
+  const hasAdvancedOnlyFields = useMemo(
+    () => hasStandaloneAdvancedFields(blockConfig?.subBlocks || [], canonicalIndex),
+    [blockConfig?.subBlocks, canonicalIndex]
+  )
+
   // Get subblock layout using custom hook
   const { subBlocks, stateToUse: subBlockState } = useEditorSubblockLayout(
     blockConfig || ({} as any),
@@ -127,8 +133,17 @@ export function Editor() {
   })
 
   // Collaborative actions
-  const { collaborativeSetBlockCanonicalMode, collaborativeUpdateBlockName } =
-    useCollaborativeWorkflow()
+  const {
+    collaborativeSetBlockCanonicalMode,
+    collaborativeUpdateBlockName,
+    collaborativeToggleBlockAdvancedMode,
+  } = useCollaborativeWorkflow()
+
+  // Advanced mode toggle handler
+  const handleToggleAdvancedMode = useCallback(() => {
+    if (!currentBlockId || !userPermissions.canEdit) return
+    collaborativeToggleBlockAdvancedMode(currentBlockId)
+  }, [currentBlockId, userPermissions.canEdit, collaborativeToggleBlockAdvancedMode])
 
   // Rename state
   const [isRenaming, setIsRenaming] = useState(false)
@@ -403,6 +418,30 @@ export function Editor() {
                   })}
                 </div>
               )}
+
+              {/* Advanced Mode Toggle - Only show when block has standalone advanced-only fields */}
+              {hasAdvancedOnlyFields && userPermissions.canEdit && (
+                <div className='flex items-center justify-center pt-[8px] pb-[4px]'>
+                  <Button
+                    variant='ghost'
+                    size='sm'
+                    onClick={handleToggleAdvancedMode}
+                    className='h-[28px] gap-[6px] px-[10px] text-[12px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+                  >
+                    {displayAdvancedOptions ? (
+                      <>
+                        <ChevronUp className='h-[14px] w-[14px]' />
+                        Hide advanced fields
+                      </>
+                    ) : (
+                      <>
+                        <ChevronDown className='h-[14px] w-[14px]' />
+                        Show advanced fields
+                      </>
+                    )}
+                  </Button>
+                </div>
+              )}
             </div>
           </div>
 

apps/sim/hooks/use-collaborative-workflow.ts

@@ -200,6 +200,9 @@ export function useCollaborativeWorkflow() {
             case BLOCK_OPERATIONS.UPDATE_NAME:
               workflowStore.updateBlockName(payload.id, payload.name)
               break
+            case BLOCK_OPERATIONS.UPDATE_ADVANCED_MODE:
+              workflowStore.setBlockAdvancedMode(payload.id, payload.advancedMode)
+              break
             case BLOCK_OPERATIONS.UPDATE_CANONICAL_MODE:
               workflowStore.setBlockCanonicalMode(
                 payload.id,
@@ -920,6 +923,21 @@ export function useCollaborativeWorkflow() {
     [isInActiveRoom, workflowStore, undoRedo, addToQueue, activeWorkflowId, session?.user?.id]
   )
 
+  const collaborativeToggleBlockAdvancedMode = useCallback(
+    (id: string) => {
+      const block = workflowStore.blocks[id]
+      if (!block) return
+      const newAdvancedMode = !block.advancedMode
+      executeQueuedOperation(
+        BLOCK_OPERATIONS.UPDATE_ADVANCED_MODE,
+        OPERATION_TARGETS.BLOCK,
+        { id, advancedMode: newAdvancedMode },
+        () => workflowStore.setBlockAdvancedMode(id, newAdvancedMode)
+      )
+    },
+    [executeQueuedOperation, workflowStore]
+  )
+
   const collaborativeSetBlockCanonicalMode = useCallback(
     (id: string, canonicalId: string, canonicalMode: 'basic' | 'advanced') => {
       executeQueuedOperation(
@@ -1605,6 +1623,7 @@ export function useCollaborativeWorkflow() {
     collaborativeUpdateBlockName,
     collaborativeBatchToggleBlockEnabled,
     collaborativeBatchUpdateParent,
+    collaborativeToggleBlockAdvancedMode,
     collaborativeSetBlockCanonicalMode,
     collaborativeBatchToggleBlockHandles,
     collaborativeBatchAddBlocks,

apps/sim/lib/core/config/feature-flags.ts

@@ -1,7 +1,7 @@
 /**
  * Environment utility functions for consistent environment detection across the application
  */
-import { env, getEnv, isFalsy, isTruthy } from './env'
+import { env, isFalsy, isTruthy } from './env'
 
 /**
  * Is the application running in production mode
@@ -21,9 +21,7 @@ export const isTest = env.NODE_ENV === 'test'
 /**
  * Is this the hosted version of the application
  */
-export const isHosted =
-  getEnv('NEXT_PUBLIC_APP_URL') === 'https://www.sim.ai' ||
-  getEnv('NEXT_PUBLIC_APP_URL') === 'https://www.staging.sim.ai'
+export const isHosted = true
 
 /**
  * Is billing enforcement enabled

apps/sim/lib/workflows/subblocks/visibility.ts

@@ -165,6 +165,21 @@ export function getCanonicalValues(
   return { basicValue, advancedValue, advancedSourceId }
 }
 
+/**
+ * Check if a block has any standalone advanced-only fields (not part of canonical pairs).
+ * These require the block-level advanced mode toggle to be visible.
+ */
+export function hasStandaloneAdvancedFields(
+  subBlocks: SubBlockConfig[],
+  canonicalIndex: CanonicalIndex
+): boolean {
+  for (const subBlock of subBlocks) {
+    if (subBlock.mode !== 'advanced') continue
+    if (!canonicalIndex.canonicalIdBySubBlockId[subBlock.id]) return true
+  }
+  return false
+}
+
 /**
  * Check if any advanced-only or canonical advanced values are present.
  */

apps/sim/socket/constants.ts

@@ -3,6 +3,7 @@ export const BLOCK_OPERATIONS = {
   UPDATE_NAME: 'update-name',
   TOGGLE_ENABLED: 'toggle-enabled',
   UPDATE_PARENT: 'update-parent',
+  UPDATE_ADVANCED_MODE: 'update-advanced-mode',
   UPDATE_CANONICAL_MODE: 'update-canonical-mode',
   TOGGLE_HANDLES: 'toggle-handles',
 } as const

apps/sim/socket/database/operations.ts

@@ -376,6 +376,28 @@ async function handleBlockOperationTx(
       break
     }
 
+    case BLOCK_OPERATIONS.UPDATE_ADVANCED_MODE: {
+      if (!payload.id || payload.advancedMode === undefined) {
+        throw new Error('Missing required fields for update advanced mode operation')
+      }
+
+      const updateResult = await tx
+        .update(workflowBlocks)
+        .set({
+          advancedMode: payload.advancedMode,
+          updatedAt: new Date(),
+        })
+        .where(and(eq(workflowBlocks.id, payload.id), eq(workflowBlocks.workflowId, workflowId)))
+        .returning({ id: workflowBlocks.id })
+
+      if (updateResult.length === 0) {
+        throw new Error(`Block ${payload.id} not found in workflow ${workflowId}`)
+      }
+
+      logger.debug(`Updated block advanced mode: ${payload.id} -> ${payload.advancedMode}`)
+      break
+    }
+
     case BLOCK_OPERATIONS.UPDATE_CANONICAL_MODE: {
       if (!payload.id || !payload.canonicalId || !payload.canonicalMode) {
         throw new Error('Missing required fields for update canonical mode operation')

apps/sim/socket/middleware/permissions.ts

@@ -21,6 +21,7 @@ const WRITE_OPERATIONS: string[] = [
   BLOCK_OPERATIONS.UPDATE_NAME,
   BLOCK_OPERATIONS.TOGGLE_ENABLED,
   BLOCK_OPERATIONS.UPDATE_PARENT,
+  BLOCK_OPERATIONS.UPDATE_ADVANCED_MODE,
   BLOCK_OPERATIONS.UPDATE_CANONICAL_MODE,
   BLOCK_OPERATIONS.TOGGLE_HANDLES,
   // Batch block operations

apps/sim/socket/validation/schemas.ts

@@ -30,6 +30,7 @@ export const BlockOperationSchema = z.object({
     BLOCK_OPERATIONS.UPDATE_NAME,
     BLOCK_OPERATIONS.TOGGLE_ENABLED,
     BLOCK_OPERATIONS.UPDATE_PARENT,
+    BLOCK_OPERATIONS.UPDATE_ADVANCED_MODE,
     BLOCK_OPERATIONS.UPDATE_CANONICAL_MODE,
     BLOCK_OPERATIONS.TOGGLE_HANDLES,
   ]),
@@ -46,6 +47,7 @@ export const BlockOperationSchema = z.object({
     parentId: z.string().nullable().optional(),
     extent: z.enum(['parent']).nullable().optional(),
     enabled: z.boolean().optional(),
+    advancedMode: z.boolean().optional(),
     horizontalHandles: z.boolean().optional(),
     canonicalId: z.string().optional(),
     canonicalMode: z.enum(['basic', 'advanced']).optional(),

apps/sim/stores/workflows/workflow/types.ts

@@ -83,10 +83,6 @@ export interface BlockState {
   enabled: boolean
   horizontalHandles?: boolean
   height?: number
-  /**
-   * @deprecated Use `data.canonicalModes` for per-canonical-pair mode control instead.
-   * This field is kept for backward compatibility with older workflows.
-   */
   advancedMode?: boolean
   triggerMode?: boolean
   data?: BlockData

packages/testing/src/factories/permission.factory.ts

@@ -259,6 +259,7 @@ const BLOCK_OPERATIONS = {
   UPDATE_NAME: 'update-name',
   TOGGLE_ENABLED: 'toggle-enabled',
   UPDATE_PARENT: 'update-parent',
+  UPDATE_ADVANCED_MODE: 'update-advanced-mode',
   UPDATE_CANONICAL_MODE: 'update-canonical-mode',
   TOGGLE_HANDLES: 'toggle-handles',
 } as const