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

.gitignore

@@ -16,4 +16,5 @@ node_modules/
 dist/
 dist_*/
 
-# custom
+# custom
+.playwright-mcp/

changelog.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 2026-01-25 - 3.37.1 - fix(editor)
+fix monaco/editor layout, update dev deps, simplify watch script and remove Playwright snapshots
+
+- Make dees-input-code host and inner wrappers flex so Monaco editor grows to fill available height (set flex, min-height and height:100% where needed).
+- Set dees-workspace-monaco and editor-wrapper to stretch so the embedded Monaco editor fills the component.
+- Bump dev dependencies: @git.zone/tsbuild -> ^4.1.2, @git.zone/tsbundle -> ^2.8.3, @git.zone/tstest -> ^3.1.7, @git.zone/tswatch -> ^3.0.1; also bump @types/node -> ^25.0.10 and lucide -> ^0.563.0.
+- Change npm script: watch from "tswatch element" to "tswatch" and add @git.zone/tswatch preset in npmextra.json.
+- Add .playwright-mcp/ to .gitignore and remove many Playwright screenshot/test artifact PNGs to keep repo tidy.
+
 ## 2026-01-13 - 3.37.0 - feat(dees-button,dees-statsgrid)
 add unified icon property and icon-position support to dees-button; add partition and disk tile types to dees-statsgrid
 

npmextra.json

@@ -59,5 +59,8 @@
         "bundler": "esbuild"
       }
     ]
+  },
+  "@git.zone/tswatch": {
+    "preset": "element"
   }
 }

package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "test": "tstest test/ --web --verbose --timeout 30 --logfile",
     "build": "tsbuild tsfolders --allowimplicitany && tsbundle",
-    "watch": "tswatch element",
+    "watch": "tswatch",
     "buildDocs": "tsdoc",
     "postinstall": "node scripts/update-monaco-version.cjs"
   },
@@ -37,19 +37,19 @@
     "apexcharts": "^5.3.6",
     "highlight.js": "11.11.1",
     "ibantools": "^4.5.1",
-    "lucide": "^0.562.0",
+    "lucide": "^0.563.0",
     "monaco-editor": "0.55.1",
     "pdfjs-dist": "^4.10.38",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^4.1.0",
-    "@git.zone/tsbundle": "^2.8.1",
-    "@git.zone/tstest": "^3.1.4",
-    "@git.zone/tswatch": "^2.3.13",
+    "@git.zone/tsbuild": "^4.1.2",
+    "@git.zone/tsbundle": "^2.8.3",
+    "@git.zone/tstest": "^3.1.7",
+    "@git.zone/tswatch": "^3.0.1",
     "@push.rocks/projectinfo": "^5.0.2",
-    "@types/node": "^25.0.6"
+    "@types/node": "^25.0.10"
   },
   "files": [
     "ts/**/*",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.37.0',
+  version: '3.37.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

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>

ts_web/elements/00group-workspace/dees-workspace-monaco/dees-workspace-monaco.ts

@@ -70,12 +70,22 @@ export class DeesWorkspaceMonaco extends DeesElement {
     css`
       /* TODO: Migrate hardcoded values to --dees-* CSS variables */
       :host {
+        display: block;
+        position: relative;
+        height: 100%;
+        width: 100%;
       }
 
       * {
         box-sizing: border-box;
       }
 
+      .mainbox {
+        position: relative;
+        height: 100%;
+        width: 100%;
+      }
+
       #container {
         position: absolute;
         height: 100%;