tests

src/app.component.simple.html

@@ -14,6 +14,7 @@
     [centerPanelWidth]="centerPanelWidth()"
     [searchTerm]="sidebarSearchTerm()"
     [tags]="allTags()"
+    [activeView]="activeView()"
     (noteSelected)="selectNote($event)"
     (tagClicked)="handleTagClick($event)"
     (wikiLinkActivated)="handleWikiLink($event)"
@@ -25,6 +26,7 @@
     (navigateHeading)="scrollToHeading($event)"
     (searchTermChange)="onSidebarSearchTermChange($event)"
     (searchOptionsChange)="onHeaderSearchOptionsChange($event)"
+    (markdownPlaygroundSelected)="setView('markdown-playground')"
   ></app-shell-nimbus-layout>
 } @else {
 <main class="relative flex min-h-screen flex-col bg-bg-main text-text-main lg:flex-row lg:h-screen lg:overflow-hidden">
@@ -525,6 +527,10 @@
               (nodeSelected)="selectNoteFromGraph($event)">
             </app-graph-view-container-v2>
           </div>
+        } @else if (activeView() === 'markdown-playground') {
+          <div class="h-[calc(100vh-180px)] lg:h-[calc(100vh-140px)]">
+            <app-markdown-playground></app-markdown-playground>
+          </div>
         } @else {
           @if (activeView() === 'drawings') {
             @if (currentDrawingPath()) {