feat(editor/runtime): Replace bare editor with Monaco-based editor and add runtime + workspace/filetree integration

ts_web/elements/00group-editor/dees-editor-markdown/dees-editor-markdown.ts

@@ -9,7 +9,7 @@ import {
   domtools
 } from '@design.estate/dees-element';
 import { themeDefaultStyles } from '../../00theme.js';
-import { DeesEditorBare } from '../dees-editor-bare/dees-editor-bare.js';
+import { DeesEditorMonaco } from '../dees-editor-monaco/dees-editor-monaco.js';
 
 const deferred = domtools.plugins.smartpromise.defer();
 
@@ -52,7 +52,7 @@ export class DeesEditorMarkdown extends DeesElement {
     return html`
       <div class="gridcontainer">
         <div class="editorContainer">
-          <dees-editor-bare
+          <dees-editor-monaco
             .language=${'markdown'}
             .content=${`# a test content
 
@@ -76,7 +76,7 @@ const hello = 'yes'
 \`\`\`
 `}
             wordWrap="bounded"
-          ></dees-editor-bare>
+          ></dees-editor-monaco>
         </div>
         <div class="outletContainer">
           <dees-editormarkdownoutlet></dees-editormarkdownoutlet>
@@ -87,7 +87,7 @@ const hello = 'yes'
 
   public async firstUpdated(_changedPropertiesArg) {
     await super.firstUpdated(_changedPropertiesArg);
-    const editor = this.shadowRoot.querySelector('dees-editor-bare') as DeesEditorBare;
+    const editor = this.shadowRoot.querySelector('dees-editor-monaco') as DeesEditorMonaco;
 
     // lets care about wiring the markdown stuff.
     const markdownOutlet = this.shadowRoot.querySelector('dees-editormarkdownoutlet');