fix(editor): fix monaco/editor layout, update dev deps, simplify watch script and remove Playwright snapshots

ts_web/elements/00group-input/dees-input-code/dees-input-code.ts

@@ -90,10 +90,26 @@ export class DeesInputCode extends DeesInputBase<string> {
       }
 
       :host {
-        display: block;
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+      }
+
+      .input-wrapper,
+      :host([label-position="top"]) .input-wrapper,
+      :host([label-position="left"]) .input-wrapper,
+      :host([label-position="right"]) .input-wrapper {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
       }
 
       .code-container {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
         border: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
         border-radius: 6px;
         overflow: hidden;
@@ -206,10 +222,13 @@ export class DeesInputCode extends DeesInputBase<string> {
 
       .editor-wrapper {
         position: relative;
+        flex: 1;
+        min-height: 0;
       }
 
       dees-workspace-monaco {
         display: block;
+        height: 100%;
       }
 
       .toolbar-divider {
@@ -231,7 +250,7 @@ export class DeesInputCode extends DeesInputBase<string> {
 
     return html`
       <style>
-        .editor-wrapper {
+        :host {
           height: ${this.height};
         }
       </style>