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

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

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

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

easyflow-ui-usercenter/app/src/components/chat/bubbleList.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ChatThinkingBlock } from '@easyflow/common-ui';
 import { IconifyIcon } from '@easyflow/icons';
 import { useUserStore } from '@easyflow/stores';
 
@@ -48,13 +49,14 @@ function getUserAvatar() {
             v-for="(chain, index) in item.chains"
             :key="chain.id || index"
           >
-            <ElThinking
+            <ChatThinkingBlock
               v-if="!('id' in 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">
@@ -90,41 +92,6 @@ function getUserAvatar() {
           </template>
         </template>
 
-        <!-- <ElThinking
-          v-if="item.reasoning_content"
-          v-model="item.thinlCollapse"
-          :content="item.reasoning_content"
-          :status="item.thinkingStatus"
-        /> -->
-        <!-- <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>
 
@@ -162,23 +129,30 @@ function getUserAvatar() {
   --bubble-content-max-width: 100%;
 }
 
-:deep(.el-thinking) {
-  margin: 0;
-}
-
-:deep(.el-thinking .content-wrapper) {
-  --el-thinking-content-wrapper-width: 100%;
-
+.chat-thinking-block-item {
   margin-bottom: 8px;
 }
 
-:deep(.el-collapse) {
+:deep(.chat-tool-panel.el-collapse) {
   overflow: hidden;
-  border: 1px solid var(--el-collapse-border-color);
-  border-radius: 8px;
+  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(.el-collapse-item__content) {
+: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>