From b046388c864ee196c3a4cb0ff12db3485add1131 Mon Sep 17 00:00:00 2001
From: wangyifeng <812766448@qq.com>
Date: Tue, 5 Aug 2025 15:45:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=99=BA=E8=83=BD=E5=8A=A9?=
 =?UTF-8?q?=E6=89=8B=E6=8E=A8=E9=80=81=E7=9A=84=E7=B3=BB=E7=BB=9F=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E7=B1=BB=E5=9E=8B=E5=AF=B9=E6=8E=A5=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E5=AF=B9=E5=BA=94=E7=B1=BB=E5=9E=8B=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E7=9A=84=E5=8D=A1=E7=89=87=E5=B1=95=E7=A4=BA=E5=92=8C?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |   1 +
 env/.env.dev                                  |   6 +-
 package.json                                  |   1 +
 src/components/deep-bubble/deep-bubble.vue    |  17 ++-
 .../talk/message/system/sysPushMessage.vue    | 133 ++++++++++++++++++
 src/constant/message.ts                       |  29 +++-
 src/event/talk.js                             |   6 +-
 src/pages/chatSettings/index.vue              |   4 +-
 src/pages/dialog/index.vue                    |  85 ++++++++---
 src/static/image/chatBotMessageCard/copy.png  | Bin 0 -> 3365 bytes
 .../image/chatBotMessageCard/errorClock.png   | Bin 0 -> 3224 bytes
 .../chatBotMessageCard/noClockAfterWork.png   | Bin 0 -> 3060 bytes
 .../chatBotMessageCard/noClockBeforeWork.png  | Bin 0 -> 3216 bytes
 .../image/chatBotMessageCard/prompt.png       | Bin 0 -> 3093 bytes
 14 files changed, 251 insertions(+), 31 deletions(-)
 create mode 100644 src/components/talk/message/system/sysPushMessage.vue
 create mode 100644 src/static/image/chatBotMessageCard/copy.png
 create mode 100644 src/static/image/chatBotMessageCard/errorClock.png
 create mode 100644 src/static/image/chatBotMessageCard/noClockAfterWork.png
 create mode 100644 src/static/image/chatBotMessageCard/noClockBeforeWork.png
 create mode 100644 src/static/image/chatBotMessageCard/prompt.png

diff --git a/components.d.ts b/components.d.ts
index c5aef78..7e123e7 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -51,6 +51,7 @@ declare module 'vue' {
     SysGroupMemberRemovedMessage: typeof import('./src/components/talk/message/system/SysGroupMemberRemovedMessage.vue')['default']
     SysGroupMutedMessage: typeof import('./src/components/talk/message/system/SysGroupMutedMessage.vue')['default']
     SysGroupTransferMessage: typeof import('./src/components/talk/message/system/SysGroupTransferMessage.vue')['default']
+    SysPushMessage: typeof import('./src/components/talk/message/system/sysPushMessage.vue')['default']
     SysTextMessage: typeof import('./src/components/talk/message/system/SysTextMessage.vue')['default']
     TabbarItem: typeof import('./src/components/x-tabbar/components/tabbar-item/index.vue')['default']
     TextMessage: typeof import('./src/components/talk/message/TextMessage.vue')['default']
diff --git a/env/.env.dev b/env/.env.dev
index 1de5297..ab6d813 100644
--- a/env/.env.dev
+++ b/env/.env.dev
@@ -5,8 +5,10 @@ VITE_SHOW_CONSOLE = true
 # 是否开启sourcemap
 VITE_SHOW_SOURCEMAP = true
 # baseUrl
-VITE_BASEURL = 'http://172.16.100.93:8503'
+# VITE_BASEURL = 'http://172.16.100.93:8503'
+VITE_BASEURL = 'http://192.168.88.47:9503'
 #VITE_SOCKET_API
-VITE_SOCKET_API = 'ws://172.16.100.93:8504'
+# VITE_SOCKET_API = 'ws://172.16.100.93:8504'
+VITE_SOCKET_API = 'ws://192.168.88.47:9504'
 # EPRAPI baseUrl
 VITE_EPR_BASEURL = 'http://114.218.158.24:9020'
diff --git a/package.json b/package.json
index 53e6624..83c1d2f 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "packageManager": "pnpm@8.14.1",
   "license": "MIT",
   "scripts": {
+    "dev:h5": "uni --mode dev --port 2468",
     "test:h5": "uni --mode test --port 2468",
     "prod:h5": "uni --mode prod",
     "build:h5:test": "uni build --mode test",
diff --git a/src/components/deep-bubble/deep-bubble.vue b/src/components/deep-bubble/deep-bubble.vue
index fc9572c..4d2685a 100644
--- a/src/components/deep-bubble/deep-bubble.vue
+++ b/src/components/deep-bubble/deep-bubble.vue
@@ -36,6 +36,7 @@
             <div class="mt-1">转文字</div>
           </div>
           <div
+            v-if="props.isShowMultipleChoose && !props.isChatRobot"
             @click="() => itemClick('multipleChoose')"
             class="flex flex-col items-center justify-center"
           >
@@ -47,7 +48,7 @@
             <div class="mt-1">多选</div>
           </div>
           <div
-            v-if="props.isShowCite"
+            v-if="props.isShowCite && !props.isChatRobot"
             @click="() => itemClick('actionCite')"
             class="flex flex-col items-center justify-center"
           >
@@ -63,6 +64,7 @@
             <div class="mt-1">撤回</div>
           </div>
           <div
+            :class="{ 'w-full': props.isChatRobot }"
             @click="() => itemClick('actionDelete')"
             class="flex flex-col items-center justify-center"
           >
@@ -110,14 +112,17 @@ const bubbleRef = ref(null)
 
 const props = defineProps({
   isShowCopy: {
+    //是否显示复制
     type: Boolean,
     default: true,
   },
   isShowCite: {
+    //是否显示引用
     type: Boolean,
     default: true,
   },
   isShowWithdraw: {
+    //是否显示撤回
     type: Boolean,
     default: true,
   },
@@ -126,6 +131,16 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  isShowMultipleChoose: {
+    //是否显示多选
+    type: Boolean,
+    default: true,
+  },
+  isChatRobot: {
+    //是否是智能助手
+    type: Boolean,
+    default: false,
+  }
 })
 
 const emits = defineEmits(['clickMenu'])
diff --git a/src/components/talk/message/system/sysPushMessage.vue b/src/components/talk/message/system/sysPushMessage.vue
new file mode 100644
index 0000000..dbf3320
--- /dev/null
+++ b/src/components/talk/message/system/sysPushMessage.vue
@@ -0,0 +1,133 @@
+<script setup>
+import { handleFindWebview } from '@/utils/common'
+import noClockAfterWork from '@/static/image/chatBotMessageCard/noClockAfterWork.png'
+import noClockBeforeWork from '@/static/image/chatBotMessageCard/noClockBeforeWork.png'
+import copy from '@/static/image/chatBotMessageCard/copy.png'
+import errorClock from '@/static/image/chatBotMessageCard/errorClock.png'
+import prompt from '@/static/image/chatBotMessageCard/prompt.png'
+
+const props = defineProps({
+  extra: Object,
+  data: Object,
+})
+
+//聊天助手发送的系统消息卡片图片
+const getMessageCard = computed(() => {
+  switch (props.data.msg_type) {
+    case 1117: //催办提醒
+      return prompt
+    case 1118: //上班未打卡
+      return noClockBeforeWork
+    case 1119: //下班未打卡
+      return noClockAfterWork
+    case 1120: //待审批
+      return prompt
+    case 1121: //抄送
+      return copy
+    case 1122: //缺卡
+      return errorClock
+    case 1123: //迟到
+      return errorClock
+    case 1124: //早退
+      return errorClock
+    default:
+      return ''
+  }
+})
+
+//聊天助手发送的系统消息文字颜色
+const getTextColor = computed(() => {
+  const msgType = props.data.msg_type
+  //审批催办、审批
+  if ([1117, 1120].includes(msgType)) return '#2668BF'
+  //上班未打卡、下班未打卡
+  if ([1118, 1119].includes(msgType)) return '#46299D'
+  //抄送
+  if (msgType === 1121) return '#2099BE'
+  //缺卡、迟到、早退
+  if ([1122, 1123, 1124].includes(msgType)) return '#933BA3'
+  return ''
+})
+
+//聊天助手发送的系统消息文字内容
+const getTextContent = computed(() => {
+  const msgType = props.data.msg_type
+  //审批催办、审批
+  if ([1117, 1120].includes(msgType)) return '立即审批'
+  //上班未打卡、下班未打卡
+  if ([1118, 1119].includes(msgType)) return '立即打卡'
+  //抄送、缺卡、迟到、早退
+  if ([1121, 1122, 1123, 1124].includes(msgType)) return '立即查看'
+  return ''
+})
+
+//点击向webview通信，处理智能助手系统消息
+const handleSysMessagePush = () => {
+  handleFindWebview(`handleSysMessagePush('${encodeURIComponent(props?.extra?.url)}')`)
+}
+</script>
+
+<template>
+  <div class="sys-message-push" @click="handleSysMessagePush">
+    <div class="sys-message-push-card">
+      <span class="sys-message-push-card-title">{{ props.extra.title }}</span>
+      <span class="sys-message-push-card-message" v-html="props.extra.message">
+      </span>
+      <img :src="getMessageCard" alt="" />
+    </div>
+    <div class="sys-message-push-card-btn">
+      <span :style="{ color: getTextColor }">{{ getTextContent }}</span>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.sys-message-push {
+  border-radius: 0 16rpx 16rpx 16rpx;
+  overflow: hidden;
+  box-shadow: 0 6px 12px 2px rgba(188, 188, 188, 0.08);
+  .sys-message-push-card {
+    position: relative;
+    width: 486rpx;
+    height: 270rpx;
+    .sys-message-push-card-title {
+      position: absolute;
+      top: 28rpx;
+      left: 30rpx;
+      font-size: 24rpx;
+      line-height: 34rpx;
+      color: rgba(255, 255, 255, 0.73);
+      font-weight: 500;
+    }
+    .sys-message-push-card-message {
+      position: absolute;
+      bottom: 44rpx;
+      left: 30rpx;
+      font-size: 40rpx;
+      line-height: 58rpx;
+      color: #fff;
+      font-weight: bold;
+      max-width: 326rpx;
+    }
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .sys-message-push-card-btn {
+    background-color: #fff;
+    width: 486rpx;
+    height: 78rpx;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    text {
+      color: #000;
+      font-size: 28rpx;
+      line-height: 40rpx;
+      font-weight: 500;
+    }
+  }
+}
+</style>
diff --git a/src/constant/message.ts b/src/constant/message.ts
index cc50fce..784de46 100644
--- a/src/constant/message.ts
+++ b/src/constant/message.ts
@@ -29,6 +29,14 @@ export const ChatMsgSysGroupTransfer = 1113 // 变更群主
 export const ChatMsgSysGroupAdmin = 1114 // 设置管理员
 export const ChatMsgSysGroupMemberRemoved = 1115 // 移出群成员消息(部门群、公司群自动移出)
 export const ChatMsgSysGroupInfoChange = 1116 // 管理员更新了群信息
+export const ChatMsgSysPush_PromptReminder = 1117 // 系统推送消息-催办提醒
+export const ChatMsgSysPush_NoClockReminderBeforeWork = 1118 // 系统推送消息-上班未打卡
+export const ChatMsgSysPush_NoClockReminderAfterWork = 1119 // 系统推送消息-下班未打卡
+export const ChatMsgSysPush_ApprovalReminder = 1120 // 系统推送消息-待审批提醒
+export const ChatMsgSysPush_CopyReminder = 1121 // 系统推送消息-抄送提醒
+export const ChatMsgSysPush_AbsentReminder = 1122 // 系统推送消息-缺卡提醒
+export const ChatMsgSysPush_LateReminder = 1123 // 系统推送消息-迟到提醒
+export const ChatMsgSysPush_EarlyReminder = 1124 // 系统推送消息-早退提醒
 
 export const ChatMsgTypeMapping = {
   [ChatMsgTypeText]: '[文本消息]',
@@ -60,7 +68,15 @@ export const ChatMsgTypeMapping = {
   [ChatMsgSysGroupTransfer]: '[转让群主]',
   [ChatMsgSysGroupAdmin]: '[设置管理员]',
   [ChatMsgSysGroupMemberRemoved]: '[移出群成员消息]',
-  [ChatMsgSysGroupInfoChange]: '[群信息更新]'
+  [ChatMsgSysGroupInfoChange]: '[群信息更新]',
+  [ChatMsgSysPush_PromptReminder]: '[催办提醒]',
+  [ChatMsgSysPush_NoClockReminderBeforeWork]: '[未打卡提醒]',
+  [ChatMsgSysPush_NoClockReminderAfterWork]: '[未打卡提醒]',
+  [ChatMsgSysPush_ApprovalReminder]: '[审批提醒]',
+  [ChatMsgSysPush_CopyReminder]: '[抄送提醒]',
+  [ChatMsgSysPush_AbsentReminder]: '[异常卡提醒]',
+  [ChatMsgSysPush_LateReminder]: '[异常卡提醒]',
+  [ChatMsgSysPush_EarlyReminder]: '[异常卡提醒]'
 }
 
 // 消息类型 - 消息组件 映射关系
@@ -93,7 +109,16 @@ export const MessageComponents = {
   [ChatMsgSysGroupTransfer]: 'sys-group-transfer-message',
   [ChatMsgSysGroupAdmin]:'sys-group-admin-message',
   [ChatMsgSysGroupMemberRemoved]:'sys-group-member-removed-message',
-  [ChatMsgSysGroupInfoChange]:'sys-group-info-change-message'
+  [ChatMsgSysGroupInfoChange]:'sys-group-info-change-message',
+  // 智能助手推送的系统消息采用相同的模版
+  [ChatMsgSysPush_PromptReminder]:'sys-push-message',
+  [ChatMsgSysPush_NoClockReminderBeforeWork]:'sys-push-message',
+  [ChatMsgSysPush_NoClockReminderAfterWork]:'sys-push-message',
+  [ChatMsgSysPush_ApprovalReminder]:'sys-push-message',
+  [ChatMsgSysPush_CopyReminder]:'sys-push-message',
+  [ChatMsgSysPush_AbsentReminder]:'sys-push-message',
+  [ChatMsgSysPush_LateReminder]:'sys-push-message',
+  [ChatMsgSysPush_EarlyReminder]:'sys-push-message'
 }
 
 // 可转发的消息类型
diff --git a/src/event/talk.js b/src/event/talk.js
index 4cfc957..c699906 100644
--- a/src/event/talk.js
+++ b/src/event/talk.js
@@ -94,7 +94,11 @@ class Talk extends Base {
    */
   getTalkText() {
     let text = ''
-    if (this.resource.msg_type != message.ChatMsgTypeText) {
+    if (
+      this.resource.msg_type != message.ChatMsgTypeText &&
+      //智能助手发送的系统消息，也直接显示内容
+      this.resource.user_id !== 2
+    ) {
       text = message.ChatMsgTypeMapping[this.resource.msg_type]
     } else {
       text = this.resource.extra.content.replace(/<img .*?>/g, '')
diff --git a/src/pages/chatSettings/index.vue b/src/pages/chatSettings/index.vue
index 8ec0b4c..cc60e5a 100644
--- a/src/pages/chatSettings/index.vue
+++ b/src/pages/chatSettings/index.vue
@@ -58,7 +58,7 @@
                 :isManager="groupParams?.groupInfo?.is_manager"></settingFormItem>
             </div>
           </div>
-          <div class="chat-records-search chat-settings-card">
+          <div class="chat-records-search chat-settings-card" v-if="dialogueParams.type !== 1 || (dialogueParams.type === 1 && dialogueParams?.receiver_id !== 2)">
             <div @click="toSearchPage">
               <customInput :disabled="true"></customInput>
             </div>
@@ -81,7 +81,7 @@
               <settingFormItem :item="item" @toManagePage="toManagePage"></settingFormItem>
             </div>
           </div>
-          <div class="chat-group-infos chat-settings-card">
+          <div class="chat-group-infos chat-settings-card" v-if="dialogueParams.type !== 1 || (dialogueParams.type === 1 && dialogueParams?.receiver_id !== 2)">
             <div class="chat-group-infos-each" v-for="(item, index) in state.chatReport" :key="index">
               <settingFormItem :item="item" @toManagePage="toManagePage"></settingFormItem>
             </div>
diff --git a/src/pages/dialog/index.vue b/src/pages/dialog/index.vue
index 8b09807..d1b3afa 100644
--- a/src/pages/dialog/index.vue
+++ b/src/pages/dialog/index.vue
@@ -84,7 +84,14 @@
           "
         >
           <!-- 系统消息 -->
-          <div v-if="item.msg_type >= 1000" class="message-box">
+          <!-- item.user_id = 2 是智能助手发送的系统消息，风格属于普通消息 -->
+          <div
+            v-if="
+              item.msg_type >= 1000 &&
+              item.user_id !== 2
+            "
+            class="message-box"
+          >
             <component
               :is="MessageComponents[item.msg_type] || 'unknown-message'"
               :extra="item.extra"
@@ -147,7 +154,7 @@
               class="avatar-column"
               @click="toUserDetailPage(item)"
               @touchstart="() => handleAvatarTouchStart(item)"
-              @touchend="handleAvatarTouchEnd"
+              @touchend="handleAvatarTouchEnd(item)"
             >
               <!-- <im-avatar
                 class="pointer"
@@ -183,6 +190,14 @@
                   <!-- <span class="at">@</span> -->
                   {{ item.nickname }}
                 </span>
+                <!-- 智能助手发送的消息特殊处理 -->
+                <span
+                  class="nickname pointer"
+                  v-show="talkParams.type == 1 && item.user_id === 2"
+                >
+                  <!-- <span class="at">@</span> -->
+                  {{ '智能助手' || item?.extra?.title }}
+                </span>
                 <span>
                   {{ parseTime(item.created_at, '{m}/{d} {h}:{i}') }}
                 </span>
@@ -197,6 +212,7 @@
                   :isShowCopy="isShowCopy(item)"
                   :isShowWithdraw="isRevoke(talkParams.uid, item) || isLeader"
                   :isShowConvertText="isShowConvertText(item)"
+                  :isChatRobot="item.user_id === 2"
                 >
                   <component
                     class="component-content"
@@ -294,7 +310,11 @@
         </div>
       </div>
       <template #bottom>
-        <div class="footBox" id="footBoxArea">
+        <div
+          class="footBox"
+          id="footBoxArea"
+          v-if="talkParams.receiver_id !== 2"
+        >
           <span
             class="flex items-center justify-center text-[24rpx] text-[#999999]"
             style="background-color: #e5e5e5; padding: 12rpx 24rpx;"
@@ -510,6 +530,9 @@
             </div>
           </tm-drawer>
         </div>
+        <div id="footBoxArea" v-else>
+          <div class="h-[68rpx] w-full bg-[#fff]"></div>
+        </div>
       </template>
     </ZPaging>
     <tm-drawer
@@ -1910,6 +1933,10 @@ const toChatSettingsPage = () => {
 
 //点击跳转到用户详情页面
 const toUserDetailPage = (userItem) => {
+  //智能助手不可以查看详细信息
+  if (userItem?.user_id === 2) {
+    return
+  }
   uni.navigateTo({
     url:
       '/pages/dialog/dialogDetail/userDetail?erpUserId=' + userItem.erp_user_id,
@@ -2073,15 +2100,17 @@ const queryRecordsByMsgInfo = async (msgInfo) => {
         })
         .exec()
       const footBoxAreaQuery = uni.createSelectorQuery()
-      footBoxAreaQuery
-        .select('#footBoxArea')
-        .boundingClientRect((res) => {
-          if (res) {
-            // console.log('元素高度:', res.height)
-            offset = offset - res.height
-          }
-        })
-        .exec()
+      const footBoxArea = footBoxAreaQuery.select('#footBoxArea')
+      if (footBoxArea) {
+        footBoxArea
+          .boundingClientRect((res) => {
+            if (res) {
+              // console.log('元素高度:', res.height)
+              offset = offset - res.height
+            }
+          })
+          .exec()
+      }
       setTimeout(() => {
         zpagingRef.value.scrollIntoViewById(
           'zp-id-' + msgInfo.msg_id,
@@ -2192,6 +2221,10 @@ let avatarPressTimer = null
 let currentPressItem = null
 
 const handleAvatarTouchStart = (item) => {
+  //智能助手不可以长按@
+  if (item?.user_id === 2) {
+    return
+  }
   currentPressItem = item
   avatarPressTimer = setTimeout(() => {
     if (!state.value.canUseQuillEditor) {
@@ -2202,7 +2235,11 @@ const handleAvatarTouchStart = (item) => {
   }, 500)
 }
 
-const handleAvatarTouchEnd = () => {
+const handleAvatarTouchEnd = (item) => {
+  //智能助手不可以长按@
+  if (item?.user_id === 2) {
+    return
+  }
   if (avatarPressTimer) {
     clearTimeout(avatarPressTimer)
     avatarPressTimer = null
@@ -2788,16 +2825,18 @@ const convertText = (msgItem) => {
     msgId: msgItem.msg_id,
   })
   // console.log(resp, 'resp')
-  resp.then(({ code, data }) => {
-    msgItem.isVoiceToTexting = false
-    // console.log(code, data, 'data')
-    if (code === 200) {
-      console.log(data.convText, 'convText')
-      msgItem.voiceContent = data.convText
-    }
-  }).catch(() => {
-    msgItem.isVoiceToTexting = false
-  })
+  resp
+    .then(({ code, data }) => {
+      msgItem.isVoiceToTexting = false
+      // console.log(code, data, 'data')
+      if (code === 200) {
+        console.log(data.convText, 'convText')
+        msgItem.voiceContent = data.convText
+      }
+    })
+    .catch(() => {
+      msgItem.isVoiceToTexting = false
+    })
 }
 //语音输入框高度
 const chatInputHeight = computed(() => {
diff --git a/src/static/image/chatBotMessageCard/copy.png b/src/static/image/chatBotMessageCard/copy.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1bfe692059aac310518da3a8a3cf8a2ed1d13fa
GIT binary patch
literal 3365
zcmajhc|4T+9tZHTq_S0tjuPs~zKnHjLpU9$LfO(#nhr)9OH8)1kB-|Zk{ZUADA`SB
zFvd2P7|RnP!x&?1GlijpqOsn`z2|jb_x^QXulMtLzR&OZV_vWC=lNqEU2(9L5IrFZ
zfj}fK{Pv3z1R}r%FUbQ!;0fCO7b);2fN`?5hE(>+%|Rf7qF3x(&Vz@rTBcU@phoGi
zZY@*4X2gInY*amLP(?ScW}4J6%xV~xjZ@}z<8aCZym8W^o^8><wxF=U!*k$c!-Qo6
z+p1{_bgpsAx@p>~dD<F8ol(eaR@_5X%%YyoYCa8SHmKzcC<oN~Gbk6-rnIMB>1CVJ
z%l5ONJkWdPJsrxg-YdWAP}$R|lHZ|{->FhSQ_b&GEdbHfK(9ev>aV-i-*l<J=~gf7
z*4Wdd@fOspS=ggl*sJ-rM-!ZjdbQs6YJph<Xcd3Z29<#NbV@$xfLRLahl0vL1G=Dc
z&_})U0X;A)K!bXfgZdR8^((*}(g)|tA$`J-LB)_k<&Xh55Iz}#-hqY<tA>r<4I6=3
zMK>bSVO4Y(n8XnnX~dW~Vhko})VO-ogfwabW;FxcvuQPG%oH4I#!PF+%xcEWz^rAO
zk;lx)O!Hc%Ihf?}y(0Fo;1tk=MI8(5!U7!XCoK1{!8$A(C(kuZo@-=-1%ahlHB4GH
zg7!MvYo}?iroE1uXRN7vP1!Wh*idIAxI8rYHOSv{a&U%79+8sPGJ>CXKnG{OEiSEX
zX0m2Kudnkrw|91SE@&1gKp>)d7k;sFi5OdC@neU$0&&Yr&0n)mxpO<urW(oF>*?Li
zzBQlzOj72j)8~xZI@6M`kfctu9J6kfeG+1fPN&}sd?Yg8wP`82Vro@8>+w~i`~J(D
zEqCtlpX;O*jt~lc#qTu5C!M)gvAIL0ZgBd|R}G%H6VQ&rRiW&SGk|=$w7_D~&CO$g
zr{UQIW;hi>f=N75TyNKD<(-FLibu&<{*VLY4O9dt!Yw2)y{Dw(zb-)CG!2`OSz<#a
z?!Lg)zcOQ2BJr#T0Wsgh4Q@)C8tGUMz;1;FjPG1JL0I1}#H{acyMB^DT)nDs44Bq{
zHt?!?V=qasGe_F<HJb%U`n1i(sD}#XhoyX$;rLwIXy47}n_M}a#D{!as99FnPS)ES
zv3K<}d!}hnvk<;ZaBJv`AyElZ9OK#CmR4q<WjLZ`d<PH`<R0Kv6I$isZQdounFy-5
zj36Z=#X@<c_8Q&x>-}6FQ8zEiL{Q;I;#`g_w?2nv1BZxUaDUJz@{W&pl4g{FfEAG&
z0citP0vO?X35@WVGBV{{5qMeZw8+J$S=>it<}WoH04FvYf;vf?(;9?HO<;bVp}@yR
zMelA5XS|c;u8sS$<yp5M9Mr|*!rdE|w?^L%W<VjNm6iL+Y|9DuMye^0OfMSxVfma1
z=VypuUY{C7Z8_c_*gh*BVqIu%Pr?G^u+WI`dk_pZ^ve(Nm1V`>%6l$dOF)Fq7x@w-
z5=Q%9@eVnOhpAs)w*9c%u(PS1v^+o=;XUndEjKU3Y%jeKPxx)-Mo=a_HTuGq0C3s@
z?Ww9D92sJl8)Hs%FZJhfj;eD4T#OD3e!k{5J==s^pLg={l0k7KN}<|zi+9V5V+-oo
zs%}d}q~z4(KbVSLbT2e}#KU>%hqD+h4hl=B<$0LP3kT;YuFHL3^i|SpIY9B&st7RO
zP#AI8dnP~otmTReW8Ra$x=#%CJ<>=5sGpV-esriGE+ze<BWJ7k2sfcbr!w%cQgcvk
zlueDs<6C^P95BB+>)d7bn$;Iy`2^#8y}-X)*18GceHze~#wuPGsUHtp2=fU>?0h!{
zS`|KqofMX}Ylxk6Db@V*sYM*ZhUNinhH-KZrWuD422Z<}tY97Zt9G<Q-~32(dIyL`
z1FjwjpliP~bU}4!mJk_igNxUOaoFh<%Q$-9XJlY8ico&NR&8CbB*xRFS?h5^4)oKv
zW5M{7rHlviqqYr3DdXja_nay<2Un(K@im`#9~1+yr&)$UhF?a##FmNXt9rNSPNe6e
zDa<@?8b^fe^DN`(`T;x^{s!)-7q{JOXTv1oQ^mB~%8R(ZU$bJhWjmH~tL7)tAEw?U
zJo11pl;Fymx7WS9udJo}m6Z|$0;j06Y3ze|Z2#6Ml;s@aj;oz_lJN?0ltJ0U4_Elu
z2US_#SbyP~L`+o(^M8kw+&Dez+?|<rS*KnZ$m$_;h(`o4EtiXV@E(7XrBBp&d8OvB
zvu)rn%?nLkAU%@$Qe|!Eb4k7+NCvt;`rXjS@yUMPK$2M7*g~ZyF=S2wNl#CLJ#5UZ
zwhZ>4{Vv*5_Pk|Bf>f*5*1p6G^Egi-o~8A>H#n#Q5}alKEq;?BuH!r<N)Q!of8eQy
zTxGuIT14=ZLl_&iA5sr?&Xs2o)pi$p!PkpYqCHP7Jfb#o`*tHbpNEU#PhR|ZzE#w#
z>Y|FjnOpj90ff|9pID&GS*0%h*sqvTBn+53hf-8Y5uvOV#Ba_a%i@50!|OX3?TN)Z
zb^cX3t!zGo3(YfT8u^-tN@>7@-OJzUBq0LkD@P-*RU+R9oTQ4ACPZ+$pE<2z<+J$u
za398fF;r8)l}=5`F2k*lwW=z|7mq{H4lE9PB17XHJC<1Ya~>8EE~>+=yIeUnmx1=E
zFBJzW3<^>rn~jA@Z|~b^8=pbab9=<JsOoOIH5(DssHo$p#g1bWN!uyc&y!vC4*HkH
zAz~2^voS<(anx0d6G@Du6jg8SX4xPjFUk8cbTf7E<gq62%{K)Ru9=I1+%;2-C-d?;
zoRQOyJC)j6ZdeG5(weYZ>V{=HuMqa(qc6-=oYN0EWtMm?%?-y;L#};(agmc8U7=M*
zTdnYP72(R5m4#rm9hOgOdU~m&+IY@tIN<7X_EJ!<<=O%K_83~H<etS@H>aGT?05#*
zL5-EOm{9<Je4BJ598l(#<nEUj$Djt5c^l<Ds4vifZsNx_<K;a(E@$i`J?+5BCrbbR
zau<_8DN%kA*!Q}ujIxhJ_<l`2^D!neSzdrdRclIKo#*`8iCm*3I&r7N?{IIeHJ~r%
z9)cq}QsXF1FyCMzA$B~0!h-oe#hSdz)&~UU1c4m0_Hk|dHn~U776k#vFA(6_7iGZl
zcG*76u@gxqq8&2G6zgpn@Qo_)OjQh{)M+jTwaxdQWWTIX0*)A$ozO?Fz0zpC8nZPV
zfrl5Pb-Q|2bD<BMziv;ev)TSFJV)%+yN9UacsSa)xMyW85&Ga$6;kgwp-Y0~mMdDY
z5-fyznl1Tq#ZL&;-z#h%*%`;!{5@#D|1~8M(x0ZN1d3KWFL-WJwMYVw3)NHYIVu8(
znjQYfG88=;hwxJyiuKX=YbmdbZ)ErIV}wwg(3|USk%3qNQp!;c%R}$w?ZbY8F8Fnk
zVYgRZ$s<CfEF;!mw*0(oaeSx|w>=XVTG#eC9)XB9Vf9cfgizbIzk9i}^FOqo5&@bU
zZP1Moqd0q4&jY|6W|3dH5|upP8;1zar5W%jAC`S3@Y{=g*$&z`{o87drx0*rEX?tA
zHExcuEsB(c-Mi5RMVGBV5xl)%7Zi<7LU`zG4bNb8F~p*Y(Dw4G@2^+oB_oq9+;+2W
z(U~dLD%sVU^0#l-Ko_*rv-}*#%(MSAtaHL|r^ayXhOl1zA&HaiyqnRl8GjsVs^Hze
zi9ur-wB-A=E<08R=~|8~-?e<swUviiet&o4*WpW#r32q29bKl=1u=^AQM!?L&7)(q
z$#@-nx{u7tV+v(;ZW-Hs+^i`g2LJOB0D2S<)^D}@_f7mi)4vWdqmPRw@J$W(c9%FX
zr(7u6ubYw7i-zZH8v+5NYrGHyV-ZUBP_aOSed|7mXD-<D2Z`v6X(;(wNFc?UVhjWf
z6>|Q(kwCd&O1WN0Z5fw8n_iY4N71VH%;hUU$sNUAA<1b_vK7M}aJv<VeO{7OgI5S^
zliP?PT_+s_^1pr<1A@TEN;;}p6!WEb7}eJ*w~>BFKUN&`W%DOg*ch+cL>QZSRQ>me
z#CtTPufhEynN>3pV2Z%q{|pPYMPe$0y#6rxBH`jIA4h?kI@(hv)cDZ-7RrD9I`d|}
z>0-}U-BZ-u9AAEjy;4YS+Adk-C4_tB#a+9RK4oz{^KQ<YZ)je3=S~p5eO0Du^Zmnc
z%dNjyVk%*<sD?BDZ-M&%wcEXo{?D@QpzVLJ{qNh}_VX8aZQg&3V_jr^1^?7SE}VDx
JrP3Oi@K0g`(WC$X

literal 0
HcmV?d00001

diff --git a/src/static/image/chatBotMessageCard/errorClock.png b/src/static/image/chatBotMessageCard/errorClock.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2ab0afbc400acd10d6d9152e601890abcf2df5b
GIT binary patch
literal 3224
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
I#wsxRUuPy@Y5)KL

literal 0
HcmV?d00001

diff --git a/src/static/image/chatBotMessageCard/noClockAfterWork.png b/src/static/image/chatBotMessageCard/noClockAfterWork.png
new file mode 100644
index 0000000000000000000000000000000000000000..7379c25c693c072208958aa18b46cc16c6ab7d3b
GIT binary patch
literal 3060
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

literal 0
HcmV?d00001

diff --git a/src/static/image/chatBotMessageCard/noClockBeforeWork.png b/src/static/image/chatBotMessageCard/noClockBeforeWork.png
new file mode 100644
index 0000000000000000000000000000000000000000..a48e9c284dbad8aae31ce3e1832e95279a3ab214
GIT binary patch
literal 3216
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
O5w_M2R*bVi;=cev&2cUO

literal 0
HcmV?d00001

diff --git a/src/static/image/chatBotMessageCard/prompt.png b/src/static/image/chatBotMessageCard/prompt.png
new file mode 100644
index 0000000000000000000000000000000000000000..d223c127a6c8288797c3985e3993391e20cc15ad
GIT binary patch
literal 3093
zcmai$dpJ~EAIC{@4&g*72B%Yu%Ut%*Z7S)aoJ#b%)g&=G#@&Q*8RLFADy5stgrP`^
zA_+Ni853bPLPlc@h1n)%ka0Qg@9w<s`<(av>wTWj`mVLVYdveN{r&Af_VshtmWuM4
z@={V#il=_Hu$7XMhTx|3gADBWT(nSuJLw=>%VSa{9f+?|QX3HGtn5#~=B^kXI_!&a
zz{oBt4;?vTL>t6Vhf(2QFcCs@ga8{QG>MxAV!mQy#X#&d?z>LnVnncsi<^QUP2wg^
z;=h^1&%lmJ!i-6R<hv$HOcH1HJ?r&78}z+knEGCg`reI5&w8Y11JVnIiS%kjda;nO
z=?&{Uqz_CJ(x(~e``*BtW#IG9z^BQ;r`f<4=DmS$i-8|ZtASsefj`^Ouf@=>)zGia
z(7)BtA6B-ZKWIp18<JsdHzao$UWMs24Cpi>gGS_bBXWn)RhUjA*a`Sx6wqZ92-9s8
z*kcsbV;tCJ9N1$F4}v}#Q($_HDI8-;pK&n9I2hJXC`vDi!a)W1q2O@{3>OvBj|%0X
z!Uj-bd~^sG9oml$<)K3d&|xrqbl4!8%12XS9YRw-qr+joV5mbF>Ss(i%oj}fFop&*
zf}xFKB1SL~0!$<fgryB*X(QMOm{BYoek2TpjU2;9!3eR@<Jg!9Y>Wtqgn-B~APPnZ
zM1KXM$ARbxAO=PR#KMSiF%xi&aIr9A99*wBm?<1wvUr$pxP%#8f&`Z^`@LlGFn^Wr
z-?f{C3ul@jF-@G6Tlkd;e;>LOTWdQhr7bFI=)GnqtbGC=Jb7AFS;ym#jx8)KF0Zbx
zt*vQD>abE$KSrFgIBFl(FXk^gAq3J50kr;_d4Dku_a+s6=eX*#j}Kid9h_oM?XK9m
z`^ATZ-OdgACo>hjGPm}iES%2VIoq^{_ptE~Ui(UX8bc3p(3A!)cg#iAo4>j*I@~!%
z9Sa-db7^j)b?+5UzFb<Xs$VO>MvUjQ1A#-w2|KUx*DE@is1go-=fhPYJ2!@4U%HJc
z&RS?hJ#o=GI$4vOM6kF$D%0*8F=h%V2!~EKEH@*GA$+f$(~+_yUb)9=1=w~P+EZK6
ztQLg(6Et5zfgJ7jR3mpvp}0T&)=v~&F#R~5&~MvKJc49B^c`6DqN6pjem(;stmBF2
z04<jUuG?+r{=4ER+73ip^Lb*)p!?83YeWyJ$_%06KH>zNFUUAOr#LoW@e+tuhKg)^
zK|{78l9lJXA_Wz#*|levWeZRVzjI@%i_*LywPJCJCSaLc-4{cMWz5&RI)2`YA~rm4
zkaf@`$v&}E(gG~~_B(Bck^$qZ6T_}spy{c~D*SCH(9>o+VEIMAmp>voTf8U=A+T3U
zY=nH;?icR$hs%B_my@|@^8%}Knt)XaC*1h<VnkPgTp1dnMsjgVjd{D|<mZ7#$^*+8
zH>n*8=*$ze9$=ZX{Yy*JmCUmvz;f__dR_L<>&a-^_@qT1jr~C<mYcgN;kLkIuT>2)
z12ji72I{|65$Ta%-+Dri<b`X|zN-^WwZro~U|(IQdSq9`qsGPVlxGzyk~9s7sI-2V
zR>6ArdVg6~Q8rn_b^dKo+yi4IH(gSwHl_;D2GM10)pFU^uR&G_TNBh-c>0;SQe!fD
zIBPX9s`O4dK-coK2ZB7fUGr;mH>s50xg#5~b4~`PYagRzg7y!^aCvM)X7coV_6?+X
z-+n{4QpNJlD)j8DJQljNX=c*_Fh_sMF{tmruzw*sq?FtxTVB{MPr`KGq8#+=s;z5^
z2a*<xxCT@AwEO0fZCMQ>ce%}UH6fu3ROSqL^&JjpA!b{*sFpQ-CC$oY$5C^pY3<OB
zxPprs_MPzJeHNyDc(Z#6Ty_FhCd;(%)+h4I+pX4}$;mF&J{Y4nzb(uZ%&-{)e@ws9
z`37P$SzJ=l+m|*ie{7&@c^^3>c~yPn9key-@yc)s0wm^iU7o`C;N9o?36cs8!md#-
zlbkp3u7gvTUmrB@IlysMT5y+ympXFDj_A!Dj&%_@)`rVun)4<}vp=mRd~eOt6mZ76
zV=7~-PQ|4V7d&9@n7|!Le++1`1qCwwot4<}-5N5Jt=j=w_H*5ME3e-ByHqo;En?|e
z2FUBxf!ii|;T}bHpB8oy=V_;D`BfE+Gwa=Mb!6!v)z;-lM}iW^boZ_UyGU*uA^m#`
zAFF&0PT4=G+CBI?-WE(FpI-@GwhzsaE>}La!jB)Tiq0_7^CoR1t*5jv`Z_=+_pXbR
zPc|1<u~~=|g`&`;`A=p#-a&u%A3l1TXF7`k18JRRfdTeG!V7-TZ7t(Qgs8P6Z*sKI
ztfGwHslBf!8IW7zG@VI_$Wo?h1q@E^2UUV1cLs6^rIN|V)XE+z+np{DgcFVmPLXYN
z%2CyVt=Np$gHS8U{}^lFTuHQgHzL0z2OnH{U9T3{m&((NrUs#EmTi{W)=x>3ysDiW
zviMQGA1^@_j_M?@xrXP*7(nrz`7NN)>mN)tIsnVZ|DZbv32-CQ(}ZSp2TyfU2Xp)i
zr@W+_n0`4|inN1?D%aI;b$o<}C&AuT$T=@HR6tCBP(!;rl1JBC{-!|J>fp!slxmyn
zKOE`1z%{Hse`{Jch@}Xh=0}CMo`R25GNt*A-SF6?x<T`hT>>G*Bhy1iJ(z!JbGayU
zozb!<;6B3#V3&NIW8ecoJl(x-<@_@p)q-r-LUe6d50Y42*koYNh$lqdzjW@|2j)Sb
z_yY<wqHH7Son}2h_9K0J2Vj~_RI<|`IzB4d09qw75qJCh;A?+>uTAjEr&8tedhleW
zJA9+-zrc<rNiQ>rkf=k5CnRo?smF*qeg@?)IWVp<MRlB*Qh<JoiONfQb=2{43Jc}g
zZQ7s=T$s4QL_Kwp4M~6eNjIKw;rLO9s2!Wi8`id3L1o*(V>G>MZK^oBY=(T!jLU9%
zqRU|y#mt$enp{OvK!q&0=xq$zHcPDTq<ZX4BdYT#S5phCqA>KtCue0(P;KK0ZaZV&
zps5~V%Y|_SO1w0Es6+XkYx*T}2U#!x?^_V+%5)JVCS3t&0mL~E-Mj1idNt#@SveB1
z6vNzYj_R6jmtk{oa>5x$uN?@;o&MrONi5@R0|z;hl)knzW+Az<r0X(ElpQ}E-%jFM
z3h`5^J<dwH8%fox&H2^$1{6|sWk{_}_jN?o=BF#0T<58_qPWrC+E80L@5oJbv!@G1
z7Q$f{-O|+`U6uAxoLc}I=TYiLq1*Vm$SI|A5AAG~LtTvA0~e-fED=#Ve*?04aJ%^F
zI)gZ0S?9Im_yKc1?*p$<6zsQj^UT+kn}eLsS&gFP*+r+bHlYmir){L6?(pV8@38Ra
z)0_*pIUjjU(a6I|EylCu0Cnzz4CSgltB$~O<oqgo$OilTfOILwN*USDuT=nJ4F*m3
z-^<QnIJH5Jk|wvPJsHlKw8#T^lTWG|-_}{rEdZ7kpbBm@W&W%Cd-Rt<#Fpfqt*?GH
z1ErORBcN-XXu)bXf3Ut=IcVcV7FO(8rwly}9%tD)=;p-XFUkqndh9jzB>aJj_442B
zo@hfYl<MDj?)3a_-7`vOnTT5|dhb;L%e;vWu#cE>Or}6{j)jPYym6gO#9GwMQ8c7H
z3?$X%7i4P3;%6Df?GZ|lP&aep(0&#|Xj1XO6rN1$2djumkyS)eVY_vf9YC*s_{$T^
zmI=DZKA(byD4U__^OBRJc7QREJ)s2xa<!K|pv(09E<>asJY$rF`13+Tv4wbh`bhD)
z_i9;XV1`d#Z)#S-pFq+Ri{3!-qQz!N*qb}Jv}b<y$dz?XXgd3b_Jg;x&0-$;Qs$xl
y=}tA~|I6*aBZY(f-;9}?|C9FLp(j?Z%Y1Xw6)e5!b%cM}q)wf%wkSE~8uw2xxhUrV

literal 0
HcmV?d00001