From 8abef590299def04a01a226b9dfd414934f8bd91 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.ferreira@octadesk.com>
Date: Fri, 27 Feb 2026 11:42:11 -0300
Subject: [PATCH 1/6] fix: adapts component too works for events

---
 .../editor/StepsSideBar/StepCard.tsx          | 10 ++--
 .../editor/StepsSideBar/StepSideBar.tsx       |  9 ++-
 .../InterpretDataWithAI.tsx                   | 60 ++++++++++++-------
 .../useInterpretDataWithAI.ts                 |  7 ++-
 4 files changed, 55 insertions(+), 31 deletions(-)

diff --git a/apps/builder/components/editor/StepsSideBar/StepCard.tsx b/apps/builder/components/editor/StepsSideBar/StepCard.tsx
index 230fc015a0..5f91ae0cb9 100644
--- a/apps/builder/components/editor/StepsSideBar/StepCard.tsx
+++ b/apps/builder/components/editor/StepsSideBar/StepCard.tsx
@@ -12,6 +12,7 @@ import React, { useEffect, useState } from 'react'
 import { StepIcon } from './StepIcon'
 import { StepTypeLabel } from './StepTypeLabel'
 import { InfoIcon } from '@chakra-ui/icons'
+import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
 
 export const StepCard = ({
   type,
@@ -28,6 +29,7 @@ export const StepCard = ({
 }) => {
   const { draggedStepType } = useStepDnd()
   const [isMouseDown, setIsMouseDown] = useState(false)
+  const { typebot } = useTypebot()
 
   useEffect(() => {
     setIsMouseDown(draggedStepType === type)
@@ -35,10 +37,10 @@ export const StepCard = ({
 
   const handleMouseDown = (e: React.MouseEvent) => onMouseDown(e, type)
 
-  const shouldAddGradientBorder = [
-    WOZStepType.MESSAGE,
-    WOZStepType.INTERPRET_DATA_WITH_AI,
-  ].includes(type as WOZStepType)
+  const shouldAddGradientBorder =
+    [WOZStepType.MESSAGE, WOZStepType.INTERPRET_DATA_WITH_AI].includes(
+      type as WOZStepType
+    ) && typebot?.availableFor?.includes('automated-tasks')
 
   return (
     <Tooltip
diff --git a/apps/builder/components/editor/StepsSideBar/StepSideBar.tsx b/apps/builder/components/editor/StepsSideBar/StepSideBar.tsx
index 05a2686ef3..dacce209c9 100644
--- a/apps/builder/components/editor/StepsSideBar/StepSideBar.tsx
+++ b/apps/builder/components/editor/StepsSideBar/StepSideBar.tsx
@@ -129,7 +129,10 @@ export const StepsSideBar = () => {
     )
   }
 
-  const EVENT_AVAILABLE_STEPS: StepType[] = [IntegrationStepType.WEBHOOK]
+  const EVENT_AVAILABLE_STEPS: StepType[] = [
+    IntegrationStepType.WEBHOOK,
+    WOZStepType.INTERPRET_DATA_WITH_AI,
+  ]
   const AUTOMATED_TASKS_AVAILABLE_STEPS: StepType[] = [
     WOZStepType.MESSAGE,
     WOZStepType.INTERPRET_DATA_WITH_AI,
@@ -225,8 +228,8 @@ export const StepsSideBar = () => {
       verifyFeatureToggle('commerce-enabled')
   )
 
-  const wozAssign = Object.values(WOZStepType).filter((step) =>
-    shouldShowComponent(step) && step === WOZStepType.ASSIGN
+  const wozAssign = Object.values(WOZStepType).filter(
+    (step) => shouldShowComponent(step) && step === WOZStepType.ASSIGN
   )
 
   const wozInterpretDataWithAI = Object.values(WOZStepType).filter(
diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
index 70a1177169..7dec581e72 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
@@ -19,6 +19,7 @@ import { VariablesMenu } from './VariablesMenu'
 import { MdInfoOutline } from 'react-icons/md'
 import { WOZInterpretDataWithAI } from 'models'
 import { getDeepKeys } from 'services/integrations'
+import { useTypebot } from 'contexts/TypebotContext'
 
 type Props = {
   step: WOZInterpretDataWithAI
@@ -34,6 +35,9 @@ export const InterpretDataWithAI = ({ step, onContentChange }: Props) => {
     testReturn,
     refetch,
   } = useInterpretDataWithAI({ step })
+
+  const { typebot } = useTypebot()
+  const isAutomatedTasksBot = typebot?.availableFor.includes('automated-tasks')
   const [isTesting, setIsTesting] = useState(false)
 
   const [resultOfInterpretWithAi, setResultOfInterpretWithAi] =
@@ -129,7 +133,10 @@ Clique em 'Testar retorno' para ver como ficará na prática.`
 
     if (whoIsConnectedOnMyBlock?.length === 1) {
       const block = whoIsConnectedOnMyBlock[0]
-      if (block.steps[0].type !== IntegrationStepType.WEBHOOK)
+      if (
+        block.steps[0].type !== IntegrationStepType.WEBHOOK &&
+        isAutomatedTasksBot
+      )
         return (
           <Stack>
             <Text>
@@ -144,8 +151,11 @@ Clique em 'Testar retorno' para ver como ficará na prática.`
       return (
         <Stack>
           <Text>
-            Este bloco deve receber apenas uma conexão, sendo esta conexão um
-            componente chamado "Conecte a outro sistema"
+            Este bloco deve receber apenas uma conexão{' '}
+            {isAutomatedTasksBot
+              ? `, sendo esta conexão um
+            componente chamado "Conecte a outro sistema"`
+              : ''}
           </Text>
         </Stack>
       )
@@ -160,7 +170,7 @@ Clique em 'Testar retorno' para ver como ficará na prática.`
       )
     }
 
-    if (!success) {
+    if (!success && isAutomatedTasksBot) {
       return (
         <Stack>
           <Text color="red">
@@ -215,12 +225,14 @@ Clique em 'Testar retorno' para ver como ficará na prática.`
               className="scrollbar-custom"
             />
 
-            <Box position="absolute" bottom="14px" right="14px" zIndex={1}>
-              <VariablesMenu
-                variables={responseKeys || []}
-                onVariableSelect={handleVariableSelected}
-              />
-            </Box>
+            {responseKeys.length > 0 && (
+              <Box position="absolute" bottom="14px" right="14px" zIndex={1}>
+                <VariablesMenu
+                  variables={responseKeys || []}
+                  onVariableSelect={handleVariableSelected}
+                />
+              </Box>
+            )}
           </Box>
 
           {resultOfInterpretWithAi.length > 0 && (
@@ -241,19 +253,21 @@ Clique em 'Testar retorno' para ver como ficará na prática.`
             </Box>
           )}
 
-          <Button
-            disabled={isTesting || !step?.content?.systemMessage?.length}
-            w="full"
-            colorScheme="blue"
-            onClick={handleTestReturn}
-          >
-            <HStack alignItems="center" gap={2}>
-              {isTesting && <Spinner size="sm" />}
-              <Text>
-                {isTesting ? 'Testando  retorno...' : 'Testar retorno'}
-              </Text>
-            </HStack>
-          </Button>
+          {isAutomatedTasksBot && (
+            <Button
+              disabled={isTesting || !step?.content?.systemMessage?.length}
+              w="full"
+              colorScheme="blue"
+              onClick={handleTestReturn}
+            >
+              <HStack alignItems="center" gap={2}>
+                {isTesting && <Spinner size="sm" />}
+                <Text>
+                  {isTesting ? 'Testando  retorno...' : 'Testar retorno'}
+                </Text>
+              </HStack>
+            </Button>
+          )}
         </VStack>
       </Stack>
     )
diff --git a/apps/builder/hooks/InterpretDataWithAI/useInterpretDataWithAI.ts b/apps/builder/hooks/InterpretDataWithAI/useInterpretDataWithAI.ts
index cf2b5124f4..23076e90ad 100644
--- a/apps/builder/hooks/InterpretDataWithAI/useInterpretDataWithAI.ts
+++ b/apps/builder/hooks/InterpretDataWithAI/useInterpretDataWithAI.ts
@@ -73,7 +73,12 @@ export const useInterpretDataWithAI = ({
   }
 
   const requestParams = useMemo(() => {
-    if (!whoIsConnectedOnMyBlock?.length || !typebot) return null
+    if (
+      !whoIsConnectedOnMyBlock?.length ||
+      !typebot ||
+      typebot?.availableFor?.includes('event')
+    )
+      return null
 
     const block = whoIsConnectedOnMyBlock[0]
 

From dc7116ca01924aa9d13c0fb4d21c3790dcceb367 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.ferreira@octadesk.com>
Date: Mon, 2 Mar 2026 17:27:57 -0300
Subject: [PATCH 2/6] fix: adding missing Box

---
 .../InterpretDataWithAI.tsx                   | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
index 29339abae1..7cff5e63e7 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
@@ -214,28 +214,30 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
         </Stack>
 
         <VStack gap={4} w="full">
-          <Box position="relative" w="full">
-            <Textarea
-              ref={textareaRef}
-              placeholder={placeholderInstructions}
-              resize="none"
-              maxLength={5000}
-              minLength={1}
-              value={step?.content?.systemMessage || ''}
-              onChange={(e) => handleInstructionsChange(e.target.value)}
-              rows={10}
-              paddingRight="45px"
-              className="scrollbar-custom"
-            />
+          <Box>
+            <Box position="relative" w="full">
+              <Textarea
+                ref={textareaRef}
+                placeholder={placeholderInstructions}
+                resize="none"
+                maxLength={5000}
+                minLength={1}
+                value={step?.content?.systemMessage || ''}
+                onChange={(e) => handleInstructionsChange(e.target.value)}
+                rows={10}
+                paddingRight="45px"
+                className="scrollbar-custom"
+              />
 
-            {responseKeys.length > 0 && (
-              <Box position="absolute" bottom="14px" right="14px" zIndex={1}>
-                <VariablesMenu
-                  variables={responseKeys || []}
-                  onVariableSelect={handleVariableSelected}
-                />
-              </Box>
-            )}
+              {responseKeys.length > 0 && (
+                <Box position="absolute" bottom="14px" right="14px" zIndex={1}>
+                  <VariablesMenu
+                    variables={responseKeys || []}
+                    onVariableSelect={handleVariableSelected}
+                  />
+                </Box>
+              )}
+            </Box>
             <Text mt={2} fontSize="xs" color="gray.500">
               A IA usará este texto como base. Não é necessário dar comandos de
               comportamento aqui, apenas estruturar a informação.

From 257274ef29cfc6488c233e82b82c9bb6e7ae5401 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.ferreira@octadesk.com>
Date: Tue, 3 Mar 2026 15:00:44 -0300
Subject: [PATCH 3/6] feat: adds new placeholder and tooltip to event bot

---
 .../InterpretDataWithAI.tsx                   | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
index 7cff5e63e7..0c8f713c20 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
@@ -89,6 +89,10 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
 {{ criado-em }}`
   }, [])
 
+  const placeholderInstructionsEvents = useMemo(() => {
+    return `Ex: Crie um JSON com os dados do ticket. Use as variáveis: {ticked_id}, {assunto}, {responsavel}, {data_de_criacao}`
+  }, [])
+
   const tooltipInstructions = useMemo(() => {
     return `Como instruir a IA?
 <ol style="margin: 8px 0; padding-left: 20px; list-style-type: decimal;">
@@ -98,6 +102,15 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
 </ol>`
   }, [])
 
+  const tooltipInstructionsEvents = useMemo(() => {
+    return `Como instruir a IA?
+<ol style="margin: 8px 0; padding-left: 20px; list-style-type: decimal;">
+<li style="margin-bottom: 4px;">Defina a estrutura de dados (ex: um JSON) que o próximo passo do fluxo deve receber.</li>
+<li style="margin-bottom: 4px;">Escreva manualmente o nome das variáveis capturadas nos passos anteriores usando chaves, como {nome_da_variavel}.</li>
+<li style="margin-bottom: 4px;">Este campo é técnico: a IA usará suas instruções para organizar as informações antes de enviá-las ao sistema, sem que o cliente veja este texto. </li>
+</ol>`
+  }, [])
+
   const responseKeys = useMemo(
     () => getDeepKeys(data?.response || {}),
     [data?.response]
@@ -200,7 +213,11 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
             <Tooltip
               label={
                 <Box
-                  dangerouslySetInnerHTML={{ __html: tooltipInstructions }}
+                  dangerouslySetInnerHTML={{
+                    __html: isAutomatedTasksBot
+                      ? tooltipInstructions
+                      : tooltipInstructionsEvents,
+                  }}
                 />
               }
               hasArrow
@@ -218,7 +235,11 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
             <Box position="relative" w="full">
               <Textarea
                 ref={textareaRef}
-                placeholder={placeholderInstructions}
+                placeholder={
+                  isAutomatedTasksBot
+                    ? placeholderInstructions
+                    : placeholderInstructionsEvents
+                }
                 resize="none"
                 maxLength={5000}
                 minLength={1}

From 0b0edbd820befa7d5a4601daa677674c0a2f3651 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.ferreira@octadesk.com>
Date: Thu, 5 Mar 2026 16:27:00 -0300
Subject: [PATCH 4/6] feat: changes copies when on event mode

---
 .../StepsSideBar/LearnAutomatedTasks.tsx      |   1 +
 .../OctaSelect/OctaSelect.type.ts             |  46 ++++----
 .../InterpretDataWithAI.tsx                   | 104 ++++++++++++++++--
 .../WOZInterpretDataWithAIContent.tsx         |  10 +-
 packages/models/src/typebot/steps/octaStep.ts |  35 +++---
 5 files changed, 148 insertions(+), 48 deletions(-)

diff --git a/apps/builder/components/editor/StepsSideBar/LearnAutomatedTasks.tsx b/apps/builder/components/editor/StepsSideBar/LearnAutomatedTasks.tsx
index 7c63310ac6..d98064098c 100644
--- a/apps/builder/components/editor/StepsSideBar/LearnAutomatedTasks.tsx
+++ b/apps/builder/components/editor/StepsSideBar/LearnAutomatedTasks.tsx
@@ -107,6 +107,7 @@ const LearnAutomatedTasks = () => {
           justifyContent="flex-start"
           onMouseEnter={() => setIsHovered(true)}
           onMouseLeave={() => setIsHovered(false)}
+          gap={0}
         >
           <Box
             bg="blueGray.200"
diff --git a/apps/builder/components/octaComponents/OctaSelect/OctaSelect.type.ts b/apps/builder/components/octaComponents/OctaSelect/OctaSelect.type.ts
index 1bade7cf9c..004547fca2 100644
--- a/apps/builder/components/octaComponents/OctaSelect/OctaSelect.type.ts
+++ b/apps/builder/components/octaComponents/OctaSelect/OctaSelect.type.ts
@@ -1,35 +1,35 @@
 import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react'
-import { SELECT_ACTION, SELECT_ACTIONS } from './OctaSelect';
+import { SELECT_ACTION } from './OctaSelect'
 
-export type OctaSelectProps = {
-  onChange: (value: any, itemFull?: any) => void
+export type OctaSelectProps<T> = {
+  onChange: (value: T, itemFull?: T) => void
   defaultSelected?: any
-  label?: string;
-  findable?: boolean;
-  options?: Array<OptionType>;
-  showEdit?: boolean;
-  showDelete?: boolean;
+  label?: string
+  findable?: boolean
+  options?: Array<OptionType>
+  showEdit?: boolean
+  showDelete?: boolean
   onIconClicked?: (value: any, action: SELECT_ACTION) => {}
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>
 
 export type OptionProps = {
-  value: any;
-  children?: string;
-  optionKey?: string | number;
-  isTitle?: boolean;
-  disabled?: boolean;
-  selected: any;
-  showEdit?: boolean;
-  showDelete?: boolean;
+  value: any
+  children?: string
+  optionKey?: string | number
+  isTitle?: boolean
+  disabled?: boolean
+  selected: any
+  showEdit?: boolean
+  showDelete?: boolean
   onIconClicked?: (value: any, action: SELECT_ACTION) => {}
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLLIElement>, HTMLLIElement>
 
 export type OptionType = {
-  value: any;
-  label: string;
-  isTitle?: boolean;
-  disabled?: boolean;
-  key: string | number;
-  optionKey?: string | number;
-  subType?: string;
+  value: any
+  label: string
+  isTitle?: boolean
+  disabled?: boolean
+  key: string | number
+  optionKey?: string | number
+  subType?: string
 }
diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
index 0c8f713c20..b0893c921f 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
@@ -12,14 +12,19 @@ import {
   Spinner,
   HStack,
 } from '@chakra-ui/react'
-import { IntegrationStepType, WOZInterpretDataWithAIOptions } from 'models'
-import { useMemo, useState, useRef, useEffect } from 'react'
+import {
+  IntegrationStepType,
+  WOZInterpretDataWithAIOptions,
+  WOZInterpretDataWithAIResponseFormat,
+} from 'models'
+import { useMemo, useState, useRef } from 'react'
 import { useInterpretDataWithAI } from 'hooks/InterpretDataWithAI/useInterpretDataWithAI'
 import { VariablesMenu } from './VariablesMenu'
 import { MdInfoOutline } from 'react-icons/md'
 import { WOZInterpretDataWithAI } from 'models'
 import { getDeepKeys } from 'services/integrations'
 import { useTypebot } from 'contexts/TypebotContext'
+import OctaSelect from 'components/octaComponents/OctaSelect/OctaSelect'
 
 type Props = {
   step: WOZInterpretDataWithAI
@@ -82,6 +87,13 @@ export const InterpretDataWithAI = ({ step, onContentChange }: Props) => {
     }, 0)
   }
 
+  const stepDescription = useMemo(() => {
+    if (isAutomatedTasksBot) {
+      return 'Defina como a IA deve apresentar os dados coletados na conversa.'
+    }
+    return 'Defina como a IA deve apresentar os dados coletados para o próximo passo do fluxo.'
+  }, [])
+
   const placeholderInstructions = useMemo(() => {
     return `Ex: Retorne ao cliente a lista dos tickets encontrados. 
   \b\b  
@@ -90,8 +102,14 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
   }, [])
 
   const placeholderInstructionsEvents = useMemo(() => {
-    return `Ex: Crie um JSON com os dados do ticket. Use as variáveis: {ticked_id}, {assunto}, {responsavel}, {data_de_criacao}`
-  }, [])
+    if (
+      step?.content?.responseFormat ===
+      WOZInterpretDataWithAIResponseFormat.JSON
+    ) {
+      return `Ex: Crie um JSON com os dados do ticket. Use as variáveis: {ticked_id}, {assunto}, {responsavel}, {data_de_criacao}`
+    }
+    return `Ex: Gere um resumo das informações coletadas, listando o motivo do contato, o status atual e a data de abertura.`
+  }, [step?.content?.responseFormat])
 
   const tooltipInstructions = useMemo(() => {
     return `Como instruir a IA?
@@ -111,6 +129,18 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
 </ol>`
   }, [])
 
+  const tooltipInstructionsResponseFormat = useMemo(() => {
+    return `<strong>Mensagem natural (texto):</strong>
+    <br />
+    Quando a informação for usada como um texto simples ou resumo em etapas posteriores do fluxo.
+    <br />
+    <br />
+    <strong>JSON (estrutura):</strong>
+    <br />
+    Quando o próximo passo é uma integração/sistema externo e é preciso transformar informação em código para enviar para outro sistema.
+    `
+  }, [])
+
   const responseKeys = useMemo(
     () => getDeepKeys(data?.response || {}),
     [data?.response]
@@ -139,6 +169,34 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
     }
   }
 
+  const handleSelectResponseFormat = (
+    value: WOZInterpretDataWithAIResponseFormat
+  ) => {
+    console.log('response format', {
+      ...step.content,
+      responseFormat: value,
+    })
+    onContentChange({
+      ...step.content,
+      responseFormat: value,
+    })
+  }
+
+  const responseFormatOptions = useMemo(() => {
+    return [
+      {
+        key: 'json',
+        label: 'JSON',
+        value: WOZInterpretDataWithAIResponseFormat.JSON,
+      },
+      {
+        key: 'text',
+        label: 'Mensagem natural',
+        value: WOZInterpretDataWithAIResponseFormat.TEXT,
+      },
+    ]
+  }, [])
+
   const componentToRender = useMemo(() => {
     if (whoIsConnectedOnMyBlock?.length <= 0) {
       return (
@@ -202,11 +260,39 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
     }
 
     return (
-      <Stack>
-        <Text>
-          Defina como a IA deve apresentar os dados coletados na conversa.
-        </Text>
-
+      <Stack direction="column" gap={4}>
+        <Text>{stepDescription}</Text>
+        {!isAutomatedTasksBot && (
+          <Stack direction="row" justifyContent="space-between" w="full">
+            <Stack direction="row" alignItems="center" gap={2}>
+              <Text fontWeight="bold">Formato de saída</Text>
+              <Tooltip
+                label={
+                  <Box
+                    dangerouslySetInnerHTML={{
+                      __html: tooltipInstructionsResponseFormat,
+                    }}
+                  />
+                }
+                hasArrow
+              >
+                <Box as="span" display="inline-flex" cursor="pointer">
+                  <Icon as={MdInfoOutline} boxSize={4} />
+                </Box>
+              </Tooltip>
+            </Stack>
+          </Stack>
+        )}
+        <OctaSelect
+          defaultSelected={
+            step?.content?.responseFormat ||
+            WOZInterpretDataWithAIResponseFormat.TEXT
+          }
+          onChange={handleSelectResponseFormat}
+          placeholder="selecione uma opção"
+          options={responseFormatOptions}
+          findable
+        />
         <Stack direction="row" justifyContent="space-between" w="full">
           <Stack direction="row" alignItems="center" gap={2}>
             <Text fontWeight="bold">Instruções de retorno</Text>
diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/WOZInterpretDataWithAI/WOZInterpretDataWithAIContent.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/WOZInterpretDataWithAI/WOZInterpretDataWithAIContent.tsx
index 099763e3b5..b900854051 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/WOZInterpretDataWithAI/WOZInterpretDataWithAIContent.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/WOZInterpretDataWithAI/WOZInterpretDataWithAIContent.tsx
@@ -1,4 +1,7 @@
-import { WOZInterpretDataWithAI } from 'models'
+import {
+  WOZInterpretDataWithAI,
+  WOZInterpretDataWithAIResponseFormat,
+} from 'models'
 import React from 'react'
 import { Stack, Text, Tag } from '@chakra-ui/react'
 import { OctaDivider } from 'components/octaComponents/OctaDivider/OctaDivider'
@@ -16,7 +19,10 @@ const WOZInterpretDataWithAIContent = ({ step }: Props) => {
       <Text>
         Enviar resposta como{' '}
         <Tag bg="purple.400" color="white">
-          JSON
+          {step.content.responseFormat ===
+          WOZInterpretDataWithAIResponseFormat.JSON
+            ? 'JSON'
+            : 'Mensagem natural'}
         </Tag>
       </Text>
     </Stack>
diff --git a/packages/models/src/typebot/steps/octaStep.ts b/packages/models/src/typebot/steps/octaStep.ts
index 6946941e63..86adf18d7a 100644
--- a/packages/models/src/typebot/steps/octaStep.ts
+++ b/packages/models/src/typebot/steps/octaStep.ts
@@ -281,8 +281,14 @@ export type WOZAssignOptions = BaseOctaOptions & {
   }>
 }
 
+export enum WOZInterpretDataWithAIResponseFormat {
+  TEXT = 'text',
+  JSON = 'json',
+}
+
 export type WOZInterpretDataWithAIOptions = {
   systemMessage: string
+  responseFormat?: WOZInterpretDataWithAIResponseFormat
 }
 
 export type CallOtherBotOptions = BaseOctaOptions & {
@@ -460,6 +466,7 @@ export const defaultWOZAssignOptions: WOZAssignOptions = {
 export const defaultWOZInterpretDataWithAIOptions: WOZInterpretDataWithAIOptions =
   {
     systemMessage: '',
+    responseFormat: WOZInterpretDataWithAIResponseFormat.TEXT,
   }
 
 export const defaultCallOtherBotOptions: CallOtherBotOptions = {
@@ -471,20 +478,20 @@ export const defaultCallOtherBotOptions: CallOtherBotOptions = {
 
 const seeYa = 'Até mais!'
 export const defaultEndConversationBubbleContent: EndConversationBubbleContent =
-{
-  html: `<div style="margin-left: 8px;">${seeYa}</div>`,
-  richText: [
-    {
-      children: [
-        {
-          text: seeYa,
-        },
-      ],
-      type: 'p',
-    },
-  ],
-  plainText: seeYa,
-}
+  {
+    html: `<div style="margin-left: 8px;">${seeYa}</div>`,
+    richText: [
+      {
+        children: [
+          {
+            text: seeYa,
+          },
+        ],
+        type: 'p',
+      },
+    ],
+    plainText: seeYa,
+  }
 
 export const defaultCommerceOptions: CommerceOptions = {
   catalogId: '',

From 1868c2c799d3bbd379af7aedb03564f49d7b8366 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.ferreira@octadesk.com>
Date: Thu, 5 Mar 2026 17:50:39 -0300
Subject: [PATCH 5/6] fix: only displays select when on event

---
 .../InterpretDataWithAI.tsx                   | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
index b0893c921f..953a742d42 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
@@ -283,16 +283,18 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
             </Stack>
           </Stack>
         )}
-        <OctaSelect
-          defaultSelected={
-            step?.content?.responseFormat ||
-            WOZInterpretDataWithAIResponseFormat.TEXT
-          }
-          onChange={handleSelectResponseFormat}
-          placeholder="selecione uma opção"
-          options={responseFormatOptions}
-          findable
-        />
+        {!isAutomatedTasksBot && (
+          <OctaSelect
+            defaultSelected={
+              step?.content?.responseFormat ||
+              WOZInterpretDataWithAIResponseFormat.TEXT
+            }
+            onChange={handleSelectResponseFormat}
+            placeholder="selecione uma opção"
+            options={responseFormatOptions}
+            findable
+          />
+        )}
         <Stack direction="row" justifyContent="space-between" w="full">
           <Stack direction="row" alignItems="center" gap={2}>
             <Text fontWeight="bold">Instruções de retorno</Text>

From 2288c032bd614be40319091f062a20662da81809 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.ferreira@octadesk.com>
Date: Wed, 18 Mar 2026 11:25:32 -0300
Subject: [PATCH 6/6] fix: removes console

---
 .../bodies/InterpretDataWithAI/InterpretDataWithAI.tsx        | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
index 953a742d42..f01bb9cda2 100644
--- a/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
+++ b/apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/InterpretDataWithAI/InterpretDataWithAI.tsx
@@ -172,10 +172,6 @@ Use as variáveis: {{ numero-ticket }}, {{ status-ticket }},
   const handleSelectResponseFormat = (
     value: WOZInterpretDataWithAIResponseFormat
   ) => {
-    console.log('response format', {
-      ...step.content,
-      responseFormat: value,
-    })
     onContentChange({
       ...step.content,
       responseFormat: value,