max height for saga initialized state

Author: cquirosj

src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue

@@ -201,7 +201,7 @@ const hasStateChanges = computed(() => {
             </div>
 
             <!-- Initial state display -->
-            <div v-else-if="update.IsFirstNode" class="json-container">
+            <div v-else-if="update.IsFirstNode" class="json-container json-container--first-node">
               <CodeEditor :model-value="sagaUpdateStateChanges.formattedState || ''" language="json" :showCopyToClipboard="false" :showGutter="false" :extensions="[monospaceTheme]" />
             </div>
 
@@ -426,6 +426,11 @@ const hasStateChanges = computed(() => {
   background-color: transparent;
 }
 
+.json-container--first-node {
+  max-height: 300px;
+  overflow: auto;
+}
+
 /* Override CodeEditor wrapper styles */
 .json-container :deep(.wrapper) {
   border-radius: 0;