fix(UDF editor): resize UDF editor window on browser window resize

Author: LJX2017

frontend/src/app/workspace/component/code-editor-dialog/code-editor.component.ts

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { AfterViewInit, Component, ComponentRef, ElementRef, OnDestroy, Type, ViewChild } from "@angular/core";
+import { AfterViewInit, Component, ComponentRef, ElementRef, OnDestroy, Type, ViewChild, HostListener } from "@angular/core";
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { WorkflowActionService } from "../../service/workflow-graph/model/workflow-action.service";
 import { WorkflowVersionService } from "../../../dashboard/service/user/workflow-version/workflow-version.service";
@@ -516,6 +516,28 @@ export class CodeEditorComponent implements AfterViewInit, SafeStyle, OnDestroy
     this.code?.insert(insertOffset, annotations);
   }
 
+  @HostListener('window:resize')
+  onWindowResize() {
+    this.adjustEditorSize();
+  }
+
+  private adjustEditorSize(): void {
+    const container = this.containerElement.nativeElement;
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+
+    const rect = container.getBoundingClientRect();
+
+    if (rect.right > viewportWidth) {
+      container.style.width = `${viewportWidth - rect.left}px`;
+    }
+
+    if (rect.bottom > viewportHeight) {
+      container.style.height = `${viewportHeight - rect.top}px`;
+    }
+
+    this.editorWrapper.getEditor()?.layout();
+  }
   onFocus() {
     this.workflowActionService.getJointGraphWrapper().highlightOperators(this.currentOperatorId);
   }