feat: 接入聊天历史界面与外链会话恢复

- 新增管理端与用户端聊天历史接口和页面

- 外链聊天支持访问令牌登录、身份保活与当前会话恢复

- 聊天执行链路切到统一 runtime 与 chatlog 查询接口

easyflow-ui-admin/app/src/components/chat/chat.vue

@@ -3,16 +3,18 @@ import type {
   BubbleListInstance,
   BubbleListProps,
 } from 'vue-element-plus-x/types/BubbleList';
-import type { ThinkingStatus } from 'vue-element-plus-x/types/Thinking';
 import type { TypewriterInstance } from 'vue-element-plus-x/types/Typewriter';
 
+import {
+  ChatThinkingBlock,
+  type ChatThinkingBlockStatus,
+} from '@easyflow/common-ui';
 import type { BotInfo, ChatMessage } from '@easyflow/types';
 
 import { nextTick, onBeforeUnmount, onMounted, ref, watch, watchEffect } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import ElBubbleList from 'vue-element-plus-x/es/BubbleList/index.js';
 import ElSender from 'vue-element-plus-x/es/Sender/index.js';
-import ElThinking from 'vue-element-plus-x/es/Thinking/index.js';
 import ElXMarkdown from 'vue-element-plus-x/es/XMarkdown/index.js';
 
 import { IconifyIcon } from '@easyflow/icons';
@@ -49,8 +51,8 @@ import SendingIcon from '../icons/SendingIcon.vue';
 
 type Think = {
   reasoning_content?: string;
-  thinkingStatus?: ThinkingStatus;
-  thinlCollapse?: boolean;
+  thinkingStatus?: ChatThinkingBlockStatus;
+  thinkingExpanded?: boolean;
 };
 
 type Tool = {
@@ -329,7 +331,7 @@ const handleSubmit = async (refreshContent: string) => {
           if (index === -1) {
             chains.push({
               thinkingStatus: 'thinking',
-              thinlCollapse: true,
+              thinkingExpanded: false,
               reasoning_content: delta,
             });
           } else {
@@ -525,13 +527,14 @@ onBeforeUnmount(() => {
                   v-for="(chain, index) in item.chains"
                   :key="chain.id || index"
                 >
-                  <ElThinking
+                  <ChatThinkingBlock
                     v-if="isThink(chain)"
-                    v-model="chain.thinlCollapse"
+                    v-model:expanded="chain.thinkingExpanded"
                     :content="chain.reasoning_content"
                     :status="chain.thinkingStatus"
+                    class="chat-thinking-block-item"
                   />
-                  <ElCollapse v-else class="mb-2">
+                  <ElCollapse v-else class="chat-tool-panel">
                     <ElCollapseItem :title="chain.name" :name="chain.id">
                       <template #title>
                         <div class="flex items-center gap-2 pl-5">
@@ -569,42 +572,6 @@ onBeforeUnmount(() => {
                 </template>
               </template>
 
-              <!-- <ElThinking
-                v-if="item.reasoning_content"
-                v-model="item.thinlCollapse"
-                :content="item.reasoning_content"
-                :status="item.thinkingStatus"
-                class="mb-3"
-              /> -->
-              <!-- <ElCollapse v-if="item.tools" class="mb-2">
-                <ElCollapseItem
-                  class="mb-2"
-                  v-for="tool in item.tools"
-                  :key="tool.id"
-                  :title="tool.name"
-                  :name="tool.id"
-                >
-                  <template #title>
-                    <div class="flex items-center gap-2 pl-5">
-                      <ElIcon size="16">
-                        <IconifyIcon icon="svg:wrench" />
-                      </ElIcon>
-                      <span>{{ tool.name }}</span>
-                      <template v-if="tool.status === 'TOOL_CALL'">
-                        <ElIcon size="16">
-                          <IconifyIcon icon="svg:spinner" />
-                        </ElIcon>
-                      </template>
-                      <template v-else>
-                        <ElIcon size="16" color="var(--el-color-success)">
-                          <CircleCheck />
-                        </ElIcon>
-                      </template>
-                    </div>
-                  </template>
-                  <ShowJson :value="tool.result" />
-                </ElCollapseItem>
-              </ElCollapse> -->
             </div>
           </template>
           <!-- 自定义头像 -->
@@ -799,22 +766,38 @@ onBeforeUnmount(() => {
   width: fit-content;
 }
 
-:deep(.el-thinking) {
-  margin: 0;
-}
-
-:deep(.el-thinking .content-wrapper) {
-  --el-thinking-content-wrapper-width: var(--bubble-content-max-width);
-
+.chat-thinking-block-item {
   margin-bottom: 8px;
 }
 
-:deep(.el-collapse-item) {
-  overflow: hidden;
-  border-radius: 8px;
+.chat-tool-panel {
+  margin-bottom: 8px;
 }
 
-:deep(.el-collapse-item__content) {
+:deep(.chat-tool-panel.el-collapse) {
+  border: 1px solid hsl(var(--divider-faint) / 0.26);
+  border-radius: 14px;
+  background: hsl(var(--surface-panel) / 0.7);
+  box-shadow: inset 0 1px 0 hsl(var(--glass-border) / 0.2);
+}
+
+:deep(.chat-tool-panel .el-collapse-item) {
+  overflow: hidden;
+  border-radius: 14px;
+}
+
+:deep(.chat-tool-panel .el-collapse-item__wrap) {
+  background: transparent;
+}
+
+:deep(.chat-tool-panel .el-collapse-item__header) {
+  min-height: 44px;
+  padding-right: 14px;
+  background: transparent;
+  border-bottom-color: hsl(var(--divider-faint) / 0.16);
+}
+
+:deep(.chat-tool-panel .el-collapse-item__content) {
   padding-bottom: 0;
 }
 </style>