Checkpoint

Author: Sg312

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/channel-selector/channel-selector-input.tsx

@@ -51,6 +51,7 @@ export function ChannelSelectorInput({
   const { finalDisabled, dependsOn, dependencyValues } = useDependsOnGate(blockId, subBlock, {
     disabled,
     isPreview,
+    previewContextValues,
   })
 
   // Choose credential strictly based on auth method - use effective values

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/file-selector/file-selector-input.tsx

@@ -42,7 +42,11 @@ export function FileSelectorInput({
   const params = useParams()
   const workflowIdFromUrl = (params?.workflowId as string) || activeWorkflowId || ''
   // Central dependsOn gating for this selector instance
-  const { finalDisabled } = useDependsOnGate(blockId, subBlock, { disabled, isPreview })
+  const { finalDisabled } = useDependsOnGate(blockId, subBlock, { 
+    disabled, 
+    isPreview, 
+    previewContextValues 
+  })
 
   // Helper to coerce various preview value shapes into a string ID
   const coerceToIdString = (val: unknown): string => {
@@ -63,12 +67,20 @@ export function FileSelectorInput({
 
   // Use the proper hook to get the current value and setter
   const [storeValue, setStoreValue] = useSubBlockValue(blockId, subBlock.id)
-  const [connectedCredential] = useSubBlockValue(blockId, 'credential')
-  const [domainValue] = useSubBlockValue(blockId, 'domain')
-  const [projectIdValue] = useSubBlockValue(blockId, 'projectId')
-  const [planIdValue] = useSubBlockValue(blockId, 'planId')
-  const [teamIdValue] = useSubBlockValue(blockId, 'teamId')
-  const [operationValue] = useSubBlockValue(blockId, 'operation')
+  const [connectedCredentialFromStore] = useSubBlockValue(blockId, 'credential')
+  const [domainValueFromStore] = useSubBlockValue(blockId, 'domain')
+  const [projectIdValueFromStore] = useSubBlockValue(blockId, 'projectId')
+  const [planIdValueFromStore] = useSubBlockValue(blockId, 'planId')
+  const [teamIdValueFromStore] = useSubBlockValue(blockId, 'teamId')
+  const [operationValueFromStore] = useSubBlockValue(blockId, 'operation')
+  
+  // Use previewContextValues if provided (for tools inside agent blocks), otherwise use store values
+  const connectedCredential = previewContextValues?.credential ?? connectedCredentialFromStore
+  const domainValue = previewContextValues?.domain ?? domainValueFromStore
+  const projectIdValue = previewContextValues?.projectId ?? projectIdValueFromStore
+  const planIdValue = previewContextValues?.planId ?? planIdValueFromStore
+  const teamIdValue = previewContextValues?.teamId ?? teamIdValueFromStore
+  const operationValue = previewContextValues?.operation ?? operationValueFromStore
 
   // Determine if the persisted credential belongs to the current viewer
   // Use service providerId where available (e.g., onedrive/sharepoint) instead of base provider ("microsoft")

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/project-selector/project-selector-input.tsx

@@ -28,6 +28,7 @@ interface ProjectSelectorInputProps {
   onProjectSelect?: (projectId: string) => void
   isPreview?: boolean
   previewValue?: any | null
+  previewContextValues?: Record<string, any>
 }
 
 export function ProjectSelectorInput({
@@ -37,30 +38,40 @@ export function ProjectSelectorInput({
   onProjectSelect,
   isPreview = false,
   previewValue,
+  previewContextValues,
 }: ProjectSelectorInputProps) {
   const { collaborativeSetSubblockValue } = useCollaborativeWorkflow()
   const [selectedProjectId, setSelectedProjectId] = useState<string>('')
   const [_projectInfo, setProjectInfo] = useState<any | null>(null)
   // Use the proper hook to get the current value and setter
   const [storeValue, setStoreValue] = useSubBlockValue(blockId, subBlock.id)
-  const [connectedCredential] = useSubBlockValue(blockId, 'credential')
+  const [connectedCredentialFromStore] = useSubBlockValue(blockId, 'credential')
+  const [linearTeamIdFromStore] = useSubBlockValue(blockId, 'teamId')
+  const [jiraDomainFromStore] = useSubBlockValue(blockId, 'domain')
+  
+  // Use previewContextValues if provided (for tools inside agent blocks), otherwise use store values
+  const connectedCredential = previewContextValues?.credential ?? connectedCredentialFromStore
+  const linearCredential = previewContextValues?.credential ?? connectedCredentialFromStore
+  const linearTeamId = previewContextValues?.teamId ?? linearTeamIdFromStore
+  const jiraDomain = previewContextValues?.domain ?? jiraDomainFromStore
+  
   const { isForeignCredential } = useForeignCredential(
     subBlock.provider || subBlock.serviceId || 'jira',
     (connectedCredential as string) || ''
   )
-  // Reactive dependencies from store for Linear
-  const [linearCredential] = useSubBlockValue(blockId, 'credential')
-  const [linearTeamId] = useSubBlockValue(blockId, 'teamId')
   const activeWorkflowId = useWorkflowRegistry((s) => s.activeWorkflowId) as string | null
-  const { finalDisabled } = useDependsOnGate(blockId, subBlock, { disabled, isPreview })
+  const { finalDisabled } = useDependsOnGate(blockId, subBlock, { 
+    disabled, 
+    isPreview, 
+    previewContextValues 
+  })
 
   // Get provider-specific values
   const provider = subBlock.provider || 'jira'
   const isLinear = provider === 'linear'
 
-  // Jira/Discord upstream fields
-  const [jiraDomain] = useSubBlockValue(blockId, 'domain')
-  const [jiraCredential] = useSubBlockValue(blockId, 'credential')
+  // Jira/Discord upstream fields - use values from previewContextValues or store
+  const jiraCredential = connectedCredential
   const domain = (jiraDomain as string) || ''
 
   // Verify Jira credential belongs to current user; if not, treat as absent

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

@@ -168,6 +168,7 @@ function FileSelectorSyncWrapper({
           mimeType: uiComponent.mimeType,
           requiredScopes: uiComponent.requiredScopes || [],
           placeholder: uiComponent.placeholder,
+          dependsOn: uiComponent.dependsOn,
         }}
         disabled={disabled}
         previewContextValues={previewContextValues}
@@ -433,6 +434,7 @@ function ChannelSelectorSyncWrapper({
           title: paramId,
           provider: uiComponent.provider || 'slack',
           placeholder: uiComponent.placeholder,
+          dependsOn: uiComponent.dependsOn,
         }}
         onChannelSelect={onChange}
         disabled={disabled}
@@ -1174,9 +1176,11 @@ export function ToolInput({
               serviceId: uiComponent.serviceId,
               placeholder: uiComponent.placeholder,
               requiredScopes: uiComponent.requiredScopes,
+              dependsOn: uiComponent.dependsOn,
             }}
             onProjectSelect={onChange}
             disabled={disabled}
+            previewContextValues={currentToolParams as any}
           />
         )
 

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/hooks/use-depends-on-gate.ts

@@ -13,10 +13,11 @@ import { useSubBlockStore } from '@/stores/workflows/subblock/store'
 export function useDependsOnGate(
   blockId: string,
   subBlock: SubBlockConfig,
-  opts?: { disabled?: boolean; isPreview?: boolean }
+  opts?: { disabled?: boolean; isPreview?: boolean; previewContextValues?: Record<string, any> }
 ) {
   const disabledProp = opts?.disabled ?? false
   const isPreview = opts?.isPreview ?? false
+  const previewContextValues = opts?.previewContextValues
 
   const activeWorkflowId = useWorkflowRegistry((s) => s.activeWorkflowId)
 
@@ -25,6 +26,12 @@ export function useDependsOnGate(
 
   const dependencyValues = useSubBlockStore((state) => {
     if (dependsOn.length === 0) return [] as any[]
+    
+    // If previewContextValues are provided (e.g., tool parameters), use those first
+    if (previewContextValues) {
+      return dependsOn.map((depKey) => previewContextValues[depKey] ?? null)
+    }
+    
     if (!activeWorkflowId) return dependsOn.map(() => null)
     const workflowValues = state.workflowValues[activeWorkflowId] || {}
     const blockValues = (workflowValues as any)[blockId] || {}

apps/sim/tools/params.ts

@@ -36,6 +36,7 @@ export interface UIComponentConfig {
   acceptedTypes?: string[]
   multiple?: boolean
   maxSize?: number
+  dependsOn?: string[]
 }
 
 export interface SubBlockConfig {
@@ -61,6 +62,7 @@ export interface SubBlockConfig {
   acceptedTypes?: string[]
   multiple?: boolean
   maxSize?: number
+  dependsOn?: string[]
 }
 
 export interface BlockConfig {
@@ -236,6 +238,7 @@ export function getToolParametersConfig(
               acceptedTypes: subBlock.acceptedTypes,
               multiple: subBlock.multiple,
               maxSize: subBlock.maxSize,
+              dependsOn: subBlock.dependsOn,
             }
           }
         }