p59f

public/assets/js/base.js

@@ -264,6 +264,13 @@ document.addEventListener('DOMContentLoaded', () => {
         const msg = document.createElement('div');
         msg.className = 'message ' + role;
 
+        if (role === "user") {
+            const svg = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-fill" viewBox="0 0 16 16">\n' +
+                '  <path d="M14 0a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/>\n' +
+                '</svg>';
+            html = svg + ' ' + html;
+        }
+
         const bubble = document.createElement('div');
         bubble.className = 'bubble ' + extra;
         bubble.innerHTML = html;

public/assets/styles/base.css

@@ -75,6 +75,9 @@ input, textarea, select {
     align-items: center;
     gap: 0.75rem;
     margin-bottom: 1rem;
+    border-bottom: 1px solid #324154;
+    padding-bottom: 1rem;
+    border-radius: 6px;
 }
 
 .header .spacer {
@@ -86,10 +89,9 @@ input, textarea, select {
     overflow-y: auto;
     padding-right: 1rem;
     padding-bottom: 1rem;
-    /* background: #121a25;
-   border: 1px solid var(--border);*/
     border-radius: 6px 6px 0 0;
-    /*box-shadow: 0px 0px 20px #ffffff26;*/
+    scrollbar-width: thin;
+    scrollbar-color: #324054 transparent;
 }
 
 .message {
@@ -495,6 +497,7 @@ span.think {
     font-size: 0.84rem;
     border-radius: 6px;
     background-color: transparent !important;
+    border-top: 1px solid #324154;
 }
 
 .retriex-option-toggle {