UI for Pandoc integration (#393)

Co-authored-by: Thorsten Sommer

app/MindWork AI Studio/wwwroot/app.css

@@ -109,4 +109,35 @@
 /* Fixed the slider part of MudSplitter inside context div for inner scrolling component */
 .inner-scrolling-context > .mud-splitter > .mud-slider > .mud-slider-container {
     padding-bottom: 12px;
+}
+
+.code-block {
+    background-color: #2d2d2d;
+    color: #f8f8f2;
+    border-radius: 6px !important;
+    overflow: auto !important;
+    font-family: Consolas, "Courier New", monospace  !important;
+    text-align: left !important;
+}
+
+.code-block pre {
+    margin: 0 !important;
+}
+
+.code-block code {
+    font-family: inherit !important;
+}
+
+.inline-code-block {
+    background-color: #2d2d2d;
+    color: #f8f8f2;
+    border-radius: 6px;
+    font-family: Consolas, "Courier New", monospace;
+    text-align: left;
+    padding: 4px 6px;
+    margin: 0 2px;
+}
+
+.no-elevation {
+    box-shadow: none !important;
 }

app/MindWork AI Studio/wwwroot/app.js

@@ -25,4 +25,14 @@ window.clearDiv = function (divName) {
 
 window.scrollToBottom = function(element) {
     element.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
+}
+
+window.triggerDownload = function(url, filename) {
+    const a = document.createElement('a');
+    a.href = url;
+    a.setAttribute('download', filename);
+    a.style.display = 'none';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
 }