From 498f91d7fe34c5db1d410bef31a809b1f94558c8 Mon Sep 17 00:00:00 2001
From: Red Adaya <red.adaya@gmail.com>
Date: Mon, 29 Apr 2024 15:19:43 +0800
Subject: [PATCH] remove username in chat items

---
 src/app/sidebar/aichat.less |  3 ++-
 src/app/sidebar/aichat.tsx  | 14 +++++---------
 src/app/sidebar/right.less  |  1 -
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/app/sidebar/aichat.less b/src/app/sidebar/aichat.less
index 048ce0c1..a5e707e2 100644
--- a/src/app/sidebar/aichat.less
+++ b/src/app/sidebar/aichat.less
@@ -24,7 +24,7 @@
         }
     }
 
-    .content {
+    > .content {
         flex-flow: column nowrap;
         flex: 1;
         padding: 0 15px;
@@ -46,6 +46,7 @@
         .chat-msg {
             margin-top: calc(var(--termpad) * 2);
             margin-bottom: calc(var(--termpad) * 2);
+            display: flex;
 
             .chat-msg-header {
                 display: flex;
diff --git a/src/app/sidebar/aichat.tsx b/src/app/sidebar/aichat.tsx
index 3686aed9..98944934 100644
--- a/src/app/sidebar/aichat.tsx
+++ b/src/app/sidebar/aichat.tsx
@@ -200,26 +200,24 @@ class AIChat extends React.Component<{}, {}> {
         const senderClassName = chatItem.isassistantresponse ? "chat-msg-assistant" : "chat-msg-user";
         const msgClassName = "chat-msg " + senderClassName;
         let innerHTML: React.JSX.Element = (
-            <div className="chat-item">
+            <>
                 <div className="chat-msg-header">
                     <i className="fa-sharp fa-solid fa-user"></i>
-                    <div className="chat-username">You</div>
                 </div>
                 <div className="msg-text">{chatItem.userquery}</div>
-            </div>
+            </>
         );
         if (chatItem.isassistantresponse) {
             if (chatItem.assistantresponse.error != null && chatItem.assistantresponse.error != "") {
                 innerHTML = this.renderError(chatItem.assistantresponse.error);
             } else {
                 innerHTML = (
-                    <span>
+                    <>
                         <div className="chat-msg-header">
                             <i className="fa-sharp fa-solid fa-sparkles"></i>
-                            <div className="chat-username">AI Assistant</div>
                         </div>
                         <Markdown text={chatItem.assistantresponse.message} codeSelect />
-                    </span>
+                    </>
                 );
             }
         }
@@ -237,9 +235,7 @@ class AIChat extends React.Component<{}, {}> {
         const renderKeybindings = GlobalModel.inputModel.shouldRenderAuxViewKeybindings(appconst.InputAuxView_AIChat);
         return (
             <div className="sidebar-aichat">
-                <If condition={renderKeybindings}>
-                    <AIChatKeybindings AIChatObject={this}></AIChatKeybindings>
-                </If>
+                <AIChatKeybindings AIChatObject={this}></AIChatKeybindings>
                 <div className="titlebar">
                     <div className="title-string">Wave AI</div>
                 </div>
diff --git a/src/app/sidebar/right.less b/src/app/sidebar/right.less
index f9287338..0feb8b77 100644
--- a/src/app/sidebar/right.less
+++ b/src/app/sidebar/right.less
@@ -33,7 +33,6 @@
             flex-direction: row;
             padding: 5px 10px;
             gap: 5px;
-            border-bottom: 1px solid var(--app-border-color);
 
             .icon-container {
                 padding: 2px;