From 6525af5ba4dd0c134f55b458ef1c561869f5cdd0 Mon Sep 17 00:00:00 2001
From: martmull <martmull@hotmail.fr>
Date: Wed, 10 Jun 2026 10:49:51 +0200
Subject: [PATCH] Improve log visibility in dev mode (#21393)

Small PR to improve logging in twenty sdk dev mode

## After
<img width="1406" height="580" alt="image"
src="https://github.com/user-attachments/assets/a14edc2d-2194-420a-8b0b-b3ca35c31ccd"
/>
---
 .../utilities/dev/orchestrator/dev-mode-orchestrator-state.ts   | 1 +
 .../dev/orchestrator/steps/start-watchers-orchestrator-step.ts  | 1 +
 .../src/cli/utilities/dev/ui/components/dev-ui-event-log.tsx    | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/dev-mode-orchestrator-state.ts b/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/dev-mode-orchestrator-state.ts
index 0fc27e0b70..62db735771 100644
--- a/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/dev-mode-orchestrator-state.ts
+++ b/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/dev-mode-orchestrator-state.ts
@@ -11,6 +11,7 @@ import { type FileFolder } from 'twenty-shared/types';
 export type OrchestratorStateStepEvent = {
   message: string;
   status: 'info' | 'success' | 'error' | 'warning';
+  spacingBefore?: boolean;
 };
 
 export type OrchestratorStateEvent = OrchestratorStateStepEvent & {
diff --git a/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/steps/start-watchers-orchestrator-step.ts b/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/steps/start-watchers-orchestrator-step.ts
index d130d2b9a4..ac3ded2997 100644
--- a/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/steps/start-watchers-orchestrator-step.ts
+++ b/packages/twenty-sdk/src/cli/utilities/dev/orchestrator/steps/start-watchers-orchestrator-step.ts
@@ -109,6 +109,7 @@ export class StartWatchersOrchestratorStep {
     this.state.addEvent({
       message: `Change detected: ${sourcePath}`,
       status: 'info',
+      spacingBefore: true,
     });
 
     if (event === 'unlink') {
diff --git a/packages/twenty-sdk/src/cli/utilities/dev/ui/components/dev-ui-event-log.tsx b/packages/twenty-sdk/src/cli/utilities/dev/ui/components/dev-ui-event-log.tsx
index 8333a6b9fe..b7194b7eaa 100644
--- a/packages/twenty-sdk/src/cli/utilities/dev/ui/components/dev-ui-event-log.tsx
+++ b/packages/twenty-sdk/src/cli/utilities/dev/ui/components/dev-ui-event-log.tsx
@@ -16,7 +16,7 @@ export const DevUiEventItem = ({
   const time = formatTime(event.timestamp);
 
   return (
-    <Box>
+    <Box marginTop={event.spacingBefore ? 1 : 0}>
       <Text dimColor>{time} </Text>
       <Text color={color}>{event.message}</Text>
     </Box>