Increase size of input in test setting logic function tab (#18369)

## Before
<img width="1031" height="836" alt="image"
src="https://github.com/user-attachments/assets/475ca1be-f7c4-49d0-b329-649dbe8da489"
/>


## After

<img width="1195" height="862" alt="image"
src="https://github.com/user-attachments/assets/b1bac131-e562-4439-8f8e-bda4d6e2a646"
/>

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowEditActionCode.tsx

@@ -10,9 +10,9 @@ import { setNestedValue } from '@/workflow/workflow-steps/workflow-actions/code-
 
 import { CmdEnterActionButton } from '@/action-menu/components/CmdEnterActionButton';
 import { LogicFunctionExecutionResult } from '@/logic-functions/components/LogicFunctionExecutionResult';
+import { LogicFunctionLogs } from '@/logic-functions/components/LogicFunctionLogs';
 import { mergeDefaultFunctionInputAndFunctionInput } from '@/workflow/workflow-steps/workflow-actions/code-action/utils/mergeDefaultFunctionInputAndFunctionInput';
 import { InputLabel } from '@/ui/input/components/InputLabel';
-import { TextArea } from '@/ui/input/components/TextArea';
 import { TabList } from '@/ui/layout/tab-list/components/TabList';
 import { activeTabIdComponentState } from '@/ui/layout/tab-list/states/activeTabIdComponentState';
 import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement';
@@ -50,15 +50,10 @@ import { useDebouncedCallback } from 'use-debounce';
 import { getFunctionInputFromInputSchema } from 'twenty-shared/workflow';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
 
-const CODE_EDITOR_MIN_HEIGHT = 343;
-
 const StyledCodeEditorContainer = styled.div`
   display: flex;
   flex-direction: column;
   position: relative;
-  flex: 1;
-  min-height: ${CODE_EDITOR_MIN_HEIGHT}px;
-  overflow: hidden;
 `;
 
 const StyledTabList = styled(TabList)`
@@ -304,8 +299,6 @@ export const WorkflowEditActionCode = ({
     dependencies: [isFullScreen],
   });
 
-  const testLogsTextAreaId = `${logicFunctionId}-test-logs`;
-
   const breadcrumbLinks: BreadcrumbProps['links'] = [
     {
       children: workflow?.name?.trim() || t`Untitled Workflow`,
@@ -429,12 +422,9 @@ export const WorkflowEditActionCode = ({
               </StyledCodeEditorContainer>
               {logicFunctionTestData.output.logs.length > 0 && (
                 <StyledCodeEditorContainer>
-                  <InputLabel>{t`Logs`}</InputLabel>
-                  <TextArea
-                    textAreaId={testLogsTextAreaId}
+                  <LogicFunctionLogs
+                    componentInstanceId={`workflow-edit-action-logs-${action.id}`}
                     value={isExecuting ? '' : logicFunctionTestData.output.logs}
-                    maxRows={20}
-                    disabled
                   />
                 </StyledCodeEditorContainer>
               )}

packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/states/logicFunctionTestDataFamilyState.ts

@@ -12,7 +12,6 @@ export type LogicFunctionTestData = {
     error?: string;
   };
   language: 'plaintext' | 'json';
-  height: number;
 };
 
 export const DEFAULT_OUTPUT_VALUE = {
@@ -28,7 +27,6 @@ export const logicFunctionTestDataFamilyState = createAtomFamilyState<
   key: 'logicFunctionTestDataFamilyState',
   defaultValue: {
     language: 'plaintext',
-    height: 64,
     input: {},
     shouldInitInput: true,
     output: DEFAULT_OUTPUT_VALUE,