feat: chat

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

@@ -156,35 +156,48 @@
           </el-space>
         </div>
       </el-scrollbar>
-      <div class="flex" :style="{ alignItems: isMicrophone ? 'center' : 'end' }">
-        <TouchChat
-          v-if="isMicrophone"
-          @TouchStart="startRecording"
-          @TouchEnd="TouchEnd"
-          :time="recorderTime"
-          :start="recorderStatus === 'START'"
-          :disabled="loading"
-        />
-        <el-input
-          v-else
-          ref="quickInputRef"
-          v-model="inputValue"
-          :placeholder="
-            recorderStatus === 'START'
-              ? `${$t('chat.inputPlaceholder.speaking')}...`
-              : recorderStatus === 'TRANSCRIBING'
-                ? `${$t('chat.inputPlaceholder.recorderLoading')}...`
-                : $t('chat.inputPlaceholder.default')
-          "
-          :autosize="{ minRows: 1, maxRows: isMobile ? 4 : 10 }"
-          type="textarea"
-          :maxlength="100000"
-          @keydown.enter="sendChatHandle($event)"
-          @paste="handlePaste"
-          @drop="handleDrop"
-        />
 
-        <div class="operate flex align-center">
+      <TouchChat
+        v-if="isMicrophone"
+        @TouchStart="startRecording"
+        @TouchEnd="TouchEnd"
+        :time="recorderTime"
+        :start="recorderStatus === 'START'"
+        :disabled="loading"
+      />
+      <el-input
+        v-else
+        ref="quickInputRef"
+        v-model="inputValue"
+        :placeholder="
+          recorderStatus === 'START'
+            ? `${$t('chat.inputPlaceholder.speaking')}...`
+            : recorderStatus === 'TRANSCRIBING'
+              ? `${$t('chat.inputPlaceholder.recorderLoading')}...`
+              : $t('chat.inputPlaceholder.default')
+        "
+        :autosize="{ minRows: 1, maxRows: isMobile ? 4 : 10 }"
+        type="textarea"
+        :maxlength="100000"
+        @keydown.enter="sendChatHandle($event)"
+        @paste="handlePaste"
+        @drop="handleDrop"
+      />
+
+      <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">
-            <slot name="operateBefore">
+            <span></span>
-              <span></span>
+          </slot>
-            </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>
+            <AppIcon iconName="app-create-chat"></AppIcon>
-              <Plus />
-            </el-icon>
             <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 {