From 6b6577a0bc1e8e7886f244da6c18516448731f54 Mon Sep 17 00:00:00 2001
From: Colin Harrison <colinmh2@uci.edu>
Date: Thu, 4 Sep 2025 15:53:25 -0700
Subject: [PATCH 1/2] implemented markdown descriptions

---
 core/gui/angular.json                         |   7 +-
 core/gui/package.json                         |   7 +-
 core/gui/src/app/app.module.ts                |   4 +
 .../user/list-item/list-item.component.html   |  38 +-
 .../user/list-item/list-item.component.scss   |   2 +-
 .../user/list-item/list-item.component.ts     |  54 +-
 .../markdown-description.component.html       |  84 ++
 .../markdown-description.component.scss       | 230 +++++
 .../markdown-description.component.ts         | 192 ++++
 .../dataset-detail.component.html             |   4 +-
 .../detail/hub-workflow-detail.component.html |   2 +-
 core/gui/yarn.lock                            | 927 ++++++++++++++++--
 12 files changed, 1442 insertions(+), 109 deletions(-)
 create mode 100644 core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html
 create mode 100644 core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss
 create mode 100644 core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts

diff --git a/core/gui/angular.json b/core/gui/angular.json
index a76ee354362..70475bba4f5 100644
--- a/core/gui/angular.json
+++ b/core/gui/angular.json
@@ -29,10 +29,15 @@
               "node_modules/jointjs/css/themes/default.css",
               "node_modules/ng-zorro-antd/ng-zorro-antd.min.css",
               "node_modules/ng-zorro-antd/resizable/style/index.min.css",
+              "node_modules/bootstrap/dist/css/bootstrap.css",
+              "node_modules/bootstrap-markdown/css/bootstrap-markdown.min.css",
+              "node_modules/font-awesome/css/font-awesome.css",
               "src/styles.scss"
             ],
             "scripts": [
-              "./node_modules/marked/marked.min.js"
+              "./node_modules/marked/marked.min.js",
+              "node_modules/jquery/dist/jquery.js",
+              "node_modules/bootstrap-markdown/js/bootstrap-markdown.js"
             ],
             "customWebpackConfig": {
               "path": "./custom-webpack.config.js"
diff --git a/core/gui/package.json b/core/gui/package.json
index e8aefd32f05..5d41c49796f 100644
--- a/core/gui/package.json
+++ b/core/gui/package.json
@@ -46,7 +46,9 @@
     "@types/lodash-es": "4.17.4",
     "@types/plotly.js-basic-dist-min": "2.12.4",
     "ajv": "8.10.0",
+    "angular-markdown-editor": "^3.1.1",
     "backbone": "1.4.1",
+    "bootstrap": "^5.3.8",
     "content-disposition": "0.5.4",
     "dagre": "0.8.5",
     "deep-map": "2.0.0",
@@ -56,6 +58,7 @@
     "fuse.js": "6.5.3",
     "html2canvas": "1.4.1",
     "jointjs": "3.5.4",
+    "jquery": "^3.7.1",
     "js-abbreviation-number": "1.4.0",
     "jszip": "3.10.1",
     "lodash-es": "4.17.21",
@@ -70,7 +73,7 @@
     "ngx-file-drop": "16.0.0",
     "ngx-image-viewer": "1.0.13",
     "ngx-json-viewer": "3.2.1",
-    "ngx-markdown": "16.0.0",
+    "ngx-markdown": "^20.1.0",
     "papaparse": "5.4.1",
     "path-browserify": "1.0.1",
     "plotly.js-basic-dist-min": "2.29.0",
@@ -111,11 +114,13 @@
     "@nrwl/nx-cloud": "19.1.0",
     "@nx/angular": "20.0.3",
     "@types/backbone": "1.4.15",
+    "@types/bootstrap": "^5",
     "@types/content-disposition": "0",
     "@types/dagre": "0.7.47",
     "@types/file-saver": "2.0.5",
     "@types/graphlib": "2.1.8",
     "@types/jasmine": "4.6.4",
+    "@types/jquery": "^3",
     "@types/json-schema": "7.0.9",
     "@types/lodash": "4.14.179",
     "@types/node": "18.15.5",
diff --git a/core/gui/src/app/app.module.ts b/core/gui/src/app/app.module.ts
index 13759e6e55a..2ae9f6d5fad 100644
--- a/core/gui/src/app/app.module.ts
+++ b/core/gui/src/app/app.module.ts
@@ -172,6 +172,8 @@ import { AdminSettingsComponent } from "./dashboard/component/admin/settings/adm
 import { catchError, of } from "rxjs";
 import { FormlyRepeatDndComponent } from "./common/formly/repeat-dnd/repeat-dnd.component";
 import { NzInputNumberModule } from "ng-zorro-antd/input-number";
+import { MarkdownDescriptionComponent } from "./dashboard/component/user/shared/markdown-description/markdown-description.component";
+import { AngularMarkdownEditorModule } from "angular-markdown-editor";
 
 registerLocaleData(en);
 
@@ -264,6 +266,7 @@ registerLocaleData(en);
     HubSearchResultComponent,
     ComputingUnitSelectionComponent,
     AdminSettingsComponent,
+    MarkdownDescriptionComponent,
   ],
   imports: [
     BrowserModule,
@@ -330,6 +333,7 @@ registerLocaleData(en);
     NzDividerModule,
     NzProgressModule,
     NzInputNumberModule,
+    AngularMarkdownEditorModule.forRoot(),
   ],
   providers: [
     provideNzI18n(en_US),
diff --git a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html
index a1f78f25326..30e70bff1a4 100644
--- a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html
+++ b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html
@@ -60,9 +60,9 @@
 
     <div
       nz-col
-      nzFlex="30px"
-      *ngIf="isPrivateSearch">
-      <div class="edit-button">
+      nzFlex="30px">
+      <div class="edit-button"
+           *ngIf="isPrivateSearch">
         <button
           nz-button
           nzType="text"
@@ -78,11 +78,11 @@
         <button
           nz-button
           nzType="text"
-          title="Edit Description"
-          (click)="onEditDescription();$event.stopPropagation()">
+          title="View/Edit Description"
+          (click)="toggleDescription();$event.stopPropagation()">
           <i
             nz-icon
-            nzType="form"></i>
+            nzType="file-text"></i>
         </button>
       </div>
     </div>
@@ -108,9 +108,9 @@
 
       <div
         class="resource-description truncate-single-line"
-        (click)="onEditDescription();$event.stopPropagation()"
+        (click)="toggleDescription();$event.stopPropagation()"
         *ngIf="!editingDescription">
-        {{ entry.description ? entry.description.slice(0, 200) : (hovering) ? 'Write a description...' : '' }}
+        {{ getCleanDescription() }}
       </div>
       <textarea
         *ngIf="editingDescription"
@@ -193,6 +193,13 @@
   <div
     *ngIf="isPrivateSearch"
     class="button-group">
+    <button
+      nz-button
+      nzType="text"
+      title="Description"
+      (click)="toggleDescription()">
+      <i nz-icon nzType="file-text"></i>
+    </button>
     <button
       *ngIf="entry.type==='workflow'"
       nz-button
@@ -245,4 +252,19 @@
         nzType="delete"></i>
     </button>
   </div>
+
+  <div *ngIf="showDescription" class="list-item-description"
+       [class.description-hoverable]="!editingDescription"
+       (mouseenter)="hovering = true; $event.stopPropagation()"
+       (mouseleave)="hovering = false; $event.stopPropagation()">
+    <texera-shared-description
+      [description]="entry.description || ''"
+      [entityName]="entry.name"
+      [entityType]="entry.type"
+      [editable]="canEdit"
+      (descriptionChange)="confirmUpdateCustomDescription($event)"
+      (editingStateChange)="onDescriptionEditingStateChange($event)"
+      (closeDescription)="toggleDescription()">
+    </texera-shared-description>
+  </div>
 </nz-card>
diff --git a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.scss b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.scss
index 21006d20a66..f265a091118 100644
--- a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.scss
+++ b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.scss
@@ -101,7 +101,7 @@
   height: 70px;
   min-width: 150px;
   right: 0;
-  bottom: 0;
+  top: 0;
   justify-content: right;
   align-items: center;
   transition: none;
diff --git a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts
index 3463fbcf277..3107105500e 100644
--- a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts
+++ b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts
@@ -78,6 +78,8 @@ export class ListItemComponent implements OnChanges {
   @Input() editable = false;
   private _entry?: DashboardEntry;
   hovering: boolean = false;
+  @ViewChild('sharedDescriptionComponent') sharedDescriptionComponent!: any;
+  public showDescription: boolean = false;
 
   @Input()
   get entry(): DashboardEntry {
@@ -104,7 +106,7 @@ export class ListItemComponent implements OnChanges {
     private hubService: HubService,
     private downloadService: DownloadService,
     private cdr: ChangeDetectorRef,
-    private notificationService: NotificationService
+    private notificationService: NotificationService,
   ) {}
 
   initializeEntry() {
@@ -198,6 +200,56 @@ export class ListItemComponent implements OnChanges {
     }
   }
 
+  get canEdit(): boolean {
+    if (this.entry.type === 'workflow') {
+      return this.entry.workflow?.isOwner ?? false;
+    } else if (this.entry.type === 'dataset') {
+      return this.entry.dataset?.isOwner ?? false;
+    }
+    return false;
+  }
+
+  toggleDescription(): void {
+    this.showDescription = !this.showDescription;
+
+    if (this.showDescription) {
+      // Force the component to start in preview mode, not edit mode
+      setTimeout(() => {
+        if (this.sharedDescriptionComponent) {
+          this.sharedDescriptionComponent.togglePreview()
+        }
+      }, 50);
+    }
+  }
+
+  public onDescriptionEditingStateChange(isEditing: boolean): void {
+    this.editingDescription = isEditing;
+    this.cdr.markForCheck();
+  }
+
+  getCleanDescription(): string {
+    if (!this.entry.description) {
+      return this.hovering ? 'Write a description...' : '';
+    }
+
+    let cleanText = this.entry.description
+      .replace(/```[\s\S]*?```/g, ' ') // Remove code blocks
+      .replace(/`([^`]+)`/g, '$1') // Remove inline code backticks
+      .replace(/#{1,6}\s+/g, '') // Remove headers
+      .replace(/\*\*(.*?)\*\*/g, '$1') // Remove bold
+      .replace(/\*/g, '') // Remove asterisks
+      .replace(/\*(.*?)\*/g, '$1') // Remove italic
+      .replace(/\[(.*?)\]\(.*?\)/g, '$1') // Remove links
+      .replace(/>\s+/g, '') // Remove blockquotes
+      .replace(/\n+/g, ' ') // Replace newlines with spaces
+      .replace(/\s+/g, ' ') // Collapse multiple spaces
+      .trim();
+
+    return cleanText.length > 200
+      ? cleanText.slice(0, 200) + '...'
+      : cleanText;
+  }
+
   public onClickDownload = (): void => {
     if (!this.entry.id) return;
 
diff --git a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html b/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html
new file mode 100644
index 00000000000..89605dafcfc
--- /dev/null
+++ b/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html
@@ -0,0 +1,84 @@
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one
+  ~ or more contributor license agreements.  See the NOTICE file
+  ~ distributed with this work for additional information
+  ~ regarding copyright ownership.  The ASF licenses this file
+  ~ to you under the Apache License, Version 2.0 (the
+  ~ "License"); you may not use this file except in compliance
+  ~ with the License.  You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<div class="shared-description-container" [ngClass]="{'inline-mode': showInline, 'block-mode': !showInline}">
+
+  <div *ngIf="loading" class="loading-spinner">
+    <nz-spin nzSize="small"></nz-spin>
+  </div>
+
+  <div *ngIf="!loading" class="description-editor" style="margin-top: 16px;">
+    <div class="editor-header">
+      <h4>{{entityName}} Description</h4>
+      <div *ngIf="editable" class="editor-actions">
+        <button
+          nz-button
+          nzType="default"
+          nzSize="small"
+          (click)="togglePreview()"
+          title="Toggle Preview">
+          <i nz-icon [nzType]="isPreviewMode ? 'edit' : 'eye'" nzTheme="outline"></i>
+          {{ isPreviewMode ? 'Edit' : 'Preview' }}
+        </button>
+        <button
+          nz-button
+          nzType="default"
+          nzSize="small"
+          (click)="cancelEditing()"
+          [disabled]="false">
+          <i nz-icon nzType="close" nzTheme="outline"></i>
+          Close
+        </button>
+        <button
+          nz-button
+          nzType="primary"
+          nzSize="small"
+          (click)="saveDescription()"
+          [disabled]="!hasUnsavedChanges">
+          <i nz-icon nzType="save" nzTheme="outline"></i>
+          Save
+        </button>
+      </div>
+    </div>
+
+    <div class="markdown-editor-container">
+      <div *ngIf="isPreviewMode" class="preview-container">
+        <div class="preview-content" [innerHTML]="renderedDescription"></div>
+      </div>
+
+      <ng-container *ngIf="!isPreviewMode">
+        <div class="markdown-editor-wrapper">
+          <angular-markdown-editor
+            textareaId="sharedDescriptionEditor"
+            [options]="editorOptions"
+            name="editingContent"
+            [(ngModel)]="editingContent"
+            (onChange)="onMarkdownEditorChange($event)"
+            class="enhanced-markdown-editor">
+          </angular-markdown-editor>
+        </div>
+        <div class="editor-help">
+          <small class="help-text">
+            <i nz-icon nzType="info-circle" nzTheme="outline"></i>
+            Use the toolbar above or Markdown syntax.
+          </small>
+        </div>
+      </ng-container>
+    </div>
+  </div>
+</div>
diff --git a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss b/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss
new file mode 100644
index 00000000000..94df80a6b27
--- /dev/null
+++ b/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss
@@ -0,0 +1,230 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.shared-description-container {
+  width: 100%;
+
+  .loading-spinner {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 20px;
+  }
+
+  .description-editor {
+    background: white;
+    border: 1px solid #e8e8e8;
+    border-radius: 6px;
+    padding: 16px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+    .editor-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+      padding-bottom: 12px;
+      border-bottom: 1px solid #f0f0f0;
+
+      h4 {
+        margin: 0;
+        font-size: 16px;
+        font-weight: 500;
+        color: #333;
+      }
+
+      .editor-actions {
+        display: flex;
+        gap: 8px;
+
+        button {
+          display: flex;
+          align-items: center;
+          gap: 4px;
+        }
+      }
+    }
+
+    .markdown-editor-container {
+      .markdown-editor-wrapper {
+        .enhanced-markdown-editor {
+          border: 1px solid #d9d9d9;
+          border-radius: 4px;
+          overflow: hidden;
+
+          // Style the toolbar
+          ::ng-deep .md-editor {
+            .md-header {
+              background: #fafafa;
+              border-bottom: 1px solid #e8e8e8;
+              padding: 8px 12px;
+
+              .btn-group {
+                .btn {
+                  border: none;
+                  background: transparent;
+                  color: #666;
+                  font-size: 14px;
+                  padding: 4px 8px;
+                  margin: 0 2px;
+                  border-radius: 3px;
+
+                  &:hover {
+                    background: #e6f7ff;
+                    color: #1890ff;
+                  }
+
+                  &.active {
+                    background: #1890ff;
+                    color: white;
+                  }
+                }
+              }
+            }
+
+            .md-editor-textarea {
+              min-height: 200px;
+              border: none;
+              padding: 12px;
+              font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+              font-size: 14px;
+              line-height: 1.5;
+              resize: vertical;
+
+              &:focus {
+                outline: none;
+                box-shadow: none;
+              }
+            }
+
+            .md-preview {
+              padding: 12px;
+              background: #fafafa;
+              border-left: 1px solid #e8e8e8;
+              min-height: 200px;
+              overflow-y: auto;
+            }
+          }
+        }
+      }
+
+      .editor-help {
+        margin-top: 8px;
+        text-align: right;
+
+        .help-text {
+          color: #999;
+          font-size: 12px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          gap: 4px;
+
+          .anticon {
+            color: #1890ff;
+          }
+        }
+      }
+
+      .preview-container {
+        .preview-header {
+          margin-bottom: 12px;
+          padding-bottom: 8px;
+          border-bottom: 1px solid #f0f0f0;
+
+          .preview-toggle-btn {
+            color: #999;
+            font-size: 12px;
+            font-weight: 500;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+
+            .anticon {
+              color: #1890ff;
+              margin-right: 4px;
+            }
+          }
+        }
+
+        .preview-content {
+          min-height: 300px;
+          height: auto;
+          padding: 12px;
+          border: 1px solid #f0f0f0;
+          border-radius: 4px;
+          background: #fafafa;
+          line-height: 1.6;
+
+          h1, h2, h3, h4, h5, h6 {
+            margin-top: 0;
+            margin-bottom: 12px;
+            color: #333;
+          }
+
+          p {
+            margin-bottom: 12px;
+            color: #666;
+          }
+
+          code {
+            background: #f5f5f5;
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+            font-size: 13px;
+          }
+
+          pre {
+            background: #f5f5f5;
+            padding: 12px;
+            border-radius: 4px;
+            overflow-x: auto;
+
+            code {
+              background: none;
+              padding: 0;
+            }
+          }
+
+          blockquote {
+            border-left: 4px solid #1890ff;
+            padding-left: 16px;
+            margin-left: 0;
+            color: #666;
+            font-style: italic;
+          }
+
+          ul, ol {
+            padding-left: 20px;
+            margin-bottom: 12px;
+
+            li {
+              margin-bottom: 4px;
+            }
+          }
+
+          &:empty::after {
+            content: 'Nothing to preview...';
+            color: #bfbfbf;
+            font-style: italic;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts b/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts
new file mode 100644
index 00000000000..7569798ba81
--- /dev/null
+++ b/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts
@@ -0,0 +1,192 @@
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  OnInit,
+  OnChanges,
+  SimpleChanges,
+  ViewEncapsulation,
+  ChangeDetectorRef,
+} from "@angular/core";
+import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
+import { EditorInstance, EditorOption } from "angular-markdown-editor";
+import { MarkdownService } from "ngx-markdown";
+import { NotificationService } from "../../../../../common/service/notification/notification.service";
+
+@UntilDestroy()
+@Component({
+  selector: "texera-shared-description",
+  templateUrl: "./markdown-description.component.html",
+  styleUrls: ["./markdown-description.component.scss"],
+  encapsulation: ViewEncapsulation.None,
+})
+export class MarkdownDescriptionComponent implements OnInit, OnChanges {
+  @Input() description: string = "";
+  @Input() entityName: string = "";
+  @Input() entityType: string = "item";
+  @Input() editable: boolean = false;
+  @Input() maxPreviewLength: number = 200;
+  @Input() showInline: boolean = true;
+
+  @Output() descriptionChange = new EventEmitter<string>();
+  @Output() editingStateChange = new EventEmitter<boolean>();
+  @Output() closeDescription = new EventEmitter<void>();
+
+  public isEditMode: boolean = false;
+  public editingContent: string = "";
+  public isPreviewMode: boolean = true;
+  public renderedDescription: string = '';
+  loading: boolean = true;
+
+  // Angular Markdown Editor properties
+  public bsEditorInstance!: EditorInstance;
+  public editorOptions!: EditorOption;
+
+  constructor(
+    private markdownService: MarkdownService,
+    private notificationService: NotificationService,
+    private cdr: ChangeDetectorRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initializeEditorOptions();
+    this.editingContent = this.description;
+    this.renderMarkdown();
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['description'] && !this.isEditMode) {
+      this.editingContent = this.description;
+      this.renderMarkdown();
+    }
+  }
+
+  private async renderMarkdown(): Promise<void> {
+    try {
+      if (this.description && this.description.trim()) {
+        const result = this.markdownService.parse(this.description.trim());
+
+        if (result instanceof Promise) {
+          this.renderedDescription = await result;
+        } else {
+          this.renderedDescription = result as string;
+        }
+      } else {
+        this.renderedDescription = '';
+      }
+
+      this.loading = false;
+      this.cdr.detectChanges();
+    } catch (error) {
+      console.error('Error rendering markdown:', error);
+      this.renderedDescription = this.description;
+      this.loading = false;
+      this.cdr.detectChanges();
+    }
+  }
+
+  private initializeEditorOptions(): void {
+    this.editorOptions = {
+      autofocus: false,
+      iconlibrary: "fa",
+      savable: false,
+      onShow: (e: EditorInstance) => {
+        this.bsEditorInstance = e;
+        console.log("Markdown editor initialized");
+      },
+      onChange: (e: EditorInstance) => {
+        this.editingContent = e.getContent();
+      },
+      onPreview: (e: EditorInstance) => {
+        this.togglePreview();
+      },
+      parser: (val: string) => this.parseMarkdown(val),
+    };
+  }
+
+  public cancelEditing(): void {
+    this.editingContent = this.description;
+    this.isEditMode = false;
+    this.isPreviewMode = false;
+    this.editingStateChange.emit(false);
+    this.closeDescription.emit();
+  }
+
+  public saveDescription(): void {
+    if (this.editingContent.length > 500) {
+      console.error("Description cannot exceed 500 characters");
+      this.notificationService.error("Description cannot exceed 500 characters");
+      return;
+    }
+
+    if (this.editingContent !== this.description) {
+      this.descriptionChange.emit(this.editingContent);
+    }
+    this.isEditMode = false;
+    this.isPreviewMode = true;
+    this.editingStateChange.emit(false);
+  }
+
+  public togglePreview(): void {
+    this.isPreviewMode = !this.isPreviewMode;
+    if (this.isPreviewMode) {
+      this.renderPreviewContent();
+    }
+  }
+
+  private async renderPreviewContent(): Promise<void> {
+    try {
+      if (this.editingContent && this.editingContent.trim()) {
+        const result = this.markdownService.parse(this.editingContent.trim());
+
+        if (result instanceof Promise) {
+          this.renderedDescription = await result;
+        } else {
+          this.renderedDescription = result as string;
+        }
+      } else {
+        this.renderedDescription = '<p><em>Nothing to preview...</em></p>';
+      }
+
+      this.cdr.detectChanges();
+    } catch (error) {
+      console.error('Error rendering preview:', error);
+      this.renderedDescription = this.editingContent;
+      this.cdr.detectChanges();
+    }
+  }
+
+  public onMarkdownEditorChange(event: any): void {
+    if (event && event.detail && event.detail.eventData) {
+      this.editingContent = event.detail.eventData.getContent();
+    } else {
+      this.editingContent = event;
+    }
+  }
+
+  public get hasUnsavedChanges(): boolean {
+    return this.editingContent !== this.description;
+  }
+
+  private parseMarkdown(inputValue: string): string {
+    const result = this.markdownService.parse(inputValue.trim());
+
+    if (result instanceof Promise) {
+      result.then(parsed => {
+        this.highlightCode();
+        return parsed;
+      });
+      return inputValue;
+    } else {
+      this.highlightCode();
+      return result as string;
+    }
+  }
+
+  private highlightCode(): void {
+    setTimeout(() => {
+      this.markdownService.highlight();
+    });
+  }
+}
diff --git a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
index 622124625c3..ae59689d8d5 100644
--- a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
+++ b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
@@ -32,9 +32,7 @@ <h2 class="dataset-title">Dataset: {{datasetName}}</h2>
         </span>
       </ng-template>
     </nz-card-meta>
-    <nz-card-meta
-      style="padding-top: 20px"
-      nzDescription="{{datasetDescription}}"></nz-card-meta>
+    <markdown [data]="datasetDescription" class="dataset-description" style="padding-top: 20px;"></markdown>
     <div
       class="workflow-panel"
       style="padding-top: 30px">
diff --git a/core/gui/src/app/hub/component/workflow/detail/hub-workflow-detail.component.html b/core/gui/src/app/hub/component/workflow/detail/hub-workflow-detail.component.html
index 2c1d53feec1..d1607a66fa5 100644
--- a/core/gui/src/app/hub/component/workflow/detail/hub-workflow-detail.component.html
+++ b/core/gui/src/app/hub/component/workflow/detail/hub-workflow-detail.component.html
@@ -104,7 +104,7 @@ <h2>Created By</h2>
     </div>
     <div class="workflow-description">
       <h2>Description</h2>
-      <p>{{workflowDescription}}</p>
+      <markdown [data]="workflowDescription"></markdown>
     </div>
 
     <h2>Preview</h2>
diff --git a/core/gui/yarn.lock b/core/gui/yarn.lock
index 0fe16ba21cd..b3ec904be7a 100644
--- a/core/gui/yarn.lock
+++ b/core/gui/yarn.lock
@@ -683,6 +683,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@antfu/install-pkg@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "@antfu/install-pkg@npm:1.1.0"
+  dependencies:
+    package-manager-detector: "npm:^1.3.0"
+    tinyexec: "npm:^1.0.1"
+  checksum: 10c0/140d5994c76fd3d0e824c88f1ce91b3370e8066a8bc2f5729ae133bf768caa239f7915e29c78f239b7ead253113ace51293e95127fafe2b786b88eb615b3be47
+  languageName: node
+  linkType: hard
+
+"@antfu/utils@npm:^8.1.0":
+  version: 8.1.1
+  resolution: "@antfu/utils@npm:8.1.1"
+  checksum: 10c0/cd55d322496f0324323a7bd312bbdc305db02f5c74c53d59213a00a7ecfd66926b6755a41f27c6e664a687cd7a967d3a8b12d3ea57f264ae45dd1c5c181f5160
+  languageName: node
+  linkType: hard
+
 "@assemblyscript/loader@npm:^0.10.1":
   version: 0.10.1
   resolution: "@assemblyscript/loader@npm:0.10.1"
@@ -2359,10 +2376,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@braintree/sanitize-url@npm:^6.0.0":
-  version: 6.0.4
-  resolution: "@braintree/sanitize-url@npm:6.0.4"
-  checksum: 10c0/5d7bac57f3e49931db83f65aaa4fd22f96caa323bf0c7fcf6851fdbed179a8cf29eaa5dd372d340fc51ca5f44345ea5bc0196b36c8b16179888a7c9044313420
+"@braintree/sanitize-url@npm:^7.0.4":
+  version: 7.1.1
+  resolution: "@braintree/sanitize-url@npm:7.1.1"
+  checksum: 10c0/fdfc1759c4244e287693ce1e9d42d649423e7c203fdccf27a571f8951ddfe34baa5273b7e6a8dd3007d7676859c7a0a9819be0ab42a3505f8505ad0eefecf7c1
   languageName: node
   linkType: hard
 
@@ -2373,6 +2390,48 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@chevrotain/cst-dts-gen@npm:11.0.3":
+  version: 11.0.3
+  resolution: "@chevrotain/cst-dts-gen@npm:11.0.3"
+  dependencies:
+    "@chevrotain/gast": "npm:11.0.3"
+    "@chevrotain/types": "npm:11.0.3"
+    lodash-es: "npm:4.17.21"
+  checksum: 10c0/9e945a0611386e4e08af34c2d0b3af36c1af08f726b58145f11310f2aeafcb2d65264c06ec65a32df6b6a65771e6a55be70580c853afe3ceb51487e506967104
+  languageName: node
+  linkType: hard
+
+"@chevrotain/gast@npm:11.0.3":
+  version: 11.0.3
+  resolution: "@chevrotain/gast@npm:11.0.3"
+  dependencies:
+    "@chevrotain/types": "npm:11.0.3"
+    lodash-es: "npm:4.17.21"
+  checksum: 10c0/54fc44d7b4a7b0323f49d957dd88ad44504922d30cb226d93b430b0e09925efe44e0726068581d777f423fabfb878a2238ed2c87b690c0c0014ebd12b6968354
+  languageName: node
+  linkType: hard
+
+"@chevrotain/regexp-to-ast@npm:11.0.3":
+  version: 11.0.3
+  resolution: "@chevrotain/regexp-to-ast@npm:11.0.3"
+  checksum: 10c0/6939c5c94fbfb8c559a4a37a283af5ded8e6147b184a7d7bcf5ad1404d9d663c78d81602bd8ea8458ec497358a9e1671541099c511835d0be2cad46f00c62b3f
+  languageName: node
+  linkType: hard
+
+"@chevrotain/types@npm:11.0.3":
+  version: 11.0.3
+  resolution: "@chevrotain/types@npm:11.0.3"
+  checksum: 10c0/72fe8f0010ebef848e47faea14a88c6fdc3cdbafaef6b13df4a18c7d33249b1b675e37b05cb90a421700c7016dae7cd4187ab6b549e176a81cea434f69cd2503
+  languageName: node
+  linkType: hard
+
+"@chevrotain/utils@npm:11.0.3":
+  version: 11.0.3
+  resolution: "@chevrotain/utils@npm:11.0.3"
+  checksum: 10c0/b31972d1b2d444eef1499cf9b7576fc1793e8544910de33a3c18e07c270cfad88067f175d0ee63e7bc604713ebed647f8190db45cc8311852cd2d4fe2ef14068
+  languageName: node
+  linkType: hard
+
 "@codingame/monaco-vscode-base-service-override@npm:8.0.4":
   version: 8.0.4
   resolution: "@codingame/monaco-vscode-base-service-override@npm:8.0.4"
@@ -3146,6 +3205,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@iconify/types@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@iconify/types@npm:2.0.0"
+  checksum: 10c0/65a3be43500c7ccacf360e136d00e1717f050b7b91da644e94370256ac66f582d59212bdb30d00788aab4fc078262e91c95b805d1808d654b72f6d2072a7e4b2
+  languageName: node
+  linkType: hard
+
+"@iconify/utils@npm:^2.1.33":
+  version: 2.3.0
+  resolution: "@iconify/utils@npm:2.3.0"
+  dependencies:
+    "@antfu/install-pkg": "npm:^1.0.0"
+    "@antfu/utils": "npm:^8.1.0"
+    "@iconify/types": "npm:^2.0.0"
+    debug: "npm:^4.4.0"
+    globals: "npm:^15.14.0"
+    kolorist: "npm:^1.8.0"
+    local-pkg: "npm:^1.0.0"
+    mlly: "npm:^1.7.4"
+  checksum: 10c0/926013852cd9d09b8501ee0f3f7d40386dc5ed1cb904869d6502f5ee1a64aee5664e9c00da49d700528d26c4a51ea0cac4f046c4eb281d0f8d54fc5df2f3fd0d
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -3428,6 +3510,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mermaid-js/parser@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "@mermaid-js/parser@npm:0.6.2"
+  dependencies:
+    langium: "npm:3.3.1"
+  checksum: 10c0/6059341a5dc3fdf56dd75c858843154e18c582e5cc41c3e73e9a076e218116c6bdbdba729d27154cef61430c900d87342423bbb81e37d8a9968c6c2fdd99e87a
+  languageName: node
+  linkType: hard
+
 "@messageformat/core@npm:^3.2.0":
   version: 3.4.0
   resolution: "@messageformat/core@npm:3.4.0"
@@ -4718,6 +4809,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@popperjs/core@npm:^2.9.2":
+  version: 2.11.8
+  resolution: "@popperjs/core@npm:2.11.8"
+  checksum: 10c0/4681e682abc006d25eb380d0cf3efc7557043f53b6aea7a5057d0d1e7df849a00e281cd8ea79c902a35a414d7919621fc2ba293ecec05f413598e0b23d5a1e63
+  languageName: node
+  linkType: hard
+
 "@prettier/eslint@npm:prettier-eslint@^16.1.0":
   version: 16.3.0
   resolution: "prettier-eslint@npm:16.3.0"
@@ -5019,6 +5117,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/bootstrap@npm:^5":
+  version: 5.2.10
+  resolution: "@types/bootstrap@npm:5.2.10"
+  dependencies:
+    "@popperjs/core": "npm:^2.9.2"
+  checksum: 10c0/3e978855eb780df3907e8fe991371dc661c7a8c5b9852a10e33bcf6a909bc1481857aa8786d18b3aa828fb28660145fda0c8648265719e8a97a448b9f0158eae
+  languageName: node
+  linkType: hard
+
 "@types/connect-history-api-fallback@npm:^1.3.5, @types/connect-history-api-fallback@npm:^1.5.4":
   version: 1.5.4
   resolution: "@types/connect-history-api-fallback@npm:1.5.4"
@@ -5061,6 +5168,278 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/d3-array@npm:*":
+  version: 3.2.1
+  resolution: "@types/d3-array@npm:3.2.1"
+  checksum: 10c0/38bf2c778451f4b79ec81a2288cb4312fe3d6449ecdf562970cc339b60f280f31c93a024c7ff512607795e79d3beb0cbda123bb07010167bce32927f71364bca
+  languageName: node
+  linkType: hard
+
+"@types/d3-axis@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-axis@npm:3.0.6"
+  dependencies:
+    "@types/d3-selection": "npm:*"
+  checksum: 10c0/d756d42360261f44d8eefd0950c5bb0a4f67a46dd92069da3f723ac36a1e8cb2b9ce6347d836ef19d5b8aef725dbcf8fdbbd6cfbff676ca4b0642df2f78b599a
+  languageName: node
+  linkType: hard
+
+"@types/d3-brush@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-brush@npm:3.0.6"
+  dependencies:
+    "@types/d3-selection": "npm:*"
+  checksum: 10c0/fd6e2ac7657a354f269f6b9c58451ffae9d01b89ccb1eb6367fd36d635d2f1990967215ab498e0c0679ff269429c57fad6a2958b68f4d45bc9f81d81672edc01
+  languageName: node
+  linkType: hard
+
+"@types/d3-chord@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-chord@npm:3.0.6"
+  checksum: 10c0/c5a25eb5389db01e63faec0c5c2ec7cc41c494e9b3201630b494c4e862a60f1aa83fabbc33a829e7e1403941e3c30d206c741559b14406ac2a4239cfdf4b4c17
+  languageName: node
+  linkType: hard
+
+"@types/d3-color@npm:*":
+  version: 3.1.3
+  resolution: "@types/d3-color@npm:3.1.3"
+  checksum: 10c0/65eb0487de606eb5ad81735a9a5b3142d30bc5ea801ed9b14b77cb14c9b909f718c059f13af341264ee189acf171508053342142bdf99338667cea26a2d8d6ae
+  languageName: node
+  linkType: hard
+
+"@types/d3-contour@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-contour@npm:3.0.6"
+  dependencies:
+    "@types/d3-array": "npm:*"
+    "@types/geojson": "npm:*"
+  checksum: 10c0/e7d83e94719af4576ceb5ac7f277c5806f83ba6c3631744ae391cffc3641f09dfa279470b83053cd0b2acd6784e8749c71141d05bdffa63ca58ffb5b31a0f27c
+  languageName: node
+  linkType: hard
+
+"@types/d3-delaunay@npm:*":
+  version: 6.0.4
+  resolution: "@types/d3-delaunay@npm:6.0.4"
+  checksum: 10c0/d154a8864f08c4ea23ecb9bdabcef1c406a25baa8895f0cb08a0ed2799de0d360e597552532ce7086ff0cdffa8f3563f9109d18f0191459d32bb620a36939123
+  languageName: node
+  linkType: hard
+
+"@types/d3-dispatch@npm:*":
+  version: 3.0.7
+  resolution: "@types/d3-dispatch@npm:3.0.7"
+  checksum: 10c0/38c6605ebf0bf0099dfb70eafe0dd4ae8213368b40b8f930b72a909ff2e7259d2bd8a54d100bb5a44eb4b36f4f2a62dcb37f8be59613ca6b507c7a2f910b3145
+  languageName: node
+  linkType: hard
+
+"@types/d3-drag@npm:*":
+  version: 3.0.7
+  resolution: "@types/d3-drag@npm:3.0.7"
+  dependencies:
+    "@types/d3-selection": "npm:*"
+  checksum: 10c0/65e29fa32a87c72d26c44b5e2df3bf15af21cd128386bcc05bcacca255927c0397d0cd7e6062aed5f0abd623490544a9d061c195f5ed9f018fe0b698d99c079d
+  languageName: node
+  linkType: hard
+
+"@types/d3-dsv@npm:*":
+  version: 3.0.7
+  resolution: "@types/d3-dsv@npm:3.0.7"
+  checksum: 10c0/c0f01da862465594c8a28278b51c850af3b4239cc22b14fd1a19d7a98f93d94efa477bf59d8071beb285dca45bf614630811451e18e7c52add3a0abfee0a1871
+  languageName: node
+  linkType: hard
+
+"@types/d3-ease@npm:*":
+  version: 3.0.2
+  resolution: "@types/d3-ease@npm:3.0.2"
+  checksum: 10c0/aff5a1e572a937ee9bff6465225d7ba27d5e0c976bd9eacdac2e6f10700a7cb0c9ea2597aff6b43a6ed850a3210030870238894a77ec73e309b4a9d0333f099c
+  languageName: node
+  linkType: hard
+
+"@types/d3-fetch@npm:*":
+  version: 3.0.7
+  resolution: "@types/d3-fetch@npm:3.0.7"
+  dependencies:
+    "@types/d3-dsv": "npm:*"
+  checksum: 10c0/3d147efa52a26da1a5d40d4d73e6cebaaa964463c378068062999b93ea3731b27cc429104c21ecbba98c6090e58ef13429db6399238c5e3500162fb3015697a0
+  languageName: node
+  linkType: hard
+
+"@types/d3-force@npm:*":
+  version: 3.0.10
+  resolution: "@types/d3-force@npm:3.0.10"
+  checksum: 10c0/c82b459079a106b50e346c9b79b141f599f2fc4f598985a5211e72c7a2e20d35bd5dc6e91f306b323c8bfa325c02c629b1645f5243f1c6a55bd51bc85cccfa92
+  languageName: node
+  linkType: hard
+
+"@types/d3-format@npm:*":
+  version: 3.0.4
+  resolution: "@types/d3-format@npm:3.0.4"
+  checksum: 10c0/3ac1600bf9061a59a228998f7cd3f29e85cbf522997671ba18d4d84d10a2a1aff4f95aceb143fa9960501c3ec351e113fc75884e6a504ace44dc1744083035ee
+  languageName: node
+  linkType: hard
+
+"@types/d3-geo@npm:*":
+  version: 3.1.0
+  resolution: "@types/d3-geo@npm:3.1.0"
+  dependencies:
+    "@types/geojson": "npm:*"
+  checksum: 10c0/3745a93439038bb5b0b38facf435f7079812921d46406f5d38deaee59e90084ff742443c7ea0a8446df81a0d81eaf622fe7068cf4117a544bd4aa3b2dc182f88
+  languageName: node
+  linkType: hard
+
+"@types/d3-hierarchy@npm:*":
+  version: 3.1.7
+  resolution: "@types/d3-hierarchy@npm:3.1.7"
+  checksum: 10c0/873711737d6b8e7b6f1dda0bcd21294a48f75024909ae510c5d2c21fad2e72032e0958def4d9f68319d3aaac298ad09c49807f8bfc87a145a82693b5208613c7
+  languageName: node
+  linkType: hard
+
+"@types/d3-interpolate@npm:*":
+  version: 3.0.4
+  resolution: "@types/d3-interpolate@npm:3.0.4"
+  dependencies:
+    "@types/d3-color": "npm:*"
+  checksum: 10c0/066ebb8da570b518dd332df6b12ae3b1eaa0a7f4f0c702e3c57f812cf529cc3500ec2aac8dc094f31897790346c6b1ebd8cd7a077176727f4860c2b181a65ca4
+  languageName: node
+  linkType: hard
+
+"@types/d3-path@npm:*":
+  version: 3.1.1
+  resolution: "@types/d3-path@npm:3.1.1"
+  checksum: 10c0/2c36eb31ebaf2ce4712e793fd88087117976f7c4ed69cc2431825f999c8c77cca5cea286f3326432b770739ac6ccd5d04d851eb65e7a4dbcc10c982b49ad2c02
+  languageName: node
+  linkType: hard
+
+"@types/d3-polygon@npm:*":
+  version: 3.0.2
+  resolution: "@types/d3-polygon@npm:3.0.2"
+  checksum: 10c0/f46307bb32b6c2aef8c7624500e0f9b518de8f227ccc10170b869dc43e4c542560f6c8d62e9f087fac45e198d6e4b623e579c0422e34c85baf56717456d3f439
+  languageName: node
+  linkType: hard
+
+"@types/d3-quadtree@npm:*":
+  version: 3.0.6
+  resolution: "@types/d3-quadtree@npm:3.0.6"
+  checksum: 10c0/7eaa0a4d404adc856971c9285e1c4ab17e9135ea669d847d6db7e0066126a28ac751864e7ce99c65d526e130f56754a2e437a1617877098b3bdcc3ef23a23616
+  languageName: node
+  linkType: hard
+
+"@types/d3-random@npm:*":
+  version: 3.0.3
+  resolution: "@types/d3-random@npm:3.0.3"
+  checksum: 10c0/5f4fea40080cd6d4adfee05183d00374e73a10c530276a6455348983dda341003a251def28565a27c25d9cf5296a33e870e397c9d91ff83fb7495a21c96b6882
+  languageName: node
+  linkType: hard
+
+"@types/d3-scale-chromatic@npm:*":
+  version: 3.1.0
+  resolution: "@types/d3-scale-chromatic@npm:3.1.0"
+  checksum: 10c0/93c564e02d2e97a048e18fe8054e4a935335da6ab75a56c3df197beaa87e69122eef0dfbeb7794d4a444a00e52e3123514ee27cec084bd21f6425b7037828cc2
+  languageName: node
+  linkType: hard
+
+"@types/d3-scale@npm:*":
+  version: 4.0.9
+  resolution: "@types/d3-scale@npm:4.0.9"
+  dependencies:
+    "@types/d3-time": "npm:*"
+  checksum: 10c0/4ac44233c05cd50b65b33ecb35d99fdf07566bcdbc55bc1306b2f27d1c5134d8c560d356f2c8e76b096e9125ffb8d26d95f78d56e210d1c542cb255bdf31d6c8
+  languageName: node
+  linkType: hard
+
+"@types/d3-selection@npm:*":
+  version: 3.0.11
+  resolution: "@types/d3-selection@npm:3.0.11"
+  checksum: 10c0/0c512956c7503ff5def4bb32e0c568cc757b9a2cc400a104fc0f4cfe5e56d83ebde2a97821b6f2cb26a7148079d3b86a2f28e11d68324ed311cf35c2ed980d1d
+  languageName: node
+  linkType: hard
+
+"@types/d3-shape@npm:*":
+  version: 3.1.7
+  resolution: "@types/d3-shape@npm:3.1.7"
+  dependencies:
+    "@types/d3-path": "npm:*"
+  checksum: 10c0/38e59771c1c4c83b67aa1f941ce350410522a149d2175832fdc06396b2bb3b2c1a2dd549e0f8230f9f24296ee5641a515eaf10f55ee1ef6c4f83749e2dd7dcfd
+  languageName: node
+  linkType: hard
+
+"@types/d3-time-format@npm:*":
+  version: 4.0.3
+  resolution: "@types/d3-time-format@npm:4.0.3"
+  checksum: 10c0/9ef5e8e2b96b94799b821eed5d61a3d432c7903247966d8ad951b8ce5797fe46554b425cb7888fa5bf604b4663c369d7628c0328ffe80892156671c58d1a7f90
+  languageName: node
+  linkType: hard
+
+"@types/d3-time@npm:*":
+  version: 3.0.4
+  resolution: "@types/d3-time@npm:3.0.4"
+  checksum: 10c0/6d9e2255d63f7a313a543113920c612e957d70da4fb0890931da6c2459010291b8b1f95e149a538500c1c99e7e6c89ffcce5554dd29a31ff134a38ea94b6d174
+  languageName: node
+  linkType: hard
+
+"@types/d3-timer@npm:*":
+  version: 3.0.2
+  resolution: "@types/d3-timer@npm:3.0.2"
+  checksum: 10c0/c644dd9571fcc62b1aa12c03bcad40571553020feeb5811f1d8a937ac1e65b8a04b759b4873aef610e28b8714ac71c9885a4d6c127a048d95118f7e5b506d9e1
+  languageName: node
+  linkType: hard
+
+"@types/d3-transition@npm:*":
+  version: 3.0.9
+  resolution: "@types/d3-transition@npm:3.0.9"
+  dependencies:
+    "@types/d3-selection": "npm:*"
+  checksum: 10c0/4f68b9df7ac745b3491216c54203cbbfa0f117ae4c60e2609cdef2db963582152035407fdff995b10ee383bae2f05b7743493f48e1b8e46df54faa836a8fb7b5
+  languageName: node
+  linkType: hard
+
+"@types/d3-zoom@npm:*":
+  version: 3.0.8
+  resolution: "@types/d3-zoom@npm:3.0.8"
+  dependencies:
+    "@types/d3-interpolate": "npm:*"
+    "@types/d3-selection": "npm:*"
+  checksum: 10c0/1dbdbcafddcae12efb5beb6948546963f29599e18bc7f2a91fb69cc617c2299a65354f2d47e282dfb86fec0968406cd4fb7f76ba2d2fb67baa8e8d146eb4a547
+  languageName: node
+  linkType: hard
+
+"@types/d3@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@types/d3@npm:7.4.3"
+  dependencies:
+    "@types/d3-array": "npm:*"
+    "@types/d3-axis": "npm:*"
+    "@types/d3-brush": "npm:*"
+    "@types/d3-chord": "npm:*"
+    "@types/d3-color": "npm:*"
+    "@types/d3-contour": "npm:*"
+    "@types/d3-delaunay": "npm:*"
+    "@types/d3-dispatch": "npm:*"
+    "@types/d3-drag": "npm:*"
+    "@types/d3-dsv": "npm:*"
+    "@types/d3-ease": "npm:*"
+    "@types/d3-fetch": "npm:*"
+    "@types/d3-force": "npm:*"
+    "@types/d3-format": "npm:*"
+    "@types/d3-geo": "npm:*"
+    "@types/d3-hierarchy": "npm:*"
+    "@types/d3-interpolate": "npm:*"
+    "@types/d3-path": "npm:*"
+    "@types/d3-polygon": "npm:*"
+    "@types/d3-quadtree": "npm:*"
+    "@types/d3-random": "npm:*"
+    "@types/d3-scale": "npm:*"
+    "@types/d3-scale-chromatic": "npm:*"
+    "@types/d3-selection": "npm:*"
+    "@types/d3-shape": "npm:*"
+    "@types/d3-time": "npm:*"
+    "@types/d3-time-format": "npm:*"
+    "@types/d3-timer": "npm:*"
+    "@types/d3-transition": "npm:*"
+    "@types/d3-zoom": "npm:*"
+  checksum: 10c0/a9c6d65b13ef3b42c87f2a89ea63a6d5640221869f97d0657b0cb2f1dac96a0f164bf5605643c0794e0de3aa2bf05df198519aaf15d24ca135eb0e8bd8a9d879
+  languageName: node
+  linkType: hard
+
 "@types/dagre@npm:0.7.47":
   version: 0.7.47
   resolution: "@types/dagre@npm:0.7.47"
@@ -5150,6 +5529,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/geojson@npm:*":
+  version: 7946.0.16
+  resolution: "@types/geojson@npm:7946.0.16"
+  checksum: 10c0/1ff24a288bd5860b766b073ead337d31d73bdc715e5b50a2cee5cb0af57a1ed02cc04ef295f5fa68dc40fe3e4f104dd31282b2b818a5ba3231bc1001ba084e3c
+  languageName: node
+  linkType: hard
+
 "@types/graphlib@npm:2.1.8":
   version: 2.1.8
   resolution: "@types/graphlib@npm:2.1.8"
@@ -5214,6 +5600,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/jquery@npm:^3":
+  version: 3.5.33
+  resolution: "@types/jquery@npm:3.5.33"
+  dependencies:
+    "@types/sizzle": "npm:*"
+  checksum: 10c0/d96c42762b7370ddf3b81cdad436a79d275e0ff09e2f4d7fbf2bbd8f97acef4110a11f1c3cb683195a1eba4fd9959e59d73f84d56ce2c010907a2bea696eb057
+  languageName: node
+  linkType: hard
+
 "@types/json-schema@npm:*, @types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.4, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
   version: 7.0.15
   resolution: "@types/json-schema@npm:7.0.15"
@@ -5434,6 +5829,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/trusted-types@npm:^2.0.7":
+  version: 2.0.7
+  resolution: "@types/trusted-types@npm:2.0.7"
+  checksum: 10c0/4c4855f10de7c6c135e0d32ce462419d8abbbc33713b31d294596c0cc34ae1fa6112a2f9da729c8f7a20707782b0d69da3b1f8df6645b0366d08825ca1522e0c
+  languageName: node
+  linkType: hard
+
 "@types/underscore@npm:*":
   version: 1.13.0
   resolution: "@types/underscore@npm:1.13.0"
@@ -6207,6 +6609,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.15.0":
+  version: 8.15.0
+  resolution: "acorn@npm:8.15.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 10c0/dec73ff59b7d6628a01eebaece7f2bdb8bb62b9b5926dcad0f8931f2b8b79c2be21f6c68ac095592adb5adb15831a3635d9343e6a91d028bbe85d564875ec3ec
+  languageName: node
+  linkType: hard
+
 "address@npm:^1.0.1":
   version: 1.2.2
   resolution: "address@npm:1.2.2"
@@ -6350,6 +6761,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"angular-markdown-editor@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "angular-markdown-editor@npm:3.1.1"
+  dependencies:
+    bootstrap: "npm:>=4.6.2"
+    bootstrap-markdown: "github:refactory-id/bootstrap-markdown"
+    font-awesome: "npm:^4.7.0"
+    jquery: "npm:^3.7.0"
+    tslib: "npm:^2.3.0"
+  checksum: 10c0/9109609e447fb9c91132d56d6893d08b779ff639fbe2c10def4cca1d035f34544fd8353266e7363c69cf05bc024fe7c18db8d6e6f328fc21255ca2e35926bc09
+  languageName: node
+  linkType: hard
+
 "ansi-colors@npm:4.1.3, ansi-colors@npm:^4.1.1, ansi-colors@npm:^4.1.3":
   version: 4.1.3
   resolution: "ansi-colors@npm:4.1.3"
@@ -7013,6 +7437,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bootstrap-markdown@github:refactory-id/bootstrap-markdown":
+  version: 2.10.0
+  resolution: "bootstrap-markdown@https://github.com/refactory-id/bootstrap-markdown.git#commit=a496d34b9bd34451c8315a850472f794c8df7d53"
+  checksum: 10c0/f314c390ad9c6317eaeeceaca38de363c2623bbc94167f72264a115f267bd37c838d75612e767173c7d528e2372a884bd8fbdb8e915bff84e79807adb16108ae
+  languageName: node
+  linkType: hard
+
+"bootstrap@npm:>=4.6.2, bootstrap@npm:^5.3.8":
+  version: 5.3.8
+  resolution: "bootstrap@npm:5.3.8"
+  peerDependencies:
+    "@popperjs/core": ^2.11.8
+  checksum: 10c0/0039a9df2c3e7bfa04f1abca199c299ff3b75869d578c0cb1721c6f1f203c91531788a5631ecbee01513481979314d0e4ba0d90c2011e6ce18fc2e0bc93e18d9
+  languageName: node
+  linkType: hard
+
 "brace-expansion@npm:^1.1.7":
   version: 1.1.11
   resolution: "brace-expansion@npm:1.1.11"
@@ -7354,6 +7794,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chevrotain-allstar@npm:~0.3.0":
+  version: 0.3.1
+  resolution: "chevrotain-allstar@npm:0.3.1"
+  dependencies:
+    lodash-es: "npm:^4.17.21"
+  peerDependencies:
+    chevrotain: ^11.0.0
+  checksum: 10c0/5cadedffd3114eb06b15fd3939bb1aa6c75412dbd737fe302b52c5c24334f9cb01cee8edc1d1067d98ba80dddf971f1d0e94b387de51423fc6cf3c5d8b7ef27a
+  languageName: node
+  linkType: hard
+
+"chevrotain@npm:~11.0.3":
+  version: 11.0.3
+  resolution: "chevrotain@npm:11.0.3"
+  dependencies:
+    "@chevrotain/cst-dts-gen": "npm:11.0.3"
+    "@chevrotain/gast": "npm:11.0.3"
+    "@chevrotain/regexp-to-ast": "npm:11.0.3"
+    "@chevrotain/types": "npm:11.0.3"
+    "@chevrotain/utils": "npm:11.0.3"
+    lodash-es: "npm:4.17.21"
+  checksum: 10c0/ffd425fa321e3f17e9833d7f44cd39f2743f066e92ca74b226176080ca5d455f853fe9091cdfd86354bd899d85c08b3bdc3f55b267e7d07124b048a88349765f
+  languageName: node
+  linkType: hard
+
 "chokidar@npm:3.5.3":
   version: 3.5.3
   resolution: "chokidar@npm:3.5.3"
@@ -7705,6 +8170,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"confbox@npm:^0.1.8":
+  version: 0.1.8
+  resolution: "confbox@npm:0.1.8"
+  checksum: 10c0/fc2c68d97cb54d885b10b63e45bd8da83a8a71459d3ecf1825143dd4c7f9f1b696b3283e07d9d12a144c1301c2ebc7842380bdf0014e55acc4ae1c9550102418
+  languageName: node
+  linkType: hard
+
+"confbox@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "confbox@npm:0.2.2"
+  checksum: 10c0/7c246588d533d31e8cdf66cb4701dff6de60f9be77ab54c0d0338e7988750ac56863cc0aca1b3f2046f45ff223a765d3e5d4977a7674485afcd37b6edf3fd129
+  languageName: node
+  linkType: hard
+
 "connect-history-api-fallback@npm:^2.0.0":
   version: 2.0.0
   resolution: "connect-history-api-fallback@npm:2.0.0"
@@ -8225,7 +8704,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cytoscape-fcose@npm:^2.1.0":
+"cytoscape-fcose@npm:^2.2.0":
   version: 2.2.0
   resolution: "cytoscape-fcose@npm:2.2.0"
   dependencies:
@@ -8236,10 +8715,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cytoscape@npm:^3.23.0":
-  version: 3.30.2
-  resolution: "cytoscape@npm:3.30.2"
-  checksum: 10c0/a8b095969900600b58fff823db73d69ec3f22fc9993c10f0739d8551c1dad881d67e1f7771e33b80f72b40f717861e5fa917846ed304f0a31eb3c8aef8dd433f
+"cytoscape@npm:^3.29.3":
+  version: 3.33.1
+  resolution: "cytoscape@npm:3.33.1"
+  checksum: 10c0/dffcf5f74df4d91517c4faf394df880d8283ce76edef19edba0c762941cf4f18daf7c4c955ec50c794f476ace39ad4394f8c98483222bd2682e1fd206e976411
+  languageName: node
+  linkType: hard
+
+"d3-array@npm:1 - 2":
+  version: 2.12.1
+  resolution: "d3-array@npm:2.12.1"
+  dependencies:
+    internmap: "npm:^1.0.0"
+  checksum: 10c0/7eca10427a9f113a4ca6a0f7301127cab26043fd5e362631ef5a0edd1c4b2dd70c56ed317566700c31e4a6d88b55f3951aaba192291817f243b730cb2352882e
   languageName: node
   linkType: hard
 
@@ -8403,6 +8891,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"d3-path@npm:1":
+  version: 1.0.9
+  resolution: "d3-path@npm:1.0.9"
+  checksum: 10c0/e35e84df5abc18091f585725b8235e1fa97efc287571585427d3a3597301e6c506dea56b11dfb3c06ca5858b3eb7f02c1bf4f6a716aa9eade01c41b92d497eb5
+  languageName: node
+  linkType: hard
+
 "d3-path@npm:1 - 3, d3-path@npm:3, d3-path@npm:^3.1.0":
   version: 3.1.0
   resolution: "d3-path@npm:3.1.0"
@@ -8431,6 +8926,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"d3-sankey@npm:^0.12.3":
+  version: 0.12.3
+  resolution: "d3-sankey@npm:0.12.3"
+  dependencies:
+    d3-array: "npm:1 - 2"
+    d3-shape: "npm:^1.2.0"
+  checksum: 10c0/261debb01a13269f6fc53b9ebaef174a015d5ad646242c23995bf514498829ab8b8f920a7873724a7494288b46bea3ce7ebc5a920b745bc8ae4caa5885cf5204
+  languageName: node
+  linkType: hard
+
 "d3-scale-chromatic@npm:3":
   version: 3.1.0
   resolution: "d3-scale-chromatic@npm:3.1.0"
@@ -8470,6 +8975,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"d3-shape@npm:^1.2.0":
+  version: 1.3.7
+  resolution: "d3-shape@npm:1.3.7"
+  dependencies:
+    d3-path: "npm:1"
+  checksum: 10c0/548057ce59959815decb449f15632b08e2a1bdce208f9a37b5f98ec7629dda986c2356bc7582308405ce68aedae7d47b324df41507404df42afaf352907577ae
+  languageName: node
+  linkType: hard
+
 "d3-time-format@npm:2 - 4, d3-time-format@npm:4":
   version: 4.1.0
   resolution: "d3-time-format@npm:4.1.0"
@@ -8523,7 +9037,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"d3@npm:^7.4.0, d3@npm:^7.8.2":
+"d3@npm:^7.9.0":
   version: 7.9.0
   resolution: "d3@npm:7.9.0"
   dependencies:
@@ -8571,13 +9085,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dagre-d3-es@npm:7.0.9":
-  version: 7.0.9
-  resolution: "dagre-d3-es@npm:7.0.9"
+"dagre-d3-es@npm:7.0.11":
+  version: 7.0.11
+  resolution: "dagre-d3-es@npm:7.0.11"
   dependencies:
-    d3: "npm:^7.8.2"
+    d3: "npm:^7.9.0"
     lodash-es: "npm:^4.17.21"
-  checksum: 10c0/bf6fc6d12a7480ed4259bbf4f83d88d47080f8952d9b799f20a4703e03afe37ddcb8886a0bacdc472990d85da82ddcc90200b24c33e14c78ada77b81fc9dc739
+  checksum: 10c0/52f88bdfeca0d8554bee0c1419377585355b4ef179e5fedd3bac75f772745ecb789f6d7ea377a17566506bc8f151bc0dfe02a5175207a547975f335cd88c726c
   languageName: node
   linkType: hard
 
@@ -8651,10 +9165,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dayjs@npm:^1.11.7":
-  version: 1.11.13
-  resolution: "dayjs@npm:1.11.13"
-  checksum: 10c0/a3caf6ac8363c7dade9d1ee797848ddcf25c1ace68d9fe8678ecf8ba0675825430de5d793672ec87b24a69bf04a1544b176547b2539982275d5542a7955f35b7
+"dayjs@npm:^1.11.13":
+  version: 1.11.18
+  resolution: "dayjs@npm:1.11.18"
+  checksum: 10c0/83b67f5d977e2634edf4f5abdd91d9041a696943143638063016915d2cd8c7e57e0751e40379a07ebca8be7a48dd380bef8752d22a63670f2d15970e34f96d7a
   languageName: node
   linkType: hard
 
@@ -8688,6 +9202,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debug@npm:^4.4.0":
+  version: 4.4.1
+  resolution: "debug@npm:4.4.1"
+  dependencies:
+    ms: "npm:^2.1.3"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10c0/d2b44bc1afd912b49bb7ebb0d50a860dc93a4dd7d946e8de94abc957bb63726b7dd5aa48c18c2386c379ec024c46692e15ed3ed97d481729f929201e671fcd55
+  languageName: node
+  linkType: hard
+
 "decamelize@npm:^5.0.0":
   version: 5.0.1
   resolution: "decamelize@npm:5.0.1"
@@ -9048,10 +9574,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dompurify@npm:2.4.3":
-  version: 2.4.3
-  resolution: "dompurify@npm:2.4.3"
-  checksum: 10c0/4c93f5bc8855bbe7dcb33487c0b252a00309fbd8a6d0ec280abbc3af695b43d1bf7f526c2f323fa697314b0b3de3511c756005dddc6ed90d1a1440a3d6ff89d9
+"dompurify@npm:^3.2.5":
+  version: 3.2.6
+  resolution: "dompurify@npm:3.2.6"
+  dependencies:
+    "@types/trusted-types": "npm:^2.0.7"
+  dependenciesMeta:
+    "@types/trusted-types":
+      optional: true
+  checksum: 10c0/c8f8e5b0879a0d93c84a2e5e78649a47d0c057ed0f7850ca3d573d2cca64b84fb1ff85bd4b20980ade69c4e5b80ae73011340f1c2ff375c7ef98bb8268e1d13a
   languageName: node
   linkType: hard
 
@@ -9153,13 +9684,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"elkjs@npm:^0.8.2":
-  version: 0.8.2
-  resolution: "elkjs@npm:0.8.2"
-  checksum: 10c0/550b48a44143f6d1ac12482b301670a92ac6a685b2f6a0089ee0b66a4037b800890c507b60afd572851d3208e92ff2ed7cc30785e78acb196b422c3abfd20d6f
-  languageName: node
-  linkType: hard
-
 "emoji-regex@npm:^8.0.0":
   version: 8.0.0
   resolution: "emoji-regex@npm:8.0.0"
@@ -9174,10 +9698,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"emoji-toolkit@npm:^7.0.0":
-  version: 7.0.1
-  resolution: "emoji-toolkit@npm:7.0.1"
-  checksum: 10c0/24531e0a01f46311444770fe822d4331f1f82fbf87ef339672d86c2ff859f12b151dee6c790be4268fd6ac5f50f186fe022215b5969e6fbe6cd5df495eae9880
+"emoji-toolkit@npm:>= 8.0.0 < 10.0.0":
+  version: 9.0.1
+  resolution: "emoji-toolkit@npm:9.0.1"
+  checksum: 10c0/53a28b61f86fafc056f8cf0595b06e0162cbe6398e50f12801298e6f0e08a7633c3140f14d8f205412149bbf35e4b837936dcb63f83bd5b22e1ed60f5e7fae85
   languageName: node
   linkType: hard
 
@@ -10157,6 +10681,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"exsolve@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "exsolve@npm:1.0.7"
+  checksum: 10c0/4479369d0bd84bb7e0b4f5d9bc18d26a89b6dbbbccd73f9d383d14892ef78ddbe159e01781055342f83dc00ebe90044036daf17ddf55cc21e2cac6609aa15631
+  languageName: node
+  linkType: hard
+
 "ext@npm:^1.7.0":
   version: 1.7.0
   resolution: "ext@npm:1.7.0"
@@ -10503,6 +11034,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"font-awesome@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "font-awesome@npm:4.7.0"
+  checksum: 10c0/1c456e2939c55192eed67db9c0efb8db3e92fd357ca189ca00030eb44acffa1e9f835288d2204c14b9a9c490a7b14b7090dfaff80ded6b2473f50a923dfb41e7
+  languageName: node
+  linkType: hard
+
 "for-each@npm:^0.3.3":
   version: 0.3.3
   resolution: "for-each@npm:0.3.3"
@@ -10978,6 +11516,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globals@npm:^15.14.0":
+  version: 15.15.0
+  resolution: "globals@npm:15.15.0"
+  checksum: 10c0/f9ae80996392ca71316495a39bec88ac43ae3525a438b5626cd9d5ce9d5500d0a98a266409605f8cd7241c7acf57c354a48111ea02a767ba4f374b806d6861fe
+  languageName: node
+  linkType: hard
+
 "globalthis@npm:^1.0.3":
   version: 1.0.4
   resolution: "globalthis@npm:1.0.4"
@@ -11118,11 +11663,13 @@ __metadata:
     "@nx/angular": "npm:20.0.3"
     "@stoplight/json-ref-resolver": "npm:3.1.5"
     "@types/backbone": "npm:1.4.15"
+    "@types/bootstrap": "npm:^5"
     "@types/content-disposition": "npm:0"
     "@types/dagre": "npm:0.7.47"
     "@types/file-saver": "npm:2.0.5"
     "@types/graphlib": "npm:2.1.8"
     "@types/jasmine": "npm:4.6.4"
+    "@types/jquery": "npm:^3"
     "@types/json-schema": "npm:7.0.9"
     "@types/lodash": "npm:4.14.179"
     "@types/lodash-es": "npm:4.17.4"
@@ -11135,8 +11682,10 @@ __metadata:
     "@typescript-eslint/eslint-plugin": "npm:7.0.2"
     "@typescript-eslint/parser": "npm:7.0.2"
     ajv: "npm:8.10.0"
+    angular-markdown-editor: "npm:^3.1.1"
     babel-plugin-dynamic-import-node: "npm:2.3.3"
     backbone: "npm:1.4.1"
+    bootstrap: "npm:^5.3.8"
     concurrently: "npm:7.4.0"
     content-disposition: "npm:0.5.4"
     dagre: "npm:0.8.5"
@@ -11158,6 +11707,7 @@ __metadata:
     jasmine-core: "npm:5.4.0"
     jasmine-spec-reporter: "npm:7.0.0"
     jointjs: "npm:3.5.4"
+    jquery: "npm:^3.7.1"
     js-abbreviation-number: "npm:1.4.0"
     jszip: "npm:3.10.1"
     karma: "npm:6.4.4"
@@ -11175,7 +11725,7 @@ __metadata:
     ngx-file-drop: "npm:16.0.0"
     ngx-image-viewer: "npm:1.0.13"
     ngx-json-viewer: "npm:3.2.1"
-    ngx-markdown: "npm:16.0.0"
+    ngx-markdown: "npm:^20.1.0"
     nodecat: "npm:2.0.0"
     nx: "npm:20.0.3"
     nz-tslint-rules: "npm:0.901.2"
@@ -11221,6 +11771,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hachure-fill@npm:^0.5.2":
+  version: 0.5.2
+  resolution: "hachure-fill@npm:0.5.2"
+  checksum: 10c0/307e3b6f9f2d3c11a82099c3f71eecbb9c440c00c1f896ac1732c23e6dbff16a92bb893d222b8b721b89cf11e58649ca60b4c24e5663f705f877cefd40153429
+  languageName: node
+  linkType: hard
+
 "handle-thing@npm:^2.0.0":
   version: 2.0.1
   resolution: "handle-thing@npm:2.0.1"
@@ -11833,6 +12390,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"internmap@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "internmap@npm:1.0.1"
+  checksum: 10c0/60942be815ca19da643b6d4f23bd0bf4e8c97abbd080fb963fe67583b60bdfb3530448ad4486bae40810e92317bded9995cc31411218acc750d72cd4e8646eee
+  languageName: node
+  linkType: hard
+
 "ip-address@npm:^9.0.5":
   version: 9.0.5
   resolution: "ip-address@npm:9.0.5"
@@ -12404,6 +12968,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jquery@npm:^3.7.0, jquery@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "jquery@npm:3.7.1"
+  checksum: 10c0/808cfbfb758438560224bf26e17fcd5afc7419170230c810dd11f5c1792e2263e2970cca8d659eb84fcd9acc301edb6d310096e450277d54be4f57071b0c82d9
+  languageName: node
+  linkType: hard
+
 "jquery@npm:~3.6.0":
   version: 3.6.4
   resolution: "jquery@npm:3.6.4"
@@ -12721,6 +13292,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"katex@npm:^0.16.22":
+  version: 0.16.22
+  resolution: "katex@npm:0.16.22"
+  dependencies:
+    commander: "npm:^8.3.0"
+  bin:
+    katex: cli.js
+  checksum: 10c0/07b8b1f07ae53171b5f1ea0cf6f18841d2055825c8b11cd81cfe039afcd3af2cfc84ad033531ee3875088329105195b039c267e0dd4b0c237807e3c3b2009913
+  languageName: node
+  linkType: hard
+
 "keygrip@npm:~1.1.0":
   version: 1.1.0
   resolution: "keygrip@npm:1.1.0"
@@ -12739,7 +13321,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"khroma@npm:^2.0.0":
+"khroma@npm:^2.1.0":
   version: 2.1.0
   resolution: "khroma@npm:2.1.0"
   checksum: 10c0/634d98753ff5d2540491cafeb708fc98de0d43f4e6795256d5c8f6e3ad77de93049ea41433928fda3697adf7bbe6fe27351858f6d23b78f8b5775ef314c59891
@@ -12815,6 +13397,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"kolorist@npm:^1.8.0":
+  version: 1.8.0
+  resolution: "kolorist@npm:1.8.0"
+  checksum: 10c0/73075db44a692bf6c34a649f3b4b3aea4993b84f6b754cbf7a8577e7c7db44c0bad87752bd23b0ce533f49de2244ce2ce03b7b1b667a85ae170a94782cc50f9b
+  languageName: node
+  linkType: hard
+
+"langium@npm:3.3.1":
+  version: 3.3.1
+  resolution: "langium@npm:3.3.1"
+  dependencies:
+    chevrotain: "npm:~11.0.3"
+    chevrotain-allstar: "npm:~0.3.0"
+    vscode-languageserver: "npm:~9.0.1"
+    vscode-languageserver-textdocument: "npm:~1.0.11"
+    vscode-uri: "npm:~3.0.8"
+  checksum: 10c0/0c54803068addb0f7c16a57fdb2db2e5d4d9a21259d477c3c7d0587c2c2f65a313f9eeef3c95ac1c2e41cd11d4f2eaf620d2c03fe839a3350ffee59d2b4c7647
+  languageName: node
+  linkType: hard
+
 "launch-editor@npm:^2.6.0, launch-editor@npm:^2.6.1":
   version: 2.9.1
   resolution: "launch-editor@npm:2.9.1"
@@ -13095,6 +13697,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"local-pkg@npm:^1.0.0":
+  version: 1.1.2
+  resolution: "local-pkg@npm:1.1.2"
+  dependencies:
+    mlly: "npm:^1.7.4"
+    pkg-types: "npm:^2.3.0"
+    quansync: "npm:^0.2.11"
+  checksum: 10c0/1bcfcc5528dea95cba3caa478126a348d3985aad9f69ecf7802c13efef90897e1c5ff7851974332c5e6d4a4698efe610fef758a068c8bc3feb5322aeb35d5993
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -13412,6 +14025,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"marked@npm:^16.0.0":
+  version: 16.2.1
+  resolution: "marked@npm:16.2.1"
+  bin:
+    marked: bin/marked.js
+  checksum: 10c0/0f4a259c8a7884a14830f06b4b44c0e5fab27924102f2713606e0627c8473d130ab9070900a40c18b0e8d39ba2f31194ce6931999ba4c7bd3b6240f6cfe9cbb3
+  languageName: node
+  linkType: hard
+
 "mdn-data@npm:2.0.28":
   version: 2.0.28
   resolution: "mdn-data@npm:2.0.28"
@@ -13475,27 +14097,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mermaid@npm:^9.1.2":
-  version: 9.4.3
-  resolution: "mermaid@npm:9.4.3"
+"mermaid@npm:>= 10.6.0 < 12.0.0":
+  version: 11.10.1
+  resolution: "mermaid@npm:11.10.1"
   dependencies:
-    "@braintree/sanitize-url": "npm:^6.0.0"
-    cytoscape: "npm:^3.23.0"
+    "@braintree/sanitize-url": "npm:^7.0.4"
+    "@iconify/utils": "npm:^2.1.33"
+    "@mermaid-js/parser": "npm:^0.6.2"
+    "@types/d3": "npm:^7.4.3"
+    cytoscape: "npm:^3.29.3"
     cytoscape-cose-bilkent: "npm:^4.1.0"
-    cytoscape-fcose: "npm:^2.1.0"
-    d3: "npm:^7.4.0"
-    dagre-d3-es: "npm:7.0.9"
-    dayjs: "npm:^1.11.7"
-    dompurify: "npm:2.4.3"
-    elkjs: "npm:^0.8.2"
-    khroma: "npm:^2.0.0"
+    cytoscape-fcose: "npm:^2.2.0"
+    d3: "npm:^7.9.0"
+    d3-sankey: "npm:^0.12.3"
+    dagre-d3-es: "npm:7.0.11"
+    dayjs: "npm:^1.11.13"
+    dompurify: "npm:^3.2.5"
+    katex: "npm:^0.16.22"
+    khroma: "npm:^2.1.0"
     lodash-es: "npm:^4.17.21"
-    non-layered-tidy-tree-layout: "npm:^2.0.2"
-    stylis: "npm:^4.1.2"
+    marked: "npm:^16.0.0"
+    roughjs: "npm:^4.6.6"
+    stylis: "npm:^4.3.6"
     ts-dedent: "npm:^2.2.0"
-    uuid: "npm:^9.0.0"
-    web-worker: "npm:^1.2.0"
-  checksum: 10c0/e7edb10203b767e91635e70c0701d49a6464fad509c6975d2d56ef1bdc223f4340e06acafa2c34f65d8a84408ff466800ee652e3c21206c540112b076b3b1b62
+    uuid: "npm:^11.1.0"
+  checksum: 10c0/f20820a3b2b2a79b7ab61b6b31b833c6f2d57e047d8051dbd71db645ee6fda6b86ef2e042e04dc372d1af5ba4cd97c91493b2c1b1702713fa2bae40ddaff9b26
   languageName: node
   linkType: hard
 
@@ -13783,6 +14409,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mlly@npm:^1.7.4":
+  version: 1.8.0
+  resolution: "mlly@npm:1.8.0"
+  dependencies:
+    acorn: "npm:^8.15.0"
+    pathe: "npm:^2.0.3"
+    pkg-types: "npm:^1.3.1"
+    ufo: "npm:^1.6.1"
+  checksum: 10c0/f174b844ae066c71e9b128046677868e2e28694f0bbeeffbe760b2a9d8ff24de0748d0fde6fabe706700c1d2e11d3c0d7a53071b5ea99671592fac03364604ab
+  languageName: node
+  linkType: hard
+
 "mobx@npm:~4.14.1":
   version: 4.14.1
   resolution: "mobx@npm:4.14.1"
@@ -14062,24 +14700,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ngx-markdown@npm:16.0.0":
-  version: 16.0.0
-  resolution: "ngx-markdown@npm:16.0.0"
+"ngx-markdown@npm:^20.1.0":
+  version: 20.1.0
+  resolution: "ngx-markdown@npm:20.1.0"
   dependencies:
     clipboard: "npm:^2.0.11"
-    emoji-toolkit: "npm:^7.0.0"
+    emoji-toolkit: "npm:>= 8.0.0 < 10.0.0"
     katex: "npm:^0.16.0"
-    mermaid: "npm:^9.1.2"
-    prismjs: "npm:^1.28.0"
+    mermaid: "npm:>= 10.6.0 < 12.0.0"
+    prismjs: "npm:^1.30.0"
     tslib: "npm:^2.3.0"
   peerDependencies:
-    "@angular/common": ^16.0.0
-    "@angular/core": ^16.0.0
-    "@angular/platform-browser": ^16.0.0
-    "@types/marked": ^4.3.0
-    marked: ^4.3.0
+    "@angular/common": ^20.0.0
+    "@angular/core": ^20.0.0
+    "@angular/platform-browser": ^20.0.0
+    marked: ^15.0.0 || ^16.0.0
     rxjs: ^6.5.3 || ^7.4.0
-    zone.js: ~0.13.0
+    zone.js: ~0.15.0
   dependenciesMeta:
     clipboard:
       optional: true
@@ -14091,7 +14728,7 @@ __metadata:
       optional: true
     prismjs:
       optional: true
-  checksum: 10c0/d75a4905c60aaf572ce17df08d7eb9938afd3c66d74a638e40a6330e42a3782cece14d27eef79bc9daeea31b82c6709559e9ad3991970e41f489195229d2c683
+  checksum: 10c0/ded26b8e34d81aff52d5d0aad3b064431b3ee13980fb6c4ff66afb97bdbfa0fc2bd24254372d1989b8bac6bcc46485ba60a1c0bbf9a0bfe4b156df440d98fce5
   languageName: node
   linkType: hard
 
@@ -14235,13 +14872,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"non-layered-tidy-tree-layout@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "non-layered-tidy-tree-layout@npm:2.0.2"
-  checksum: 10c0/73856e9959667193e733a7ef2b06a69421f4d9d7428a3982ce39763cd979a04eed0007f2afb3414afa3f6dc4dc6b5c850c2af9aa71a974475236a465093ec9c7
-  languageName: node
-  linkType: hard
-
 "nopt@npm:^6.0.0":
   version: 6.0.0
   resolution: "nopt@npm:6.0.0"
@@ -14939,6 +15569,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"package-manager-detector@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "package-manager-detector@npm:1.3.0"
+  checksum: 10c0/b4b54a81a3230edd66564a59ff6a2233086961e36ba91a28a0f6d6932a8dec36618ace50e8efec9c4d8c6aa9828e98814557a39fb6b106c161434ccb44a80e1c
+  languageName: node
+  linkType: hard
+
 "pacote@npm:15.2.0":
   version: 15.2.0
   resolution: "pacote@npm:15.2.0"
@@ -15080,6 +15717,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-data-parser@npm:0.1.0, path-data-parser@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "path-data-parser@npm:0.1.0"
+  checksum: 10c0/ba22d54669a8bc4a3df27431fe667900685585d1196085b803d0aa4066b83e709bbf2be7c1d2b56e706b49cc698231d55947c22abbfc4843ca424bbf8c985745
+  languageName: node
+  linkType: hard
+
 "path-exists@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-exists@npm:4.0.0"
@@ -15139,6 +15783,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pathe@npm:^2.0.1, pathe@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "pathe@npm:2.0.3"
+  checksum: 10c0/c118dc5a8b5c4166011b2b70608762e260085180bb9e33e80a50dcdb1e78c010b1624f4280c492c92b05fc276715a4c357d1f9edc570f8f1b3d90b6839ebaca1
+  languageName: node
+  linkType: hard
+
 "pdfjs-dist@npm:~2.14.305":
   version: 2.14.305
   resolution: "pdfjs-dist@npm:2.14.305"
@@ -15227,6 +15878,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pkg-types@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "pkg-types@npm:1.3.1"
+  dependencies:
+    confbox: "npm:^0.1.8"
+    mlly: "npm:^1.7.4"
+    pathe: "npm:^2.0.1"
+  checksum: 10c0/19e6cb8b66dcc66c89f2344aecfa47f2431c988cfa3366bdfdcfb1dd6695f87dcce37fbd90fe9d1605e2f4440b77f391e83c23255347c35cf84e7fd774d7fcea
+  languageName: node
+  linkType: hard
+
+"pkg-types@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "pkg-types@npm:2.3.0"
+  dependencies:
+    confbox: "npm:^0.2.2"
+    exsolve: "npm:^1.0.7"
+    pathe: "npm:^2.0.3"
+  checksum: 10c0/d2bbddc5b81bd4741e1529c08ef4c5f1542bbdcf63498b73b8e1d84cff71806d1b8b1577800549bb569cb7aa20056257677b979bff48c97967cba7e64f72ae12
+  languageName: node
+  linkType: hard
+
 "plotly.js-basic-dist-min@npm:2.29.0":
   version: 2.29.0
   resolution: "plotly.js-basic-dist-min@npm:2.29.0"
@@ -15234,6 +15907,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"points-on-curve@npm:0.2.0, points-on-curve@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "points-on-curve@npm:0.2.0"
+  checksum: 10c0/f0d92343fcc2ad1f48334633e580574c1e0e28038a756133e171e537f270d6d64203feada5ee556e36f448a1b46e0306dee07b30f589f4e3ad720f6ee38ef48c
+  languageName: node
+  linkType: hard
+
+"points-on-path@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "points-on-path@npm:0.2.1"
+  dependencies:
+    path-data-parser: "npm:0.1.0"
+    points-on-curve: "npm:0.2.0"
+  checksum: 10c0/a7010340f9f196976f61838e767bb7b0b7f6273ab4fb9eb37c61001fe26fbfc3fcd63c96d5e85b9a4ab579213ab366f2ddaaf60e2a9253e2b91a62db33f395ba
+  languageName: node
+  linkType: hard
+
 "popper.js@npm:1.16.1":
   version: 1.16.1
   resolution: "popper.js@npm:1.16.1"
@@ -15772,10 +16462,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prismjs@npm:^1.28.0":
-  version: 1.29.0
-  resolution: "prismjs@npm:1.29.0"
-  checksum: 10c0/d906c4c4d01b446db549b4f57f72d5d7e6ccaca04ecc670fb85cea4d4b1acc1283e945a9cbc3d81819084a699b382f970e02f9d1378e14af9808d366d9ed7ec6
+"prismjs@npm:^1.30.0":
+  version: 1.30.0
+  resolution: "prismjs@npm:1.30.0"
+  checksum: 10c0/f56205bfd58ef71ccfcbcb691fd0eb84adc96c6ff21b0b69fc6fdcf02be42d6ef972ba4aed60466310de3d67733f6a746f89f2fb79c00bf217406d465b3e8f23
   languageName: node
   linkType: hard
 
@@ -15888,6 +16578,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"quansync@npm:^0.2.11":
+  version: 0.2.11
+  resolution: "quansync@npm:0.2.11"
+  checksum: 10c0/cb9a1f8ebce074069f2f6a78578873ffedd9de9f6aa212039b44c0870955c04a71c3b1311b5d97f8ac2f2ec476de202d0a5c01160cb12bc0a11b7ef36d22ef56
+  languageName: node
+  linkType: hard
+
 "querystringify@npm:^2.1.1":
   version: 2.2.0
   resolution: "querystringify@npm:2.2.0"
@@ -16387,6 +17084,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"roughjs@npm:^4.6.6":
+  version: 4.6.6
+  resolution: "roughjs@npm:4.6.6"
+  dependencies:
+    hachure-fill: "npm:^0.5.2"
+    path-data-parser: "npm:^0.1.0"
+    points-on-curve: "npm:^0.2.0"
+    points-on-path: "npm:^0.2.1"
+  checksum: 10c0/68c11bf4516aa014cef2fe52426a9bab237c2f500d13e1a4f13b523cb5723667bf2d92b9619325efdc5bc2a193588ff5af8d51683df17cfb8720e96fe2b92b0c
+  languageName: node
+  linkType: hard
+
 "run-applescript@npm:^7.0.0":
   version: 7.0.0
   resolution: "run-applescript@npm:7.0.0"
@@ -17396,10 +18105,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylis@npm:^4.1.2":
-  version: 4.3.4
-  resolution: "stylis@npm:4.3.4"
-  checksum: 10c0/4899c2674cd2538e314257abd1ba7ea3c2176439659ddac6593c78192cfd4a06f814a0a4fc69bc7f8fcc6b997e13d383dd9b578b71074746a0fb86045a83e42d
+"stylis@npm:^4.3.6":
+  version: 4.3.6
+  resolution: "stylis@npm:4.3.6"
+  checksum: 10c0/e736d484983a34f7c65d362c67dc79b7bce388054b261c2b7b23d02eaaf280617033f65d44b1ea341854f4331a5074b885668ac8741f98c13a6cfd6443ae85d0
   languageName: node
   linkType: hard
 
@@ -17654,6 +18363,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tinyexec@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "tinyexec@npm:1.0.1"
+  checksum: 10c0/e1ec3c8194a0427ce001ba69fd933d0c957e2b8994808189ed8020d3e0c01299aea8ecf0083cc514ecbf90754695895f2b5c0eac07eb2d0c406f7d4fbb8feade
+  languageName: node
+  linkType: hard
+
 "tinyqueue@npm:2.0.3":
   version: 2.0.3
   resolution: "tinyqueue@npm:2.0.3"
@@ -18215,6 +18931,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ufo@npm:^1.6.1":
+  version: 1.6.1
+  resolution: "ufo@npm:1.6.1"
+  checksum: 10c0/5a9f041e5945fba7c189d5410508cbcbefef80b253ed29aa2e1f8a2b86f4bd51af44ee18d4485e6d3468c92be9bf4a42e3a2b72dcaf27ce39ce947ec994f1e6b
+  languageName: node
+  linkType: hard
+
 "unbox-primitive@npm:^1.0.2":
   version: 1.0.2
   resolution: "unbox-primitive@npm:1.0.2"
@@ -18456,12 +19179,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uuid@npm:^9.0.0":
-  version: 9.0.1
-  resolution: "uuid@npm:9.0.1"
+"uuid@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "uuid@npm:11.1.0"
   bin:
-    uuid: dist/bin/uuid
-  checksum: 10c0/1607dd32ac7fc22f2d8f77051e6a64845c9bce5cd3dd8aa0070c074ec73e666a1f63c7b4e0f4bf2bc8b9d59dc85a15e17807446d9d2b17c8485fbc2147b27f9b
+    uuid: dist/esm/bin/uuid
+  checksum: 10c0/34aa51b9874ae398c2b799c88a127701408cd581ee89ec3baa53509dd8728cbb25826f2a038f9465f8b7be446f0fbf11558862965b18d21c993684297628d4d3
   languageName: node
   linkType: hard
 
@@ -18641,6 +19364,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vscode-languageserver-textdocument@npm:~1.0.11":
+  version: 1.0.12
+  resolution: "vscode-languageserver-textdocument@npm:1.0.12"
+  checksum: 10c0/534349894b059602c4d97615a1147b6c4c031141c2093e59657f54e38570f5989c21b376836f13b9375419869242e9efb4066643208b21ab1e1dee111a0f00fb
+  languageName: node
+  linkType: hard
+
 "vscode-languageserver-types@npm:3.17.5":
   version: 3.17.5
   resolution: "vscode-languageserver-types@npm:3.17.5"
@@ -18648,6 +19378,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vscode-languageserver@npm:~9.0.1":
+  version: 9.0.1
+  resolution: "vscode-languageserver@npm:9.0.1"
+  dependencies:
+    vscode-languageserver-protocol: "npm:3.17.5"
+  bin:
+    installServerIntoExtension: bin/installServerIntoExtension
+  checksum: 10c0/8a0838d77c98a211c76e54bd3a6249fc877e4e1a73322673fb0e921168d8e91de4f170f1d4ff7e8b6289d0698207afc6aba6662d4c1cd8e4bd7cae96afd6b0c2
+  languageName: node
+  linkType: hard
+
 "vscode-oniguruma@npm:1.7.0":
   version: 1.7.0
   resolution: "vscode-oniguruma@npm:1.7.0"
@@ -18662,6 +19403,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vscode-uri@npm:~3.0.8":
+  version: 3.0.8
+  resolution: "vscode-uri@npm:3.0.8"
+  checksum: 10c0/f7f217f526bf109589969fe6e66b71e70b937de1385a1d7bb577ca3ee7c5e820d3856a86e9ff2fa9b7a0bc56a3dd8c3a9a557d3fedd7df414bc618d5e6b567f9
+  languageName: node
+  linkType: hard
+
 "vscode-ws-jsonrpc@npm:3.3.2, vscode-ws-jsonrpc@npm:~3.3.2":
   version: 3.3.2
   resolution: "vscode-ws-jsonrpc@npm:3.3.2"
@@ -18758,13 +19506,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web-worker@npm:^1.2.0":
-  version: 1.3.0
-  resolution: "web-worker@npm:1.3.0"
-  checksum: 10c0/bca341b421f07c2d33aa205d463e6a2d3d376fb0628a01052dc343fd88a1d688df58d1c7fe36f631d0d860bbd3060f5014cca67d6f8781634b6c2fae25d1fc70
-  languageName: node
-  linkType: hard
-
 "webidl-conversions@npm:^5.0.0":
   version: 5.0.0
   resolution: "webidl-conversions@npm:5.0.0"

From b7554b5cfdfb3141345701bb6f354e441905707e Mon Sep 17 00:00:00 2001
From: Colin Harrison <colinmh2@uci.edu>
Date: Thu, 4 Sep 2025 16:33:02 -0700
Subject: [PATCH 2/2] rename shared to markdown

---
 core/gui/src/app/app.module.ts                              | 2 +-
 .../component/user/list-item/list-item.component.html       | 4 ++--
 .../component/user/list-item/list-item.component.ts         | 6 +++---
 .../markdown-description.component.html                     | 4 ++--
 .../markdown-description.component.scss                     | 2 +-
 .../markdown-description/markdown-description.component.ts  | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)
 rename core/gui/src/app/dashboard/component/user/{shared => }/markdown-description/markdown-description.component.html (94%)
 rename core/gui/src/app/dashboard/component/user/{shared => }/markdown-description/markdown-description.component.scss (99%)
 rename core/gui/src/app/dashboard/component/user/{shared => }/markdown-description/markdown-description.component.ts (97%)

diff --git a/core/gui/src/app/app.module.ts b/core/gui/src/app/app.module.ts
index 2ae9f6d5fad..d974381a8e6 100644
--- a/core/gui/src/app/app.module.ts
+++ b/core/gui/src/app/app.module.ts
@@ -172,7 +172,7 @@ import { AdminSettingsComponent } from "./dashboard/component/admin/settings/adm
 import { catchError, of } from "rxjs";
 import { FormlyRepeatDndComponent } from "./common/formly/repeat-dnd/repeat-dnd.component";
 import { NzInputNumberModule } from "ng-zorro-antd/input-number";
-import { MarkdownDescriptionComponent } from "./dashboard/component/user/shared/markdown-description/markdown-description.component";
+import { MarkdownDescriptionComponent } from "./dashboard/component/user/markdown-description/markdown-description.component";
 import { AngularMarkdownEditorModule } from "angular-markdown-editor";
 
 registerLocaleData(en);
diff --git a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html
index 30e70bff1a4..480daef6849 100644
--- a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html
+++ b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.html
@@ -257,7 +257,7 @@
        [class.description-hoverable]="!editingDescription"
        (mouseenter)="hovering = true; $event.stopPropagation()"
        (mouseleave)="hovering = false; $event.stopPropagation()">
-    <texera-shared-description
+    <texera-markdown-description
       [description]="entry.description || ''"
       [entityName]="entry.name"
       [entityType]="entry.type"
@@ -265,6 +265,6 @@
       (descriptionChange)="confirmUpdateCustomDescription($event)"
       (editingStateChange)="onDescriptionEditingStateChange($event)"
       (closeDescription)="toggleDescription()">
-    </texera-shared-description>
+    </texera-markdown-description>
   </div>
 </nz-card>
diff --git a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts
index 3107105500e..314ddd9ec97 100644
--- a/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts
+++ b/core/gui/src/app/dashboard/component/user/list-item/list-item.component.ts
@@ -78,7 +78,7 @@ export class ListItemComponent implements OnChanges {
   @Input() editable = false;
   private _entry?: DashboardEntry;
   hovering: boolean = false;
-  @ViewChild('sharedDescriptionComponent') sharedDescriptionComponent!: any;
+  @ViewChild('markdownDescriptionComponent') markdownDescriptionComponent!: any;
   public showDescription: boolean = false;
 
   @Input()
@@ -215,8 +215,8 @@ export class ListItemComponent implements OnChanges {
     if (this.showDescription) {
       // Force the component to start in preview mode, not edit mode
       setTimeout(() => {
-        if (this.sharedDescriptionComponent) {
-          this.sharedDescriptionComponent.togglePreview()
+        if (this.markdownDescriptionComponent) {
+          this.markdownDescriptionComponent.togglePreview()
         }
       }, 50);
     }
diff --git a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html b/core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.html
similarity index 94%
rename from core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html
rename to core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.html
index 89605dafcfc..dbb80b77320 100644
--- a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.html
+++ b/core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.html
@@ -16,7 +16,7 @@
   ~ limitations under the License.
   -->
 
-<div class="shared-description-container" [ngClass]="{'inline-mode': showInline, 'block-mode': !showInline}">
+<div class="markdown-description-container" [ngClass]="{'inline-mode': showInline, 'block-mode': !showInline}">
 
   <div *ngIf="loading" class="loading-spinner">
     <nz-spin nzSize="small"></nz-spin>
@@ -64,7 +64,7 @@ <h4>{{entityName}} Description</h4>
       <ng-container *ngIf="!isPreviewMode">
         <div class="markdown-editor-wrapper">
           <angular-markdown-editor
-            textareaId="sharedDescriptionEditor"
+            textareaId="markdownDescriptionEditor"
             [options]="editorOptions"
             name="editingContent"
             [(ngModel)]="editingContent"
diff --git a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss b/core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.scss
similarity index 99%
rename from core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss
rename to core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.scss
index 94df80a6b27..3fafaa10deb 100644
--- a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.scss
+++ b/core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.scss
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-.shared-description-container {
+.markdown-description-container {
   width: 100%;
 
   .loading-spinner {
diff --git a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts b/core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.ts
similarity index 97%
rename from core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts
rename to core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.ts
index 7569798ba81..5fc3cb56e7f 100644
--- a/core/gui/src/app/dashboard/component/user/shared/markdown-description/markdown-description.component.ts
+++ b/core/gui/src/app/dashboard/component/user/markdown-description/markdown-description.component.ts
@@ -12,11 +12,11 @@ import {
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { EditorInstance, EditorOption } from "angular-markdown-editor";
 import { MarkdownService } from "ngx-markdown";
-import { NotificationService } from "../../../../../common/service/notification/notification.service";
+import { NotificationService } from "../../../../common/service/notification/notification.service";
 
 @UntilDestroy()
 @Component({
-  selector: "texera-shared-description",
+  selector: "texera-markdown-description",
   templateUrl: "./markdown-description.component.html",
   styleUrls: ["./markdown-description.component.scss"],
   encapsulation: ViewEncapsulation.None,