feat: chat

ui/src/components/ai-chat/component/chat-input-operate/index.vue

@@ -156,7 +156,7 @@
           </el-space>
         </div>
       </el-scrollbar>
-      <div class="flex" :style="{ alignItems: isMicrophone ? 'center' : 'end' }">
+
       <TouchChat
         v-if="isMicrophone"
         @TouchStart="startRecording"
@@ -184,7 +184,20 @@
         @drop="handleDrop"
       />
 
-        <div class="operate flex align-center">
+      <div class="operate flex-between">
+        <div>
+          <!-- <el-button
+          v-if="isUserInput || isAPIInput"
+          class="user-input-button mb-8"
+          type="primary"
+          text
+          @click="toggleUserInput"
+        >
+          <AppIcon iconName="app-user-input"></AppIcon>
+        </el-button> -->
+        </div>
+
+        <div>
           <template v-if="props.applicationDetails.stt_model_enable">
             <span v-if="mode === 'mobile'">
               <el-button text @click="switchMicrophone(!isMicrophone)">
@@ -277,6 +290,7 @@
         </div>
       </div>
     </div>
+
     <div class="text-center" v-if="applicationDetails.disclaimer" style="margin-top: 8px">
       <el-text type="info" v-if="applicationDetails.disclaimer" style="font-size: 12px">
         <auto-tooltip :content="applicationDetails.disclaimer_value">

ui/src/components/ai-chat/index.vue

@@ -74,21 +74,9 @@
         v-if="type !== 'log'"
       >
         <template #operateBefore>
-          <div class="flex-between">
           <slot name="operateBefore">
             <span></span>
           </slot>
-
-            <el-button
-              v-if="isUserInput || isAPIInput"
-              class="user-input-button mb-8"
-              type="primary"
-              text
-              @click="toggleUserInput"
-            >
-              <AppIcon iconName="app-user-input"></AppIcon>
-            </el-button>
-          </div>
         </template>
       </ChatInputOperate>
 

ui/src/views/chat/pc/index.vue

@@ -26,9 +26,7 @@
             <h4>{{ applicationDetail?.name }}</h4>
           </div>
           <el-button class="add-button w-full primary" @click="newChat">
-            <el-icon>
-              <Plus />
-            </el-icon>
+            <AppIcon iconName="app-create-chat"></AppIcon>
             <span class="ml-4">{{ $t('chat.createChat') }}</span>
           </el-button>
           <p class="mt-20 mb-8">{{ $t('chat.history') }}</p>
@@ -420,7 +418,7 @@ onMounted(() => {
     }
 
     .left-height {
-      height: calc(100vh - var(--app-header-height) - 85px);
+      height: calc(100vh - 140px);
     }
   }
 
@@ -431,7 +429,7 @@ onMounted(() => {
     box-sizing: border-box;
 
     .right-height {
-      height: calc(100vh - var(--app-header-height) * 2 - 24px);
+      height: calc(100vh - 85px);
     }
   }
 
@@ -489,7 +487,7 @@ onMounted(() => {
         position: fixed;
         width: 100%;
         z-index: 99;
-        height: calc(100vh - var(--app-header-height) + 6px);
+        height: calc(100vh);
       }
     }
     .collapse {