From 59c04e5fb806123444901fa7713a55d917d3ff2e Mon Sep 17 00:00:00 2001
From: jiangjunjie <jiangjunjie@sinosoft.com.cn>
Date: Sun, 20 Sep 2026 15:13:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=B2=E7=AA=81=E8=A7=A3=E5=86=B3=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/footer-bar-input.vue | 218 ++++-----
 src/store/app.js                    | 710 +++++++++++++++++++++++++++-
 src/utils/index.js                  |   4 +-
 3 files changed, 791 insertions(+), 141 deletions(-)

diff --git a/src/components/footer-bar-input.vue b/src/components/footer-bar-input.vue
index 47469c2..c17bd5b 100644
--- a/src/components/footer-bar-input.vue
+++ b/src/components/footer-bar-input.vue
@@ -1,20 +1,12 @@
 <template>
-  <div
-    class="footer-bar-input before-top"
-    :class="[!associationalWord ? 'footer-overflow' : '', elder ? 'elder-wrapper' : '']"
-  >
+  <div class="footer-bar-input before-top" :class="[!associationalWord ? 'footer-overflow' : '', elder ? '' : '']">
     <!-- 联想词 -->
     <!-- <transition name="draw" v-show="associationalWord"> -->
     <div class="associational-word-box" v-if="associationalWord">
       <div class="word-cells" v-if="wordList.length > 0">
-        <a
-          class="word-cell word-cell_access word-cell_example opacity"
-          href="javascript:;"
-          v-for="(item, index) in wordList"
-          :key="index"
-          @click.stop="lenovoQuery(item.name)"
-          v-show="doesMatchMessage(item.name)"
-        >
+        <a class="word-cell word-cell_access word-cell_example opacity" href="javascript:;"
+          v-for="(item, index) in wordList" :key="index" @click.stop="lenovoQuery(item.name)"
+          v-show="doesMatchMessage(item.name)">
           <div class="word-cell__bd word-cell_primary">
             <p v-html="brightenKeyword(item.name)"></p>
           </div>
@@ -27,91 +19,42 @@
     <div class="quote-preview-box" v-if="quoteMessageObj">
       <div class="quote-text van-ellipsis">引用内容：{{ getQuotePreview(quoteMessageObj) }}</div>
       <div class="quote-close-icon" @click="closeQuoteMessage">
-        <span
-          style="
+        <span style="
             font-size: 18px;
             line-height: 1;
             display: inline-block;
             padding: 0 4px;
             color: #999;
-          "
-          >&times;</span
-        >
+          ">&times;</span>
       </div>
     </div>
     <!-- 输入框模块 -->
     <div class="input-box flex" :style="{ 'padding-bottom': isNewApp ? '15px' : '' }">
       <!-- <div class="input-box-margin"> -->
-      <div
-        class="input-btn-box"
-        style="padding-left: 0px; padding-right: 10px; display: flex; align-items: center"
-        v-if="isElder && asrData.switch == 1"
-        @click="clickMicro"
-      >
+      <div class="input-btn-box" style="padding-left: 0px; padding-right: 10px; display: flex; align-items: center"
+        v-if="isElder && asrData.switch == 1" @click="clickMicro">
         <img src="@/assets/images/fill-microphone.png" alt="" />
       </div>
       <div class="input-box-txt">
         <div v-if="!soundFlag" style="width: 100%">
-          <textarea
-            class="input-txt"
-            placeholder="请简要描述您的问题"
-            rows="1"
-            ref="sendMessageArea"
-            v-model="sendMessage"
-            @input.stop="monitorInputs"
-            @blur.stop="monitorInputsBlur"
-            @focus.stop="monitorInputsFocus($event)"
-            @keydown.delete="deleteFace($event)"
-            is-pc="移动端"
-            v-if="noTouchStop"
-            :readonly="elderAndOutwork"
-          ></textarea>
-
-          <textarea
-            class="input-txt"
-            placeholder="请简要描述您的问题"
-            rows="1"
-            ref="sendMessageArea"
-            v-model="sendMessage"
-            @input.stop="monitorInputs"
-            @blur.stop="monitorInputsBlur"
-            @focus.stop="monitorInputsFocus($event)"
-            @keydown.delete="deleteFace($event)"
-            @touchend.stop="clickInput"
-            is-pc="移动端"
-            v-else-if="!isPc"
-            :readonly="elderAndOutwork"
-          ></textarea>
-
-          <textarea
-            class="input-txt"
-            placeholder="请简要描述您的问题"
-            rows="1"
-            ref="sendMessageArea"
-            v-model="sendMessage"
-            @input.stop="monitorInputs"
-            @blur.stop="monitorInputsBlur"
-            @focus.stop="monitorInputsFocus($event)"
-            @keydown.delete="deleteFace($event)"
-            @touchend.stop="clickInput"
-            is-pc="pc端调试模式"
-            @keydown.stop="listenEnter($event)"
-            required
-            v-else
-            :readonly="elderAndOutwork"
-          ></textarea>
+          <textarea class="input-txt" placeholder="请简要描述您的问题" rows="1" ref="sendMessageArea" v-model="sendMessage"
+            @input.stop="monitorInputs" @blur.stop="monitorInputsBlur" @focus.stop="monitorInputsFocus($event)"
+            @keydown.delete="deleteFace($event)" is-pc="移动端" v-if="noTouchStop" :readonly="elderAndOutwork"></textarea>
+
+          <textarea class="input-txt" placeholder="请简要描述您的问题" rows="1" ref="sendMessageArea" v-model="sendMessage"
+            @input.stop="monitorInputs" @blur.stop="monitorInputsBlur" @focus.stop="monitorInputsFocus($event)"
+            @keydown.delete="deleteFace($event)" @touchend.stop="clickInput" is-pc="移动端" v-else-if="!isPc"
+            :readonly="elderAndOutwork"></textarea>
+
+          <textarea class="input-txt" placeholder="请简要描述您的问题" rows="1" ref="sendMessageArea" v-model="sendMessage"
+            @input.stop="monitorInputs" @blur.stop="monitorInputsBlur" @focus.stop="monitorInputsFocus($event)"
+            @keydown.delete="deleteFace($event)" @touchend.stop="clickInput" is-pc="pc端调试模式"
+            @keydown.stop="listenEnter($event)" required v-else :readonly="elderAndOutwork"></textarea>
         </div>
 
         <div v-else @click="clickMicro" style="width: 100%">
-          <voiceInput
-            refNode="painSpotReason"
-            ref="voiceInputRef"
-            :content="sendMessage"
-            :asrData="asrData"
-            @handleUpdateContent="onTTSContentUpdate"
-            @isRecorderStart="isRecorderStart"
-            @clickFinish="sayFinish"
-          >
+          <voiceInput refNode="painSpotReason" ref="voiceInputRef" :content="sendMessage" :asrData="asrData"
+            @handleUpdateContent="onTTSContentUpdate" @isRecorderStart="isRecorderStart" @clickFinish="sayFinish">
           </voiceInput>
         </div>
 
@@ -133,19 +76,10 @@
             </div> -->
         <!-- <span v-show="!soundFlag" class="input-text-tips">{{ txtTips }}</span> -->
         <div class="input-btn-box btn-box2" style="flex-shrink: 0">
-          <button
-            class="btn-item opacity"
-            v-if="!sendFlag"
-            :class="addFlag ? 'add-box' : 'close-box'"
-            :disabled="sendDisabled || elderAndOutwork"
-            @click.stop="addUpload()"
-          ></button>
-          <button
-            class="btn-item opacity send-box"
-            v-else
-            :disabled="sendDisabled || elderAndOutwork"
-            @click.stop="clickSendMessage()"
-          ></button>
+          <button class="btn-item opacity" v-if="!sendFlag" :class="addFlag ? 'add-box' : 'close-box'"
+            :disabled="sendDisabled || elderAndOutwork" @click.stop="addUpload()"></button>
+          <button class="btn-item opacity send-box" v-else :disabled="sendDisabled || elderAndOutwork"
+            @click.stop="clickSendMessage()"></button>
         </div>
       </div>
       <!-- <div v-if="false" class="input-btn-box btn-box1">
@@ -161,18 +95,11 @@
 
   <!-- 表情符号 -->
   <!-- <transition name="draw"> -->
-  <emoticon-box
-    :class="{ min_heightauto: !smileFlag }"
-    @onFaceChoose="handleFaceChoose"
-  ></emoticon-box>
+  <emoticon-box :class="{ min_heightauto: !smileFlag }" @onFaceChoose="handleFaceChoose"></emoticon-box>
   <!-- </transition> -->
 
-  <!-- 上传图片和拍照 -->
-  <!-- <transition name="draw"> -->
-  <!-- <div class="upload-image-box" :class="{min_height0 : !addFlag}" v-show="imageBoxShow"> -->
-  <upload-image :class="{ min_heightauto: !addFlag }"></upload-image>
-  <!-- </div> -->
-  <!-- </transition> -->
+  <upload-image ref="uploadImageRef" @image-selected="handleImageSelected" @image-sent="handleImageSent"
+    @image-failed="handleImageFailed"></upload-image>
 
   <!-- <SoundRecord v-if="soundFlag" @clickFinish="sayFinish"></SoundRecord> -->
   <!-- </div> -->
@@ -194,7 +121,6 @@ import _ from 'lodash'
 import uploadImage from '@/components/upload-image.vue'
 import EmoticonBox from '@/components/emoticon-box.vue'
 import voiceInput from '@/components/TTS.vue'
-import { messageSend } from '@/utils/api'
 import { emitter } from '@/utils/mitt'
 import utils from '@/utils/utils'
 import { _debounce } from '@/utils'
@@ -228,6 +154,7 @@ const elder = inject('elder', ref(false))
 // —— 模板引用 ——
 const sendMessageArea = ref(null)
 const voiceInputRef = ref(null)
+const uploadImageRef = ref(null)
 
 // —— 响应式状态（原 data）——
 const sendMessage = ref('') // 输入的内容
@@ -479,11 +406,15 @@ function clickSendMessage() {
     sendFlag.value = !sendFlag.value
     emoticonClick.value = false
     sendMessage.value = ''
-    // 新架构：用户消息卡片入 chatArr，USER_TEXT 事件发送，机器人回复经 SSE 下发
-    store?.pushUserMessage?.(elInputValue)
-    messageSend(elInputValue).catch((err) => {
+
+    // 机器人走 /liics_api/semantic/qaChat，人工客服沿用 WebSocket。
+    const request = Number(manualService.value) === 2
+      ? store?.sendmessageContent?.(sendParmas)
+      : store?.sendingRobot?.(sendParmas)
+    request?.then((res) => {
+      duolunFloat.value = !(res?.reqAndResType == '05' && res?.cmd == 'pbstart')
+    }).catch((err) => {
       console.log(err)
-      store?.pushUserMessage?.('服务异常，请您稍后再试～', 'bot')
     })
   }
 }
@@ -560,12 +491,30 @@ function handleFaceChoose(face) {
 function addUpload() {
   smileFlag.value = true
   emoticonClick.value = false
+  addFlag.value = true
+  uploadImageRef.value?.openFilePicker()
+}
 
-  imageBoxShow.value = true
-  addFlag.value = !addFlag.value
+function handleImageSelected(payload) {
+  store?.pushImageMessage?.(payload)
+  scrollTopBody()
+}
+
+function handleImageSent(payload) {
+  store?.updateImageMessage?.(payload.localId, {
+    imageUrl: payload.imageUrl,
+    imageKey: payload.imageKey,
+    uploadStatus: 'success',
+  })
+  addFlag.value = true
+  imageBoxShow.value = false
   scrollTopBody()
 }
 
+function handleImageFailed(payload) {
+  store?.updateImageMessage?.(payload.localId, { uploadStatus: 'failed' })
+}
+
 // input焦点事件
 function monitorInputsFocus(e) {
   const elInput = sendMessageArea.value
@@ -700,16 +649,21 @@ function resilience() {
 
 // 点击联想词查询
 function lenovoQuery(item) {
+  const sendParmas = {
+    reqAndResType: '1',
+    msgText: item,
+    msgSource: manualService.value,
+    questionType: 3,
+  }
+
   // 发送的消息 存到store
   scrollTopBody()
-  associationalWord.value = false
-  sendFlag.value = false
-  sendMessage.value = ''
-
-  store?.pushUserMessage?.(item)
-  messageSend(item).catch((err) => {
+  store?.sendingRobot?.(sendParmas).then(() => {
+    associationalWord.value = false
+    sendFlag.value = false
+    sendMessage.value = ''
+  }).catch((err) => {
     console.log(err)
-    store?.pushUserMessage?.('服务异常，请您稍后再试～', 'bot')
   })
 }
 
@@ -970,14 +924,12 @@ textarea:-ms-input-placeholder {
 }
 
 .smile-box {
-  background: url('data:image/png;base64,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')
-    no-repeat center;
+  background: url('data:image/png;base64,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') no-repeat center;
   background-size: 100% auto;
 }
 
 .keyboard-box {
-  background: url('data:image/png;base64,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')
-    no-repeat center;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAB75JREFUaAXlW1uIVVUYXmvPjFKiQpJpGGEQ81BGoCSBjTMvdiELIgIv43hDhZAeLN/sId8qoTChEa8zOkJEEEbZk8dBEMsg0h4kyIKoMAxUTJxxzur71l7/nrMv5+y9zzmj+zgLZtbt///1fXut9e+91/6PVhOUNh0399+4rJYorRaqsurEMJ1GqzlaqekGfxwW5esoX9dG/Y3qReXhz6gfps1Wp/cu1/9RptkJYzYv9Q6Y2eVRtRKgXwO5xcin1GVdqxFchLO4Il94HWpocI2+XJedBKWmEF65z3Rprd4xRr2AMdoTxmmk6TZsn4DtD4Y26uFGDFG3IcIr95se2HgPM7kkBkQrTLK6gPYSAP+MkS7qNvU7Zu7aY/ep65T/9SaWt1YzzJh6FDY6QeoJNHdjmT+JehybVqc9T+04sk6XqF9PihvNYGX1oJlrRtQuAFwREgdJ1IdBamCKp44fXK//CfVnrKw7YB4cKavluBhroNIVJY8LeExPUduO9Oq/MpoMxHITXrXfvAiix2BhZoUVA5KfdbSpHYfW6V+C9iYU1h40j4+OqZ0g/0aE+FUQX3F0g/4mzzC5CIPsNgz6PqbRk0Ew6ElUtg9u0OekbSLy3v1mUVlhbKN6xD7Al7Hwt4P0LmlLyzMR3vq1mfrvn6ofRPvEIBQvYbA3815h0a835wrDRd8DLPPFBrAcfuBhtXn3S/qWtFXLUwlzP90y6ksM8qwYgVKprUO9PtCnr0jbnczXHDazxkbV5yDdHYyr1ZmpWr2a5jeCpRkoVhQ4swlk+6c9rZbdLbKEx7GJARe+P4CLCSFWYg7aEgo175lcxtDxZ1arMQzwFpbwngQ7d7xp7yI9ikG3YImfx0x/jBXYxlXoMK+tBqjqDNNBwVCfKBaJrGBizgkgNmkjZutcpSGSQzaenGP4Csr2gkCo/+hGvSUuWZyWVfvMp8C7mYiAl9775SSHGpth+1CB+2wF2RL2y9biUEtGQowgWmIvsfNZgVyi0jHCfIKCkH2ogIFL9MZuv0R1C1UnRmIlZgdspuMSwhkivPqg6Q49LuI+eze9cQhphorFCswiSi7kJHXmIcLlstopnXyCStoD0l/UnJiJXfBVcmJbQLj3gFmKxe+/9eAlAB3bRanVcovdf5Hhhl5iuTkSAeGyUW8LMb4ITPSzsYw1ETmxk4PYruRmCfOkAuudL+/06YZvPSLcqrnl4GaZ3MiRXOyTlj2WGT+pGM7ziufu2XtxK5iX5eLAi/6Bi7pJ/ENUP29/tTHJAQcUw+hfSp6O40f+ksYZlChiKQxIOVNuVGaytGcvDHQC2xH93P2BoXghxMVx9Hi6iJfrxVYcS4AnFXHV1myxXGRZgyO5evYo1Z0uYjldSHu9ilHH8rTLMNaR3CBLNuiN6OfuDwzFC+RCTrYHHMm1HftpIdeZSyUpZM3dXnwkq3xULk0/rT9qL6FeQtsC2w6unjsk9+s8XbzHEh5CxjnhgwC9dGfAEUepQTljoVEvm6YvMETO1iu8vPRXzcOcOj04rDkiDPa/STlz3qiXTdMXIE4u5sWlv0rOs3DpIlcPm3q6NJQ9/4Bc6kXKLVEHqLKchhG3pmsiQ64elAPC8kVABDLljXrZNP1MIKoLVXIi15pnWtXNjPekedFG+8dHak6JS9p+56E5futpjtniWKnkRK7tmGYSnkWI2NQzkF1hOWsS7yn7Ckab+qxcYT8rpJCc42TbyNXDpubHaL+BX/HypjQv2+T+3PAqOJErXx7G7734ZJnX4N2Qt6so68BhThc9nHkEhPHeyO+z+VKal53o/hS0IU7gqrFHlqHxW+rhMew8vOpTKTZaqhv8fgK/BY7f8x4DSPACMcIGbOon+fGspRjVAEsu5GRFwJFc2xktg1P7s+h4Doz1iFHLIXCghp1QV4UXzXTiEVKuoxK9C9QygY9rr5ATZeCwzpKrf+KBaBlRhBtnmEH2FPHC2RXrk8TEzAOJ8ROT2mZ6g27H0RJmaBA6brvOLoYZBIItWnAcuhz8246jfy7NOCg4rBO2E0uAMRWZeUa8cGa9OgVlSaepWw6ynMFNYr3s+qYyY62QnbKGcA7UptQzrXo2zXiQMaW+k/0LTkslxsvfw2ixDYiDsoRxZcoIILHlFvxnsbvZhcs6LWRJJSDseL0r/HDv6rEeWBpaJCdmYhe4DGSTMvMQ4aEN+iT28rFAANEyDCAJ6gUvWKzALDDJJRq1FyJMQUa4IbvKMm4B8xkts+mc6WC9yIkYXWTPfIfzquMSgh0jzHA+XJkV8GbYCpZ0940f1e6QVgErxIgJ6iY0YieHpNDEGGEq2FMKRLixzARDm7E3gg/Nfmtx/hMbMQaI/Oi8xJBEXIzqCY+ch2Coz0oULGxJUDuyftgSGkHoMAJw1kp/NE+cYRFiOB8snLF1xEHB+33CaJki7GlisJE7wIQliMcGJGC1mG0l+V/NGabKpAo9JGF+kJo1V/VwqbDOhGXeDY/4Pe95fsud+88xOTYxyKjERoxZPgSmzrAYZY7BJkf4cIT05AkQF+KT6icAQpo5g75sHJSEO1V24o0L++Xe+JFHJS+WGQfF0CDctibsZzz4RPLh4Hp9Kjp23noup5VmfOOQeejmTfzS5V7/oVbShSjqT/H+Bzf2tDwviW4mAAAAAElFTkSuQmCC') no-repeat center;
   background-size: 100% auto;
 }
 
@@ -988,8 +940,7 @@ textarea:-ms-input-placeholder {
 }
 
 .close-box {
-  background: url('data:image/png;base64,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')
-    no-repeat center;
+  background: url('data:image/png;base64,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') no-repeat center;
   background-size: 100% auto;
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
@@ -999,8 +950,7 @@ textarea:-ms-input-placeholder {
 }
 
 .add-box {
-  background: url('data:image/png;base64,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')
-    no-repeat center;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAB6lJREFUaAXlm1uIVVUYx7+1Z0YpUSHJtJcoiCHyIVBQQaYzL1KRBVGCl7nomAomQZZvBumbJhEmNOJ4mdERLIIySnpxGoRBUhBSYgq0XrqMGKiYOOOc1f+/zvr27HOZOfucOWc858yGmbX22mut7//b67LX3us7Rsp0bD5jH707JCvEyGJJSiPMNFojC4zIbIs/mkX8DuJ3jJW/cTooAf6sXJo1X84fWmX+Y55SH7BZuqOl285PjshaiH4DcEsRziiqdiPDuAkXcEe+Chqkt6fVDBVVT45CJQFee9g2GSMfWCsvwUZ9DjuTSXqAus+i7n29m0z/ZCpi2UkBr+2yzahjN1pyRZYQI2hkuYL0Pgi+CkuDpk7+QMvdfuYRucP81+6hexuZY0flKdTRCKjnkZxAN1+E82xtRs4Hgew6scH0sXwxR3alMWpZ32MX2mHZD4Fr0rIDEuf9gOqeEciZoxvNjbTrMU82HLGPDydlFW5GK4o0ZcLjBp4yM2THiRbzV8wqw2wFA6/rsi8D9BRqmBupxQLydEOd7Dq2wfwWppcg0n7UPjsyKnsAvzoD/BbA15zsMN8XYqYgYMDugNG9aMZAjcDoOZzs7OkwFzWtHGFLl12SFNi20qz1Q3wSHX8noPdrWr4wFvD27+zMf/+UToC2aYUoeB3GthV6h7V8sSF7GG76QWh5WuuAluOPPSlbDrxi7mvaeGFeYI6n+1a+hpHlWgkK9dU1yJvdbeampk1l2HrczhsdkS8BnQjtGhmYaeT1fPNG2DXDgpEIWzYHbOesF2Tlw4KlPNqmBtz4zlAuGoRaqTlMyxGZ8JnJbowyqZY1MgoD76ILH8xRz5QnHVpiRmB0K7r4z2jpT9ED69gLveb28QSN28KcoFBRmxasJFjVxJANQG2aRs1uctWEjBB5sw8/MXyLwu6GIFPnyU1ma3bOyklZd9h+Dr1bqAh6OXu/mmtCzWpht6jAczYC24fxsr1y0HIroUaA9vEqtXOtQJbM3FnAXEEhk1tUoILrnI39eMksW/R5yxH7InrRP2iVgY1ddnbRFUUKUiO1UrNPnutZIrkiCwimrj9qE2nLRTxnyzEbj1p5G3bmoyWWDcvYQiJNWREnTis0a1GykEnPGaa1cDIpe/QiV1C5xoBen1QYeW1MWpnwMVKoHWqmdi0XZWJaCMxuhs6feuvBSwAu7NRC1RY67akXGQ7oFY7NQ4TAuNPvKxhfBMq9NlZb5QipnQxad5TNAfNLBfo7X945p1u+9Wjmag0dg29lspGRLA7YfZYZ+1LRX+pXvIdx0zxDv7dd7xn9GMY3KBWFrtCt8WoP01g8Y8Cvi3i5Xurg0AX4paLaQVW/Y9FuDUayBu5Tqn9M4KF9Jd/rlVZWDSFZyOS0gpGsASapxRHxfZF4rUTHmMAa+I/kDg4P7Ku1QqkcaUzYEOAs3agX0dqDYbxWIulMjQEmrAXKhq8Bv2u8VkJ+C1cWstZjUHOvxx3JIPWBXDPkC7lk44sAlm8FbanA5nK1ifh72Ll4K5+t6HV00yFsweyOswWDR9NtLUvWehgOX890R0Az5AuxZDsNWLeCyZc3el1hmYb4MgT8i31g5SRYSPB4J18hMv2ayktbs91KK1+hca9buTbutTJfQGsVZZtdmluW86iPez0IbsbVis+iK/k+W+grHruxb1ku9T7BB/aBuDaZry6QoZ6N5sc4ZTyTy0pWdmlubDlgDOo5iMcGPtJhWPYbV1sB//yYdd2YsNgV/KKA4gVl9UyuDFkDDGpuRqcSuItXY4fbmfRMZOUYHnv2Ysuyxng5K0aZBgMMohAYsx/3Z2vqSGMCa4A7cClCmIjEayU6xgTWgA4kWFJisnXPxEXcPKsVUrJgolrkeMBI1oDeMhjMF1wi3Ay4814rwNhcew09GE8jfLkCI1lTCw94yygkpvFWjddA2BIyeEYHTNcgXHjgLzbRzSDMWKURz9Dk5T/wjKlvWlyEY0F+1l1EF6BPRZVyhrIdg3ZnsOmLRqpLIxum732aG916NX0q9LzaQmong+qOsoXAzukLflAuE+4Mlnx7tUC1hU67b11MWeejDm0hsIf6UOFwV5rdPrEmlDDE8Lmh1fFFQOOlCKmZ2rUuOrJpnGEacG+HOQcxp8IM8JahA0l4XqIIJpCPYOdgYGRH3LeeOKadVmjWvGTJ9NpzzyjNwJCbyMn78guiukfMDfGVpd4jjtosRXzzRdtw97L8gIVGwtd3K5gpz2V666W1MDMyA+7MGtwJDAW3+kqgogOMV/JBjQpL7WTIhKX+LGAmun1heLgxzgMVbcHY2JY6q7z/1EaNobKUd15Ol8SsLh0WQgQuCcdQUZtLqzC3JdXpYVNuS0gE0HE44LTr9cwwZwtrJrrzoYYBdw4/KMx+n9FbhuNF8zyskBqc5w40oQvWOR3Q6jRPIGrCFma5aeV6SGBuSM1bKM3sKjzngW6egK/jT3zmpVKm7j9t0jY1qFVqo8Y4G4F5W1grZQhj08N9OAN6+jiIK/i0+gmAQjOk05fzg1J3p+hF7LxjvNTGjzyiXIxzU42uQXhsle1nPFh3f1yKdXdBk1YmaOb5pl77xL17+KVLrf9QKxOc55X6U7z/Ae05Lc3kBh2gAAAAAElFTkSuQmCC') no-repeat center;
   background-size: 100% auto;
   border: 0;
 }
@@ -1179,14 +1129,12 @@ textarea:-ms-input-placeholder {
 }
 
 .elder-wrapper .input-box .smile-box {
-  background: url(data:image/png;base64,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)
-    no-repeat;
+  background: url(data:image/png;base64,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) no-repeat;
   background-size: 100%;
 }
 
 .elder-wrapper .input-box .send-box {
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAbKADAAQAAAABAAAAbAAAAAD529oeAAAM+klEQVR4Ae1de3BVRxn/9t7ce/N+kAQQB6kEG4rFFrFiCwGt1ZZaVJiqg0AtMmJ1RBmdKbZ12rQWW0VnYPinw1hREox1OpRa1OIotvIotCJVaDC0oBlapCQkIbkh5L7W7zv3HnJyc5K757HnnCRnZ5KzZ8+e3W9/v7tnX99+C+A7HwEfAR8BHwEfAR8BHwEfAR8BHwEfAR8BHwEfgWERYMM+8eiDuWt56HhfZ22S81oeSNYyDrUo6nTOoQwYlKC/BDijKwDjPfi/Bzj0MAaX0H+GM2hhqWBLkLGW2QUVLUe3sThFHS3O84TV1/PAxtPtH04y+ATj/FYOUIcEFNkCMINeBGA/Z2xfkMNfH6qp+kd9PUvZkrakRDxLWOgrbXN5it2TgtRyJKhaUvkHJ8ugLQCBJhbgO+K/qj46+KE37jxF2IR1F0u7OlNrEZrVAHyWuxCxZsx/e3lFYFvH1spud2UZyN0ThJWuuTThcn9sfYrBOuC8fEA8D/gY6wpw2FoYCW/ufrqsw22JXCVs0ipedBHaHkpxJAqg2G0wcuQfDTDYWgnVG99tYL054kp77BphwVXtyzjwzVijpkornYyEGTvLgK1PNlTtkpF8rjQdJyx/Tee0eCz+FHbD78glnJef4zDhxVA4dN+VpytanZTTUcKCK9s/zxnf7rl2yizi2L4xzlYnG6t2m03C6HuOEPbBeh5ueeviT7CL/h2jAo6G+DgU2FI7o/L+N+pZTLa80gkrWdtddbmvfw/nfJ7swriZPmPsSGFB5K6ebaXtMuWQShi1V7FY4k/4CbxWZiG8kzZrCUfybpfZrkkjLLyq4/oET+7FAfAU7wDqhCTsXB4L3h5rmHBCRm5SCMuQ9Tckq0KG0N5Pk3UiaQtlkBawu/D0GczUrHFKFiHKKwgDwsJufG0ljDoYSps17j6DerTwKbH+xF7CRO+p2TDbCKOuO/UGx08HQwRyXkuYEDYisUXi2EYYjbPGetddBNDsOIQJYZMdbvbelk6HMoMBqefMCjEe3mMQWGrHjIhlwjJjrdfHzHSTrF8PTmOFw3k3Wh2jWf4k0kSuT5YAy7jOp2AlEHWkKJYIU5ZIRvms+0jg2P2MVigIMyvpmv4k0uJjG7SfxNo1utazrKBlx7u4nlYNVdeZXQQ1XcNopdgnywSD+ANXsDPxKr1iqoaRDka0v78V3/f6sr4hWBbNDMGK+RFYdlME+mIcvvbzKLz4LykrJtHiSGSaGR2RPEMlykQmhZmxQtZ1U4JIUj6sRKKmVgavwlGBmo9PfbUYrlkvRe+mOIPhw1czFPQYrmGKKlpXqnU09wwnlTFYfnOapDnXhIaFqiOagupvXBz2uaUH2M0vLw9MM6pCZ7iGpfUGPaaKJoBcYQRg6dyIUptuuz4EQVSByuV2H+3PFcX8c+zmZ3Qwf2okEcOEYeKrjWTgZlzihMihTx6RVZSfmyStvI0HJBKWzoiwNESYoRKQ+nQyyf+uLZQX/TdOy1PaJPrsTS431xE+ezEpq/0aBFkwyD5iRC3cUA0jXXdc6xmUoVduplYG4Ms3R2DlgnyY9V5DxdItws5D0muXkm8aUxDW4xeuYbSL5LHTbecd25igC+PgwNICBnd/lNqlCFCXHBVhBkewcDf7+x3Q/E7SQgqCr+IGjIdrqieL7poR/inSlh8vkJWHPe/FHwor7dKSOWHID9tHkgrxsf/GnSGLMsSdOQq2AEJNjTBhtD/Lza/hvBpsl/Bz96V5EagsMdcuqYTkuu486MznUJVDwdZuwjKb6dQ8HLnWTArAilvylb8ZkwcGtTIzT+LOjF+/ckVmFkPSJmwxcNOQBzoBQjWMtqke62ur03nf9qAJxUypRVSbPjZj+EGt7RlnEvzLG3F495KzHSvaVUoYi2zfFSKM9hTj59Cebao6SEeQlyVz0p0Hap9Cefa3S5RtZy+HiqKR02484GztUuBAbBWMAXLqMgoRRhvAdXC2HESfvA13FSo9vbJCee0SrkPBC8disPiGkXVheq9weE7m7MYIiGUwtocw2q0PNm/VvuF9Qdi7oRyqS+URRfj04WT7o7t6YcOSQgjlaAaJrMvO9jeuUqhgfPVueI8QWhnTCsOnYuLJxi8WSSfrf10pWLr5Eqz5eH7OTyEVYedBFz6HGexEMRYiDNOcnknXtktd7cifJ6sZvd6agLofdsEDny2EDwj0MM8juX8+4arJDiGMhQhTjJZYRTDr/VdPywNn99EYLHy8C37wuSJlBiQra93bJuzKY4/eNSeKsRBhGQszthZm4/OXgRp5u92P9/TB3Vu64dufLoB7F+KaiqBrdHiwPESstBWfIcHZAWKEkTkgm91LJ+Mw/7FOONBiT02LJXDdZ1sPPPhMFJf4w/D4F8RHIc3vJIA+oS47IYzFCFNtN9lcouNnk7AIP12feqLLEnFt3Rw+iWns2H8Fbpoegh33lRqS1JWxV7aEghiLEZaduM33+5rjpok78XYS5j3SCYdOxRWdjOe/Wwb5BiZIUPcdnFpKsQM2McLSVtHsyG/ENIwStwcHw/Mf7YTW9iQU42ryC98rA9LXMOJe/ncc3u6weZBpRAA1riDGYoSRCTsHnQhxm37fh2Osbohix4X0M5q+VQqzp+YYGeuUwemZeR0R1CAhjIWmpnAeUSgxNWe7rkTcvuYuuHVWCB5ZVgQLakNAnYuv/6JHaa/UfH62ogjuzDHtpMbVXq+g7uGzr7o0taEVhPyCGAsRRsYhaT7OLacSV3dtCDr7UnACOyuq++ZtBbAOu/BmHM0vdve5WDCN0BkDnJoQfa8QYfjqGfxboJ+Ec6H7sWOhdXdgrdpyT7E2yJC/0cWpKB1BCeOcTqgNI7OrOVNyOML7JwbhN9huCagX6krW3pOSpYatm1+uQFGMhQgjG7m5MnT6+XuwN1hiUM9QK+Mzh/shMfBl1T5yxS+KsRBhZNDYlVKMkOmhNxOWBttuzszrFUsUYyHCyPo0zie6ZtRRr4AURutcZtxb55Nw5LTrU1EDoiO2CsYDIcP6hAgjXQMcju4fNhWXHlDv0cxc5M5D7q176UFF2Iroc9C7QoRRRDIVTlevOTO1zGO9Q0PYChNGdt29RhbJY7SWvfJmHM5c8MBUlAZMI9gKE0ZG+LEda9Pk4xmvkVrmtdpFmCrYCqIpTBjpfpMRfsF0HY0mWsviCQ6/PeKRqagMQoSpqF49vSJMGEWmExPo6kUnUsv+8M8YdES9MRWlYmgUU0OEpfcxKScmqPl55ipSy7w29sIq0GxkbxiBbYiwDDvbPcNSliAj1bKu3pSiTJr1itu3hrE0TBidRYIbsbrcLqle/iPVsmdf61eWZvTecyWMNqUTlgadYcJo1zudRWIwH8ei398UVWxsaDOkid4nf3dZG+S6nzA0akGAhDZMGL1EB8fgJUp+rzmacrpz0yV46WRMWY1+7UwcPoP3/2nz1NgrmsHQMHzGFCA0yeetuvAjVLx8QBPkewURwCWhJxINEx8UjD4omqkaRinQKT/Ylp0dlJp/kxsBxEzBLndM3RimCSNrZHTKj26qfuCwCBBmZi25UaKmP4mqRMFVF/6I+h6j+qQitSyyr3QiUrJh4mIr+ZiuYWqmdCSTV7v5qoyeuGI3XsHKojCWCSMbtnQkk0U5xvzrhJFVe78EkmXCKBGyFk1HMpHfd0MRIGzssKhNKdtCGCVE52fRkUzk990AAthJOEzYDIRY81nudGizp2Mrevv6D6ItxXFy/JS29Dp+xk4VFUTm23mmmK2EkciKHfv+xCFUKpiiU4RxFMTO4Vlit9jRbmlBs50wSjx8b8fsRCL5MpI2Tk84GkXHURFhsV9OOE7nZ+Ew7xzdjy+nHPgm5ewwwtG2Tkc2KXTYGX0ScIx2KvvZmL3HslKZZRz0pmImjTDKgL7f1OiOh94jti2Hqax2t1kqUepVKmGUCfWQZtZULRzL4zQq28wZ1Yvs7A2qBGVfpXQ6sjNR7/2Dt1UkzF+l1zCtaDTapyOZaBJUGz4a/VQGKotdMxiiGDhaw7RCKScjAd886s5vwfUsWiJJNlTt0pbHKb9rhFEB6YQkOjgGV67X4a35rZTOoBXFleKttPhoZT3LqqiuEqYKT4fv0FkkKYbE4YkJargnrrgsQgozpINh5nAbu8vgCcLUQinnunSm1uL9apwlmaWGu3NVFGa3kyqaGe0mWTJ7ijBtIekUCjLCn4LUcjSJUK19Js2PGxOwi95E6tNGNXKlyZSVsGcJU+WkAw7IrjuZCs9Y9q5DAsUtf6kJ6V1x5yMCsJ/2vtGWH9pFYmRjgl6SssM8T1g2AGR9mgwak41cMruaseQ5XbE3mDZhV4I75NKW0dLmgHrIaEnGDsYZ2q1PG8BpTzFtUxXd+Zgth3/vI+Aj4CPgI+Aj4CPgI+Aj4CPgI+Aj4CPgI+Aj4EEE/g9mz26SK1dcxQAAAABJRU5ErkJggg==)
-    no-repeat;
+  background: url(data:image/png;base64,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) no-repeat;
   background-size: 100%;
 }
 
@@ -1209,20 +1157,17 @@ textarea:-ms-input-placeholder {
 }
 
 .elder-wrapper .keyboard-box {
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAflBMVEUAAAAsNWMtNmNTU304PGksNWIsNWMuOGQuN2Q3RGwtNWIsNWIsNmMsNWMsNmIsNWMsNWMtNmIuNmMuNmMvN2QuN2MwN2QtNWMzPGYsNmItNmMsNmMsNmMsNWMuNmQtN2MtNmMsNWMsN2MuOGMvNmUuNWQwNWUzQGZVVaosNWKh0xYfAAAAKXRSTlMA54gGDfuhMVUJ9d/avrqnlJBpXkE5Jc0c0Mfy7bKAfndtYk1MRzAUA416VbMAAAMeSURBVGje7JbZeqowFIV3mIKVQYYi2lpna97/Bc/3dUdTDQkZOL3yvwogLLOz9gAvXrx48UfMLuk22eTLLFvmm2SbXmbwf4hO1YpJrKpTNLlSU8RMQVw0U+q9J29My1vyDtPQ5syAvJ1iV2tmyNp3d98Je2BeVPWxpV1H22NdFXP2QPINHhw+mYAkTQ9P9E1CmODz4G7B8pcFyvMVBrmey1/2KR2NSTOxqZ32G9FObC+j4EAa36X2s9HSsr/LxSlYU9+04kVkFPPF/YUaLPlinCU1DvuScb4ctRYhGBMunNRqhnxYxj/9YEht7w1CrR1MbF1Cuda8A2u6OVejhrmcca0eHOi5WmaW3SWPYQdOdDySpVE95N6g4AjlLjkY1Hlee1NwJuVVebwHJDy/wAOeb8lor+R1IwQPQl5LxrrpWmtcy+RZg5ZWCqJXIFvQkaPrI/AkQv/nBie2B2/24tT0ViQz8GZGxgwZ4TCxgwnY4eiiPpBm6AdhQNgjJAjxvryW/ngDKoqhohYwmQDvy2upxBbKKGJ2nOEBwmQIvy+vBWfMWFUcT/jCdRqxK948wTCVMJBvGIW1KxhmJY7U1yDCbitFauCnepiIHr83nLQXHAZgMnBAuGh6XgGTUWi68HbwQMV5aNZ4ietnw23VhVEeLwMzBwa3taDWlMfNz7MjPEHMcovc1oLjz/ONppe1jmJ4IXViVU/DwYFah1EpRnGcgSFwEO6sDaIU63A01orZ4iAmwmiLQxiFQWyxN4iwvsOZiWKtt75/UuOao09quVy55BlhHH25kguxj1j8r10rOQEYhmH00UdHSDbo/gv2U+qHKUotU2SwFggkJtYFPmK3YphrnGDF+OUZHpB9Hnh5elrAw2gBJDw8jPBAKsfDqBwgqf7NMIx1YZKK6TcGpt9YWGznOjYvLKBk4g8zyYTFIH2NJgaxzGUHxGSuioBPtyZ0TJckO2ncL6ZklKVagFrmZp5tq2dIJ1ntiiFCRjyiGvzEIq3xnKUc1jExpHrAGo2OK4Tigbi/TpHhS0WjXvlkpVZTtzD0XoVqNBqNf3ABXVBf3qwAlzEAAAAASUVORK5CYII=)
-    no-repeat;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAflBMVEUAAAAsNWMtNmNTU304PGksNWIsNWMuOGQuN2Q3RGwtNWIsNWIsNmMsNWMsNmIsNWMsNWMtNmIuNmMuNmMvN2QuN2MwN2QtNWMzPGYsNmItNmMsNmMsNmMsNWMuNmQtN2MtNmMsNWMsN2MuOGMvNmUuNWQwNWUzQGZVVaosNWKh0xYfAAAAKXRSTlMA54gGDfuhMVUJ9d/avrqnlJBpXkE5Jc0c0Mfy7bKAfndtYk1MRzAUA416VbMAAAMeSURBVGje7JbZeqowFIV3mIKVQYYi2lpna97/Bc/3dUdTDQkZOL3yvwogLLOz9gAvXrx48UfMLuk22eTLLFvmm2SbXmbwf4hO1YpJrKpTNLlSU8RMQVw0U+q9J29My1vyDtPQ5syAvJ1iV2tmyNp3d98Je2BeVPWxpV1H22NdFXP2QPINHhw+mYAkTQ9P9E1CmODz4G7B8pcFyvMVBrmey1/2KR2NSTOxqZ32G9FObC+j4EAa36X2s9HSsr/LxSlYU9+04kVkFPPF/YUaLPlinCU1DvuScb4ctRYhGBMunNRqhnxYxj/9YEht7w1CrR1MbF1Cuda8A2u6OVejhrmcca0eHOi5WmaW3SWPYQdOdDySpVE95N6g4AjlLjkY1Hlee1NwJuVVebwHJDy/wAOeb8lor+R1IwQPQl5LxrrpWmtcy+RZg5ZWCqJXIFvQkaPrI/AkQv/nBie2B2/24tT0ViQz8GZGxgwZ4TCxgwnY4eiiPpBm6AdhQNgjJAjxvryW/ngDKoqhohYwmQDvy2upxBbKKGJ2nOEBwmQIvy+vBWfMWFUcT/jCdRqxK948wTCVMJBvGIW1KxhmJY7U1yDCbitFauCnepiIHr83nLQXHAZgMnBAuGh6XgGTUWi68HbwQMV5aNZ4ietnw23VhVEeLwMzBwa3taDWlMfNz7MjPEHMcovc1oLjz/ONppe1jmJ4IXViVU/DwYFah1EpRnGcgSFwEO6sDaIU63A01orZ4iAmwmiLQxiFQWyxN4iwvsOZiWKtt75/UuOao09quVy55BlhHH25kguxj1j8r10rOQEYhmH00UdHSDbo/gv2U+qHKUotU2SwFggkJtYFPmK3YphrnGDF+OUZHpB9Hnh5elrAw2gBJDw8jPBAKsfDqBwgqf7NMIx1YZKK6TcGpt9YWGznOjYvLKBk4g8zyYTFIH2NJgaxzGUHxGSuioBPtyZ0TJckO2ncL6ZklKVagFrmZp5tq2dIJ1ntiiFCRjyiGvzEIq3xnKUc1jExpHrAGo2OK4Tigbi/TpHhS0WjXvlkpVZTtzD0XoVqNBqNf3ABXVBf3qwAlzEAAAAASUVORK5CYII=) no-repeat;
   background-size: 100%;
 }
 
 .elder-wrapper .add-box {
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAgVBMVEUAAAAtNWMsNmI4PGksNWIsNWMtNmMtNmMuNmQvN2MvN2Q7RWwtNWIsNWIsNmMtNmMtNmMuNmMtNmMvN2QtN2UwN2QtNWMsNmIsNWMtNWIsNmMtNmMtNmMsNmIsNWMsNWMtNmMtNmMtN2ItNmMsN2MvOGQuO2IzPGYzQGYzPWYsNWJmp6vtAAAAKnRSTlMA8OkN+KKTa0s6MAj1wL2ef15UQTIlzdDh3dvZx7iyqKWOgndiVyceFBl1hbf5AAACwUlEQVRo3uzX23KqMBQG4B/COQVEQFvPZ23e/wH3DFlTqRuTAGl743cpzvwkWQsWeHl5efklPDlP/E06Wy5n6cafnBOOn8Gi/Vz8Z76PmPWkIvPEE15W2MyL/Teh9ObHsKPMhIGstLGqlTC0Gru6Wy6+eV8HYVRWdV2VURis38U3+Q0jnBxx5/rFFQ+uhe+KO+eEodi2VQK7CE9Eu1b5bBkGSRb3RR0ZFNjxvrxFggGm3ldUyKHBw684b4reQkG8gMEACzxBQvQ0EWSWGG/7TJDJwKyAwxgPFGn6PXSmPc/Z6b+TUyG5FXqqXCEZ32VCR/1Ro7f6g8rK8KjZgrI+McAnpS0YTGxpD2sMUtNObmHgRLVRYaCKquQErZujPeHLIc8PF219OTfo5NRfijec11SA4u1F/ZZDI6bnhqKXU9FIFd1Nz5IYait94bpUQPrmWUGpVG0icehIAO1GllDJ5E2zsWFMLj8zOLEQY8MQ6k/Nlwvj48O4XJqvWLwcJo4YH4ajHF0YninoDzbC6MYLTXnsYCMMO3WJMNkdkZ2wSHYsU152YScMrvLW91RAdsKotPfoNqcjtRNG5TZHJy4aV1thV9Hg6JLI7xTYCoP8xknQ5dxcW9sLWzf/OysG08BeWCAHVkX1hPbCQkV1b7r6Ik5d54EgzgM3jbv6dqN43Zdou3iiB++CtlIxPsjBoULbQfRyQFslxxl0WTbX6o5Zy1iOtrr5bfn3Yf/aNZcbgEEYho7B/pv2UnFDgmCTFylZoFL52X52/cb8DeLa+vmH2nVd5V/Ericm//E0yQKC4PFIOYJItchvhrFwWCaGGTTYXIqBl0cTnNBFFCeNf8VIQZk0AmSFm7rYlhdIi6J2IkRQ4BEq+IkhrTG/RYZ1NxiSDlij6LgCFA/g/jpFhpOKRr3yyU6tpm5haF2F6unp6XkzHxu1R0ZZuA0PAAAAAElFTkSuQmCC)
-    no-repeat;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAgVBMVEUAAAAtNWMsNmI4PGksNWIsNWMtNmMtNmMuNmQvN2MvN2Q7RWwtNWIsNWIsNmMtNmMtNmMuNmMtNmMvN2QtN2UwN2QtNWMsNmIsNWMtNWIsNmMtNmMtNmMsNmIsNWMsNWMtNmMtNmMtN2ItNmMsN2MvOGQuO2IzPGYzQGYzPWYsNWJmp6vtAAAAKnRSTlMA8OkN+KKTa0s6MAj1wL2ef15UQTIlzdDh3dvZx7iyqKWOgndiVyceFBl1hbf5AAACwUlEQVRo3uzX23KqMBQG4B/COQVEQFvPZ23e/wH3DFlTqRuTAGl743cpzvwkWQsWeHl5efklPDlP/E06Wy5n6cafnBOOn8Gi/Vz8Z76PmPWkIvPEE15W2MyL/Teh9ObHsKPMhIGstLGqlTC0Gru6Wy6+eV8HYVRWdV2VURis38U3+Q0jnBxx5/rFFQ+uhe+KO+eEodi2VQK7CE9Eu1b5bBkGSRb3RR0ZFNjxvrxFggGm3ldUyKHBw684b4reQkG8gMEACzxBQvQ0EWSWGG/7TJDJwKyAwxgPFGn6PXSmPc/Z6b+TUyG5FXqqXCEZ32VCR/1Ro7f6g8rK8KjZgrI+McAnpS0YTGxpD2sMUtNObmHgRLVRYaCKquQErZujPeHLIc8PF219OTfo5NRfijec11SA4u1F/ZZDI6bnhqKXU9FIFd1Nz5IYait94bpUQPrmWUGpVG0icehIAO1GllDJ5E2zsWFMLj8zOLEQY8MQ6k/Nlwvj48O4XJqvWLwcJo4YH4ajHF0YninoDzbC6MYLTXnsYCMMO3WJMNkdkZ2wSHYsU152YScMrvLW91RAdsKotPfoNqcjtRNG5TZHJy4aV1thV9Hg6JLI7xTYCoP8xknQ5dxcW9sLWzf/OysG08BeWCAHVkX1hPbCQkV1b7r6Ik5d54EgzgM3jbv6dqN43Zdou3iiB++CtlIxPsjBoULbQfRyQFslxxl0WTbX6o5Zy1iOtrr5bfn3Yf/aNZcbgEEYho7B/pv2UnFDgmCTFylZoFL52X52/cb8DeLa+vmH2nVd5V/Ericm//E0yQKC4PFIOYJItchvhrFwWCaGGTTYXIqBl0cTnNBFFCeNf8VIQZk0AmSFm7rYlhdIi6J2IkRQ4BEq+IkhrTG/RYZ1NxiSDlij6LgCFA/g/jpFhpOKRr3yyU6tpm5haF2F6unp6XkzHxu1R0ZZuA0PAAAAAElFTkSuQmCC) no-repeat;
   background-size: 100%;
 }
 
 .elder-wrapper .close-box {
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAgVBMVEUAAAAtNWMsNmI4PGksNWIsNWMtNmMtNmMuNmQvN2MvN2Q7RWwtNWIsNWIsNmMtNmMtNmMuNmMtNmMvN2QtN2UwN2QtNWMsNmIsNWMtNWIsNmMtNmMtNmMsNmIsNWMsNWMtNmMtNmMtN2ItNmMsN2MvOGQuO2IzPGYzQGYzPWYsNWJmp6vtAAAAKnRSTlMA8OkN+KKTa0s6MAj1wL2ef15UQTIlzdDh3dvZx7iyqKWOgndiVyceFBl1hbf5AAACwUlEQVRo3uzX23KqMBQG4B/COQVEQFvPZ23e/wH3DFlTqRuTAGl743cpzvwkWQsWeHl5efklPDlP/E06Wy5n6cafnBOOn8Gi/Vz8Z76PmPWkIvPEE15W2MyL/Teh9ObHsKPMhIGstLGqlTC0Gru6Wy6+eV8HYVRWdV2VURis38U3+Q0jnBxx5/rFFQ+uhe+KO+eEodi2VQK7CE9Eu1b5bBkGSRb3RR0ZFNjxvrxFggGm3ldUyKHBw684b4reQkG8gMEACzxBQvQ0EWSWGG/7TJDJwKyAwxgPFGn6PXSmPc/Z6b+TUyG5FXqqXCEZ32VCR/1Ro7f6g8rK8KjZgrI+McAnpS0YTGxpD2sMUtNObmHgRLVRYaCKquQErZujPeHLIc8PF219OTfo5NRfijec11SA4u1F/ZZDI6bnhqKXU9FIFd1Nz5IYait94bpUQPrmWUGpVG0icehIAO1GllDJ5E2zsWFMLj8zOLEQY8MQ6k/Nlwvj48O4XJqvWLwcJo4YH4ajHF0YninoDzbC6MYLTXnsYCMMO3WJMNkdkZ2wSHYsU152YScMrvLW91RAdsKotPfoNqcjtRNG5TZHJy4aV1thV9Hg6JLI7xTYCoP8xknQ5dxcW9sLWzf/OysG08BeWCAHVkX1hPbCQkV1b7r6Ik5d54EgzgM3jbv6dqN43Zdou3iiB++CtlIxPsjBoULbQfRyQFslxxl0WTbX6o5Zy1iOtrr5bfn3Yf/aNZcbgEEYho7B/pv2UnFDgmCTFylZoFL52X52/cb8DeLa+vmH2nVd5V/Ericm//E0yQKC4PFIOYJItchvhrFwWCaGGTTYXIqBl0cTnNBFFCeNf8VIQZk0AmSFm7rYlhdIi6J2IkRQ4BEq+IkhrTG/RYZ1NxiSDlij6LgCFA/g/jpFhpOKRr3yyU6tpm5haF2F6unp6XkzHxu1R0ZZuA0PAAAAAElFTkSuQmCC)
-    no-repeat;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAgVBMVEUAAAAtNWMsNmI4PGksNWIsNWMtNmMtNmMuNmQvN2MvN2Q7RWwtNWIsNWIsNmMtNmMtNmMuNmMtNmMvN2QtN2UwN2QtNWMsNmIsNWMtNWIsNmMtNmMtNmMsNmIsNWMsNWMtNmMtNmMtN2ItNmMsN2MvOGQuO2IzPGYzQGYzPWYsNWJmp6vtAAAAKnRSTlMA8OkN+KKTa0s6MAj1wL2ef15UQTIlzdDh3dvZx7iyqKWOgndiVyceFBl1hbf5AAACwUlEQVRo3uzX23KqMBQG4B/COQVEQFvPZ23e/wH3DFlTqRuTAGl743cpzvwkWQsWeHl5efklPDlP/E06Wy5n6cafnBOOn8Gi/Vz8Z76PmPWkIvPEE15W2MyL/Teh9ObHsKPMhIGstLGqlTC0Gru6Wy6+eV8HYVRWdV2VURis38U3+Q0jnBxx5/rFFQ+uhe+KO+eEodi2VQK7CE9Eu1b5bBkGSRb3RR0ZFNjxvrxFggGm3ldUyKHBw684b4reQkG8gMEACzxBQvQ0EWSWGG/7TJDJwKyAwxgPFGn6PXSmPc/Z6b+TUyG5FXqqXCEZ32VCR/1Ro7f6g8rK8KjZgrI+McAnpS0YTGxpD2sMUtNObmHgRLVRYaCKquQErZujPeHLIc8PF219OTfo5NRfijec11SA4u1F/ZZDI6bnhqKXU9FIFd1Nz5IYait94bpUQPrmWUGpVG0icehIAO1GllDJ5E2zsWFMLj8zOLEQY8MQ6k/Nlwvj48O4XJqvWLwcJo4YH4ajHF0YninoDzbC6MYLTXnsYCMMO3WJMNkdkZ2wSHYsU152YScMrvLW91RAdsKotPfoNqcjtRNG5TZHJy4aV1thV9Hg6JLI7xTYCoP8xknQ5dxcW9sLWzf/OysG08BeWCAHVkX1hPbCQkV1b7r6Ik5d54EgzgM3jbv6dqN43Zdou3iiB++CtlIxPsjBoULbQfRyQFslxxl0WTbX6o5Zy1iOtrr5bfn3Yf/aNZcbgEEYho7B/pv2UnFDgmCTFylZoFL52X52/cb8DeLa+vmH2nVd5V/Ericm//E0yQKC4PFIOYJItchvhrFwWCaGGTTYXIqBl0cTnNBFFCeNf8VIQZk0AmSFm7rYlhdIi6J2IkRQ4BEq+IkhrTG/RYZ1NxiSDlij6LgCFA/g/jpFhpOKRr3yyU6tpm5haF2F6unp6XkzHxu1R0ZZuA0PAAAAAElFTkSuQmCC) no-repeat;
   background-size: 100%;
 }
 
@@ -1234,8 +1179,7 @@ textarea:-ms-input-placeholder {
   padding: 0 35px 0 18px;
 }
 
-.elder-wrapper .input-box-txt .input-txt {
-}
+.elder-wrapper .input-box-txt .input-txt {}
 
 .elder-wrapper .input-box-txt .input-text-tips {
   bottom: 12px;
diff --git a/src/store/app.js b/src/store/app.js
index 4b1c9f3..0e5c650 100644
--- a/src/store/app.js
+++ b/src/store/app.js
@@ -1,13 +1,25 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 
-import { Toast, Dialog } from 'vant'
 import { fetchPost, upLoadImgHttp } from '@/utils/https'
 import wsConnection from '@/utils/socket'
 import FormatDate from '@/utils/filters'
 import utils from '@/utils/utils'
 import { Decryption, DecryptionECB, Encrypt } from '@/utils'
 import _ from 'lodash'
+import {
+  postConversation,
+  sendRobotMessage,
+  sendVoiceMessage,
+  uploadConversationImage,
+  connectHumanService,
+  updateReadMessages,
+  submitUserBehavior,
+  submitSatisfaction,
+  loadSystemConfig,
+  loadHeaderAvatar,
+  loadTipsConfig,
+} from '@/utils/conversationApi'
 
 // 幂等键统一采用用户消息前缀，便于和后端日志对齐排查。
 const createIdempotentKey = () => `user_msg_${Date.now()}`
@@ -91,7 +103,7 @@ export const useAppStore = defineStore('app', () => {
   const chatList = ref(initialChatList)
   const sendMessageList = ref(initialSendMessageList)
   const receiveMessageList = ref(initialReceiveMessageList)
-  const chatId = ref('')
+  const chatId = ref([])
   const currentItemId = ref('')
   const issubmit = ref(true)
   const otherTips = ref('')
@@ -105,6 +117,7 @@ export const useAppStore = defineStore('app', () => {
   const isBackstage = ref(false)
   const sdkLoaded = ref(false)
   const chatArr = ref([])
+  const isChatLoading = ref(false)
   const bpErrorInfo = ref([])
   const voiceDataList = ref([])
   const hxOpenSucceseds = ref([])
@@ -125,6 +138,9 @@ export const useAppStore = defineStore('app', () => {
   const msgReply = ref(true)
   const hotUserData = ref(null)
   const branchCompany = ref('')
+  const messageId = ref('')
+  const serverLastMessageId = ref('')
+  const idempotentKey = ref(createIdempotentKey())
 
   // —— Session ——
   function setIsBqCalcClaim(payload) {
@@ -170,6 +186,33 @@ export const useAppStore = defineStore('app', () => {
     token.value = ''
   }
 
+  // Vuex 版本通过 resetStore 清理登录态；保留同名 action 方便旧工具函数继续工作。
+  function resetStore() {
+    token.value = ''
+    userId.value = ''
+    sessionId.value = ''
+    userInfo.value = {}
+    chatList.value = []
+    chatArr.value = []
+    isChatLoading.value = false
+    sendMessageList.value = []
+    receiveMessageList.value = []
+    sendFailList.value = []
+    manualService.value = 1
+    isHumanChat.value = false
+    try {
+      sessionStorage.removeItem('token')
+      localStorage.removeItem('userId')
+      localStorage.removeItem('sessionId')
+      localStorage.removeItem('userInfo')
+      localStorage.removeItem('chatList')
+      localStorage.removeItem('sendMessageList')
+      localStorage.removeItem('receiveMessageList')
+    } catch (e) {
+      console.log(e)
+    }
+  }
+
   function setUserId(payload) {
     userId.value = payload
     try {
@@ -287,6 +330,136 @@ export const useAppStore = defineStore('app', () => {
     }
   }
 
+  // —— 新聊天界面消息 ——
+  // 消息先写入本地列表，再由调用方异步请求接口。接口失败只追加错误提示，
+  // 不回滚用户已经发出的消息，保证前端始终能立即展示发送内容。
+  function pushUserMessage(content, messageType = 'user', systemType = 'CARD') {
+    if (!content) return null
+
+    const message = {
+      type: messageType,
+      system: systemType,
+      isSendSuccess: true,
+      message: [
+        {
+          value: '',
+          param: '',
+          type: 'text',
+          options: {
+            label: content,
+            readOnly: false,
+            placeholder: '',
+          },
+        },
+      ],
+    }
+
+    chatArr.value.push(message)
+    isChatLoading.value = messageType === 'user'
+    return message
+  }
+
+  function getConversationMessageText(payload) {
+    if (typeof payload === 'string' || typeof payload === 'number') return String(payload)
+    return (
+      payload?.msgText ??
+      payload?.answer ??
+      payload?.content ??
+      payload?.text ??
+      payload?.message?.[0]?.options?.label ??
+      ''
+    )
+  }
+
+  // liics 的 qaChat 使用 msgText/fromFlag，chat-new 使用 message/type。
+  // 在 store 边界统一转换，旧聊天组件继续读取 chatList，新页面读取 chatArr。
+  function pushConversationMessage(payload, fallbackType = 'bot') {
+    const payloadList = Array.isArray(payload) ? payload : [payload]
+    let lastMessage = null
+
+    payloadList.forEach((item) => {
+      if (item == null) return
+
+      const content = getConversationMessageText(item)
+      const imageUrl = typeof item === 'object'
+        ? item.imageUrl || item.imgUrl || item?.message?.[0]?.options?.imageUrl || ''
+        : ''
+      if (!content && !imageUrl) return
+
+      const fromFlag = typeof item === 'object' ? String(item.fromFlag || '') : ''
+      const messageType = fromFlag === '1' ? 'user' : fromFlag === '2' ? 'bot' : fallbackType
+      const message = {
+        type: messageType,
+        system: item?.system || 'LIICS',
+        isSendSuccess: item?.isSendSuccess !== false,
+        imageUrl,
+        raw: item,
+        message: [
+          {
+            value: '',
+            param: '',
+            type: imageUrl ? 'image' : 'text',
+            options: {
+              label: content || '[图片]',
+              imageUrl,
+              readOnly: messageType !== 'user',
+              placeholder: '',
+            },
+          },
+        ],
+      }
+
+      chatArr.value.push(message)
+      isChatLoading.value = messageType === 'user'
+      lastMessage = message
+    })
+
+    if (fallbackType === 'bot') isChatLoading.value = false
+    return lastMessage
+  }
+
+  function pushImageMessage({ localId, imageUrl, fileName = '' } = {}) {
+    if (!localId || !imageUrl) return null
+
+    const message = {
+      localId,
+      type: 'user',
+      system: 'IMAGE',
+      isSendSuccess: true,
+      uploadStatus: 'uploading',
+      imageUrl,
+      fileName,
+      message: [
+        {
+          value: '',
+          param: '',
+          type: 'image',
+          options: {
+            label: '[图片]',
+            imageUrl,
+            readOnly: true,
+            placeholder: '',
+          },
+        },
+      ],
+    }
+
+    chatArr.value.push(message)
+    return message
+  }
+
+  function updateImageMessage(localId, payload = {}) {
+    const message = chatArr.value.find((item) => item.localId === localId)
+    if (!message) return
+
+    Object.assign(message, payload)
+    if (payload.uploadStatus === 'failed') message.isSendSuccess = false
+    if (payload.uploadStatus === 'success') message.isSendSuccess = true
+
+    const options = message.message?.[0]?.options
+    if (options && payload.imageUrl) options.imageUrl = payload.imageUrl
+  }
+
   // —— 消息发送状态 ——
   function setSendLoading(payload) {
     sendLoading.value = payload
@@ -402,12 +575,14 @@ export const useAppStore = defineStore('app', () => {
     setCurrentItemId(sendParmas.value.timestamp)
 
     chatList.value.push(sendParmas.value)
+    pushConversationMessage(sendParmas.value, 'user')
   }
 
   // 消息列表
   function setChatList(payload) {
     const normalizedItem = utils.normalizeMessage(payload)
     chatList.value.push(normalizedItem)
+    pushConversationMessage(normalizedItem, 'bot')
   }
 
   function delChatList(index) {
@@ -416,6 +591,8 @@ export const useAppStore = defineStore('app', () => {
 
   function delAllChatList() {
     chatList.value.splice(0, chatList.value.length)
+    chatArr.value.splice(0, chatArr.value.length)
+    isChatLoading.value = false
   }
 
   function delSendFailListById(delId) {
@@ -551,6 +728,478 @@ export const useAppStore = defineStore('app', () => {
     showHumanAppraise.value = payload
   }
 
+  function setMessageId(payload) {
+    messageId.value = payload || ''
+  }
+
+  function setServerLastMessageId(payload) {
+    serverLastMessageId.value = payload || ''
+  }
+
+  function setAsrConfig(payload) {
+    asrConfig.value = payload || {}
+  }
+
+  function setFlagType(payload) {
+    flagType.value = payload || ''
+  }
+
+  function setMydFlag(payload) {
+    mydFlag.value = payload
+  }
+
+  function getIdempotentKey() {
+    return idempotentKey.value
+  }
+
+  function refreshIdempotentKey() {
+    idempotentKey.value = createIdempotentKey()
+    return idempotentKey.value
+  }
+
+  function updateChatMessageSendStatus(localId, success, requestParams) {
+    const message = chatArr.value.find((item) => item.localId === localId || item.idempotentKey === localId)
+    if (!message) return
+    message.isSendSuccess = success
+    if (!success && requestParams) message.requestParams = requestParams
+  }
+
+  // —— liics 对话接口迁移 ——
+  // The Vue 2 components still dispatch these names.  They are kept as
+  // explicit Pinia actions so old chat cards and the new Vue 3 shell share
+  // the same request/response contract during the migration.
+  function setTransferCustomer(payload) {
+    setManualService(payload)
+    return Promise.resolve(payload)
+  }
+
+  function post(url, data = {}) {
+    return postConversation(url, data)
+  }
+
+  function buildMessagePayload(payload = {}) {
+    return {
+      token: token.value,
+      fromFlag: payload.fromFlag || 1,
+      userId: userId.value,
+      sessionId: sessionId.value,
+      reqAndResType: payload.reqAndResType,
+      msgType: payload.msgType || '',
+      msgText: payload.msgText,
+      intentId: payload.intentId || '',
+      source: source.value,
+      timestamp: payload.timestamp || Date.now(),
+      msgSource: payload.msgSource || manualService.value,
+      cmd: payload.cmd || '',
+      sendLoading: payload.sendLoading,
+      isSendSuccess: payload.isSendSuccess,
+      questionType: payload.questionType || '',
+      multipleError: payload.multipleError || '',
+      bpErrorCode: payload.bpErrorCode || '',
+      bpErrorContent: payload.bpErrorContent || '',
+      voiceNo: payload.voiceNo,
+      voiceData: payload.voiceData,
+      quoteData: payload.quoteData || null,
+      flagType: flagType.value,
+    }
+  }
+
+  function getResponsePayload(response) {
+    return response?.data ?? response
+  }
+
+  function assertConversationSuccess(response) {
+    if (response && response.code != null && Number(response.code) !== 0) {
+      throw new Error(response.msg || '消息发送失败')
+    }
+    return getResponsePayload(response)
+  }
+
+  async function sendHttpMessage(payload) {
+    try {
+      const response = await sendRobotMessage({ ...payload, flagType: flagType.value })
+      const result = assertConversationSuccess(response)
+      issubmit.value = true
+      setFindActiveItem(false)
+      if (result?.cmd === 'SFRZSB') {
+        setProblemFeedback(true)
+        setQaId(result.qaId)
+      }
+      if (result) setChatList(result)
+      scrollBottom()
+      return result
+    } catch (error) {
+      issubmit.value = true
+      setFindActiveItem(true)
+      isChatLoading.value = false
+      throw error
+    }
+  }
+
+  function sendWebsocketMessage(payload) {
+    return new Promise((resolve, reject) => {
+      const socket = wsConnection.$ws
+      if (!socket || socket.readyState !== 1) {
+        setFindActiveItem(true)
+        sendFailList.value.push(payload)
+        issubmit.value = true
+        reject(new Error('当前会话已断开，请检查您的网络设置'))
+        return
+      }
+
+      const message = { ...payload, sendLoading: false }
+      setFindActiveItem(false)
+      if (channelReform.value && msgStatus.value === '1' && msgReply.value) {
+        post('config/getHXReplyMessage', {
+          key: 'HUANXIN:HUMAN:QUEUE_AUTOMATIC_REPLY_MESSAGE:',
+        })
+          .then((response) => {
+            if (response?.code === 0 && response.data) {
+              setChatList({
+                answerType: 'text',
+                fromFlag: 2,
+                userId: userId.value,
+                sessionId: sessionId.value,
+                reqAndResType: '08',
+                msgType: '01',
+                msgText: response.data,
+                source: source.value,
+                timestamp: Date.now(),
+                msgSource: manualService.value,
+              })
+              setMsgReply(false)
+              scrollBottom()
+            }
+          })
+          .catch(() => { })
+      }
+
+      if (msgStatus.value !== '1') setIsHumanChat(true)
+      wsConnection.sendMessage(JSON.stringify(message), (ack) => {
+        if (!ack || String(ack) !== String(payload.timestamp)) {
+          setFindActiveItem(true)
+          sendFailList.value.push(payload)
+        }
+        resolve(ack)
+      })
+    }).finally(() => {
+      issubmit.value = true
+    })
+  }
+
+  async function sendingRobot(payload = {}) {
+    if (!issubmit.value) return Promise.reject(new Error('消息正在发送'))
+    issubmit.value = false
+    const sendparam = buildMessagePayload(payload)
+    try {
+      if (Number(manualService.value) === 1) {
+        if (payload.msgText !== '&转人工服务&') addSendMessageList(sendparam)
+        return await sendHttpMessage(sendparam)
+      }
+
+      addSendMessageList(sendparam)
+      return await sendWebsocketMessage(sendparam)
+    } catch (error) {
+      issubmit.value = true
+      throw error
+    }
+  }
+
+  async function ResendMessage(payload = {}) {
+    setCurrentItemId(payload.timestamp)
+    return sendingRobot({ ...payload, sendLoading: true, isSendSuccess: false })
+  }
+
+  async function addUpLoadImg(payload = {}) {
+    const formData = payload.formData
+    if (!formData) throw new Error('缺少图片数据')
+    formData.append('fromFlag', '1')
+    formData.append('userId', userId.value || '')
+    formData.append('token', token.value || '')
+    formData.append('sessionId', sessionId.value || '')
+    formData.append('reqAndResType', payload.reqAndResType || '2')
+    formData.append('source', source.value || '')
+    formData.append('timestamp', String(Date.now()))
+    formData.append('msgSource', String(manualService.value || '1'))
+
+    addSendMessageList(payload)
+    try {
+      const response = await uploadConversationImage(formData)
+      const result = assertConversationSuccess(response)
+      setFindActiveItem(false)
+      setActiveItemExtra(result)
+      if (result) setChatList(result)
+      scrollBottom()
+      return result
+    } catch (error) {
+      setFindActiveItem(true)
+      throw error
+    }
+  }
+
+  async function addUpLoadVoice(payload = {}) {
+    if (!issubmit.value) return Promise.reject(new Error('消息正在发送'))
+    issubmit.value = false
+    return sendVoice({ ...payload, reqAndResType: payload.reqAndResType || '5' })
+  }
+
+  async function sendVoice(payload = {}) {
+    try {
+      const result = await sendVoiceMessage(buildMessagePayload(payload))
+      const data = assertConversationSuccess(result)
+      if (data?.voiceNo != null) data.voiceNo = Number(data.voiceNo)
+      issubmit.value = true
+      setFindActiveItem(false)
+      if (data) setChatList(data)
+      scrollBottom()
+      return data
+    } catch (error) {
+      issubmit.value = true
+      setFindActiveItem(true)
+      throw error
+    }
+  }
+
+  async function sendmessageContent(payload = {}) {
+    if (!wsConnection.$ws || wsConnection.$ws.readyState !== 1) {
+      throw new Error('当前会话已断开，请检查您的网络设置')
+    }
+    const sendparam = buildMessagePayload(payload)
+    addSendMessageList(sendparam)
+    return sendWebsocketMessage(sendparam)
+  }
+
+  async function sendingDrtificial(payload) {
+    if (!payload) return null
+    const message = utils.normalizeMessage(payload)
+    if (message.chatId && chatId.value.includes(message.chatId)) {
+      wsConnection.sendMessage(JSON.stringify(message), '')
+      return message
+    }
+    if (message.chatId) setChatId(message.chatId)
+    if (!isBackstage.value && message.fromFlag == 2 && message.seatNum !== '调度员') {
+      updateReadStatus([message.chatId]).catch(() => { })
+      message.readStatus = 1
+    }
+    setChatList(message)
+    sendLoading.value = false
+    scrollBottom()
+    return message
+  }
+
+  async function transferCustomer(payload = {}) {
+    const response = await sendRobotMessage({ ...buildMessagePayload(payload), cmd: payload.cmd || 'ZJSXRGFW' })
+    return assertConversationSuccess(response)
+  }
+
+  async function connectionArtificial(payload = {}) {
+    const response = await sendRobotMessage(buildMessagePayload(payload))
+    const result = assertConversationSuccess(response)
+    if (result) {
+      setChatList(result)
+      scrollBottom()
+    }
+    return result
+  }
+
+  async function setConnectToEasemob() {
+    const response = await connectHumanService({
+      userId: userId.value,
+      sessionId: sessionId.value,
+      source: source.value,
+    })
+    const result = assertConversationSuccess(response)
+    if (result?.connection === true) setManualService(result.msgSource || 2)
+    else if (result) setChatList(result)
+    return result
+  }
+
+  async function complaintCall(payload = {}) {
+    const text = payload.msgText || ''
+    const markedText = text ? `&${text.split('').join('&')}&` : text
+    const response = await sendRobotMessage({
+      ...buildMessagePayload(payload),
+      msgText: payload.navigationCorpus ? `${markedText}-${payload.navigationCorpus}` : markedText,
+    })
+    const result = assertConversationSuccess(response)
+    if (result) setChatList(result)
+    return result
+  }
+
+  async function brokenPointCall(payload = {}) {
+    const text = payload.msgText || ''
+    const markedText = text ? `&${text.split('').join('&')}&` : text
+    const response = await sendRobotMessage({
+      ...buildMessagePayload(payload),
+      msgText: markedText,
+      bpErrorCode: payload.bpErrorCode || '',
+      bpErrorContent: payload.bpErrorContent || '',
+    })
+    const result = assertConversationSuccess(response)
+    if (result) setChatList(result)
+    return result
+  }
+
+  function userBehavior(payload = {}) {
+    return submitUserBehavior({
+      userInfoId: userId.value,
+      sessionId: sessionId.value || '',
+      qaId: payload.qaId || '',
+      eventType: payload.eventType,
+      source: source.value,
+      eventMsg: payload.eventMsg,
+    })
+  }
+
+  function changeReadStatus() {
+    const unread = chatList.value
+      .filter((item) => item.fromFlag == 2 && item.seatNum !== '调度员' && item.readStatus === 0)
+      .map((item) => item.chatId)
+    unread.forEach((id) => {
+      const item = chatList.value.find((entry) => entry.chatId === id)
+      if (item) item.readStatus = 1
+    })
+    return updateReadStatus(unread)
+  }
+
+  function updateReadStatus(messageIds = []) {
+    if (!messageIds?.length) return Promise.resolve([])
+    return updateReadMessages({ userInfoId: userId.value, msgList: messageIds })
+  }
+
+  function savePaperResult(payload = {}) {
+    return submitSatisfaction({
+      oprUser: `${payload.userId || userId.value}`,
+      userType: 'C',
+      selectedSeq: payload.evaluation === 2 ? '2' : '4',
+      content: payload.evaluation === 2 ? '不满意' : '满意',
+      sceneNo: 2,
+      oprIdType: 'userID',
+    })
+  }
+
+  async function getSysConfig() {
+    const response = await loadSystemConfig({ source: source.value })
+    const result = assertConversationSuccess(response)
+    setSysConfig(result)
+    return result
+  }
+
+  async function getHeaderUrl() {
+    const response = await loadHeaderAvatar({ source: source.value })
+    const result = assertConversationSuccess(response)
+    let avatar = result
+    if (typeof avatar === 'string') {
+      try { avatar = JSON.parse(avatar) } catch (_) { /* keep string */ }
+    }
+    setHeaderAvatar(avatar)
+    return avatar
+  }
+
+  function getTipsConfig(payload) {
+    return loadTipsConfig({ cmd: payload })
+  }
+
+  function appraiseEvaluate(payload) {
+    return post('evaluation/evaluateAnswer', payload)
+  }
+
+  function updateClickTime(payload) {
+    return post('config/updateClickTime', payload)
+  }
+
+  function leaveMessage() {
+    setLeaveMessage(true)
+    return Promise.resolve()
+  }
+
+  function exitMessage() {
+    setLeaveMessage(false)
+    return post('HumanChat/closeEvent', { userId: userId.value })
+  }
+
+  const legacyState = new Proxy({}, {
+    get(_target, key) {
+      const refs = {
+        token, userId, userInfo, configId, sessionId, source, planCode, entrance,
+        elder, notitle, headerAvatar, htmlExtParams, complaint, navigationCorpus,
+        mescrollContent, isLeaveMessage, isLeaveMessageSuccess, manualService,
+        queuedTimeout, sendLoading, isSendSuccess, timestamp, sendParmas, chatList,
+        sendMessageList, receiveMessageList, chatId, currentItemId, issubmit,
+        otherTips, lastMessage, asrConfig, sendFailList, isLostMessage, qaId,
+        problemFeedback, isBackstage, sdkLoaded, bpErrorInfo, voiceDataList,
+        hxOpenSucceseds, pcaData, appentry, tts, flagType, msgStatus,
+        channelReform, isHumanChat, gaokeUser, hotUser, reviewRestricted,
+        integratedUser, showHumanAppraise, mydFlag, isBqCalcClaim, msgReply,
+        hotUserData, branchCompany,
+        messageId, serverLastMessageId, idempotentKey,
+      }
+      const value = refs[key]
+      return value && typeof value === 'object' && 'value' in value ? value.value : value
+    },
+  })
+
+  const mutationMap = {
+    set_token: setToken, set_sessionId: setSessionId, set_configId: setConfigId,
+    set_appentry: setAppentry, del_token: delToken, resetStore, set_userid: setUserId,
+    set_source: setSource, set_notitle: setNotitle, set_elder: setElder,
+    set_plan_code: setPlanCode, set_entrance: setEntrance, set_userInfo: setUserInfo,
+    set_htmlExtParams: setHtmlExtParams, set_complaint: setComplaint,
+    set_navigationCorpus: setNavigationCorpus, set_manualService: setManualService,
+    set_sysConfig: setSysConfig, set_headerAvatar: setHeaderAvatar,
+    set_sendLoading: setSendLoading, set_isSendSuccess: setIsSendSuccess,
+    set_qaId: setQaId, set_problemFeedback: setProblemFeedback, set_otherTips: setOtherTips,
+    set_lastMessage: setLastMessage, set_sendFailList: setSendFailList,
+    set_isLostMessage: setIsLostMessage, del_sendFailList: delSendFailList,
+    set_leaveMessage: setLeaveMessage, set_isLeaveMessageSuccess: setIsLeaveMessageSuccess,
+    set_mescrollContent: setMescrollContent, set_sendMessageList: setSendMessageList,
+    set_receiveMessageList: setReceiveMessageList, set_tts: setTts,
+    set_hxOpenSuccesed: setHxOpenSuccesed, set_timestamp: setTimestamp,
+    set_sendParmas: setSendParmas, set_queuedTimeout: setQueuedTimeout,
+    set_chatList: setChatList, del_chatList: delChatList, delall_chatList: delAllChatList,
+    set_chatId: setChatId, set_currentItemId: setCurrentItemId,
+    set_findActiveItem: setFindActiveItem, set_activeItemExtra: setActiveItemExtra,
+    set_reSendMessage: setReSendMessage, set_isBackstage: setIsBackstage,
+    set_VoiceData: setVoiceData, set_sdkLoaded: setSdkLoaded, set_pcaData: setPcaData,
+    set_channelReform: setChannelReform, set_msgStatus: setMsgStatus,
+    set_msgReply: setMsgReply, set_isHumanChat: setIsHumanChat,
+    set_gaokeUser: setGaokeUser, set_branchCompany: setBranchCompany,
+    set_hotUser: setHotUser, set_hotUserData: setHotUserData,
+    set_reviewRestricted: setReviewRestricted, set_integratedUser: setIntegratedUser,
+    set_hxSessionId: setHxSessionId, set_showHumanAppraise: setShowHumanAppraise,
+    set_mydFlag: setMydFlag,
+    set_messageId: setMessageId,
+    set_serverLastMessageId: setServerLastMessageId,
+    set_AsrConfig: setAsrConfig,
+    set_flagType: setFlagType,
+    set_isBqCalcClaim: setIsBqCalcClaim,
+    scrollBottom,
+    del_set_sendFailList: delSendFailListById,
+  }
+
+  function commit(type, payload) {
+    const mutation = mutationMap[type]
+    if (!mutation) return undefined
+    return mutation(payload)
+  }
+
+  const actionMap = {
+    post, setTransferCustomer, addSendMessageList,
+    sendHttpMessage, sendVoice, sendWebsocketMessage,
+    sendingRobot, ResendMessage, addUpLoadImg, addUpLoadVoice, sendmessageContent,
+    sendingDrtificial, transferCustomer, connectionArtificial, setConnectToEasemob,
+    complaintCall, brokenPointCall, userBehavior, getSysConfig, getHeaderUrl,
+    changeReadStatus, updateReadStatus, savePaperResult, getTipsConfig,
+    appraiseEvaluate, updateClickTime, leaveMessage, exitMessage,
+  }
+
+  function dispatch(type, payload) {
+    const action = actionMap[type]
+    if (!action) return Promise.reject(new Error(`未知对话 action: ${type}`))
+    const result = typeof action === 'function' ? action(payload) : action
+    return Promise.resolve(result)
+  }
+
   return {
     // State
     token,
@@ -596,6 +1245,7 @@ export const useAppStore = defineStore('app', () => {
     isBackstage,
     sdkLoaded,
     chatArr,
+    isChatLoading,
     bpErrorInfo,
     voiceDataList,
     hxOpenSucceseds,
@@ -616,6 +1266,9 @@ export const useAppStore = defineStore('app', () => {
     msgReply,
     hotUserData,
     branchCompany,
+    messageId,
+    serverLastMessageId,
+    idempotentKey,
 
     // Actions
     setIsBqCalcClaim,
@@ -625,6 +1278,8 @@ export const useAppStore = defineStore('app', () => {
     setAppentry,
     setBpErrorInfo,
     delToken,
+    del_token: delToken,
+    resetStore,
     setUserId,
     setSource,
     setNotitle,
@@ -638,6 +1293,9 @@ export const useAppStore = defineStore('app', () => {
     setManualService,
     setSysConfig,
     setHeaderAvatar,
+    pushUserMessage,
+    pushImageMessage,
+    updateImageMessage,
     setSendLoading,
     setIsSendSuccess,
     setQaId,
@@ -684,7 +1342,53 @@ export const useAppStore = defineStore('app', () => {
     setIntegratedUser,
     setHxSessionId,
     setShowHumanAppraise,
-    set_data: setShowHumanAppraise
+    set_data: setShowHumanAppraise,
+    setMessageId,
+    setServerLastMessageId,
+    setAsrConfig,
+    setFlagType,
+    setMydFlag,
+    getIdempotentKey,
+    refreshIdempotentKey,
+    updateChatMessageSendStatus,
+    // Legacy Vuex compatibility used by the migrated components.
+    state: legacyState,
+    commit,
+    dispatch,
+    setTransferCustomer,
+    post,
+    sendHttpMessage,
+    sendWebsocketMessage,
+    sendingRobot,
+    ResendMessage,
+    addUpLoadImg,
+    addUpLoadVoice,
+    sendVoice,
+    sendmessageContent,
+    sendingDrtificial,
+    transferCustomer,
+    connectionArtificial,
+    setConnectToEasemob,
+    complaintCall,
+    brokenPointCall,
+    userBehavior,
+    getSysConfig,
+    getHeaderUrl,
+    changeReadStatus,
+    updateReadStatus,
+    savePaperResult,
+    getTipsConfig,
+    appraiseEvaluate,
+    updateClickTime,
+    leaveMessage,
+    exitMessage,
+    // A few Vue 2 components call these methods directly instead of through
+    // commit; keep the aliases until those templates are fully rewritten.
+    set_mescrollContent: setMescrollContent,
+    set_problemFeedback: setProblemFeedback,
+    delall_chatList: delAllChatList,
+    del_chatList: delChatList,
+    del_set_sendFailList: delSendFailListById,
   }
 })
 export default useAppStore
diff --git a/src/utils/index.js b/src/utils/index.js
index 0bc4f78..1d25932 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -1,5 +1,6 @@
 // import Vue from 'vue'
 import router from '@/router'
+import pinia from '@/store'
 import CryptoJS from "crypto-js";
 import utils from '@/utils/utils';
 import wx from 'weixin-js-sdk';
@@ -245,6 +246,7 @@ export function toListDF(tree, list, parentId) {
  */
 export function clearLoginInfo() {
   // Vue.cookie.delete('token')
+  useAppStore(pinia).commit('resetStore')
   router.options.isAddDynamicMenuRoutes = false
 }
 
@@ -372,7 +374,7 @@ export function getHost() {
 export function Encrypt(Okey, Oiv, payload) {
   const key = CryptoJS.enc.Utf8.parse(Okey);
   const iv = CryptoJS.enc.Utf8.parse(Oiv);
-  let srcs = CryptoJS.enc.Utf8.parse(payload)
+  let srcs = srcs = CryptoJS.enc.Utf8.parse(payload)
   const encrypted = CryptoJS.AES.encrypt(srcs, key, { iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
   const base64str = CryptoJS.enc.Base64.stringify(encrypted.ciphertext)
   // return encrypted.ciphertext.toString().toUpperCase();