@agentscope-ai/chat 1.1.41 → 1.1.42-beta.1765200748507

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Builder.tsx

@@ -48,6 +48,7 @@ class AgentScopeRuntimeResponseBuilder {
       AgentScopeRuntimeMessageType.FUNCTION_CALL_OUTPUT,
       AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT,
       AgentScopeRuntimeMessageType.COMPONENT_CALL_OUTPUT,
+      AgentScopeRuntimeMessageType.MCP_CALL_OUTPUT,
     ].includes(message.type);
   }
 
@@ -56,6 +57,7 @@ class AgentScopeRuntimeResponseBuilder {
       AgentScopeRuntimeMessageType.FUNCTION_CALL,
       AgentScopeRuntimeMessageType.PLUGIN_CALL,
       AgentScopeRuntimeMessageType.COMPONENT_CALL,
+      AgentScopeRuntimeMessageType.MCP_CALL,
     ].includes(message.type);
   }
 
@@ -99,7 +101,6 @@ class AgentScopeRuntimeResponseBuilder {
   handleMessage(data: IAgentScopeRuntimeMessage) {
     this.data = produce(this.data, (draft) => {
 
-
       if (!draft.output) {
         draft.output = [];
       }
@@ -146,8 +147,12 @@ class AgentScopeRuntimeResponseBuilder {
           msg.content.push(data);
         }
       } else {
-        Object.assign(msg.content[msg.content.length - 1], data);
 
+        if (msg.content.length > 0) {
+          Object.assign(msg.content[msg.content.length - 1], data);
+        } else {
+          msg.content.push(data);
+        }
       }
     });
   }

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Card.tsx

@@ -26,6 +26,8 @@ export default function AgentScopeRuntimeResponseCard(props: {
           return <Message key={item.id} data={item} />
         case AgentScopeRuntimeMessageType.PLUGIN_CALL:
         case AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT:
+        case AgentScopeRuntimeMessageType.MCP_CALL:
+        case AgentScopeRuntimeMessageType.MCP_CALL_OUTPUT:
           return <Tool key={item.id} data={item} />
         case AgentScopeRuntimeMessageType.REASONING:
           return <Reasoning key={item.id} data={item} />

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Tool.tsx

@@ -12,7 +12,7 @@ const Tool = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage })
   }>[];
   const toolName = content[0].data.name;
 
-  return <ToolCall title={toolName} input={content[0].data.arguments} output={content[1].data.output}></ToolCall>
+  return <ToolCall title={toolName} input={content[0]?.data?.arguments} output={content[1]?.data?.output}></ToolCall>
 })
 
 export default Tool;

package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/types.tsx

@@ -25,7 +25,8 @@ export enum AgentScopeRuntimeMessageType {
   COMPONENT_CALL_OUTPUT = "component_call_output",
   MCP_LIST_TOOLS = "mcp_list_tools",
   MCP_APPROVAL_REQUEST = "mcp_approval_request",
-  MCP_TOOL_CALL = "mcp_call",
+  MCP_CALL = "mcp_call",
+  MCP_CALL_OUTPUT = "mcp_call_output",
   MCP_APPROVAL_RESPONSE = "mcp_approval_response",
   HEARTBEAT = "heartbeat",
   ERROR = "error",

package/components/ChatAnywhere/Input/index.tsx

@@ -6,7 +6,7 @@ import { useInput } from '../hooks/useInput';
 import { Button, GetProp, Space, Upload } from 'antd';
 import Style from './style';
 import { IconButton } from '@agentscope-ai/design';
-import SenderHeader from '@agentscope-ai/chat/AIGC/components/SenderHeader';
+import SenderHeader from '@agentscope-ai/chat/AIGC/core/SenderHeader';
 import { useClickAway, useFocusWithin } from 'ahooks';
 
 type AttachedFiles = GetProp<typeof Attachments, 'items'>;

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Builder.js

@@ -88,7 +88,11 @@ var AgentScopeRuntimeResponseBuilder = /*#__PURE__*/function () {
             msg.content.push(data);
           }
         } else {
-          Object.assign(msg.content[msg.content.length - 1], data);
+          if (msg.content.length > 0) {
+            Object.assign(msg.content[msg.content.length - 1], data);
+          } else {
+            msg.content.push(data);
+          }
         }
       });
     }
@@ -173,12 +177,12 @@ var AgentScopeRuntimeResponseBuilder = /*#__PURE__*/function () {
   }, {
     key: "maybeToolOutput",
     value: function maybeToolOutput(message) {
-      return [AgentScopeRuntimeMessageType.FUNCTION_CALL_OUTPUT, AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT, AgentScopeRuntimeMessageType.COMPONENT_CALL_OUTPUT].includes(message.type);
+      return [AgentScopeRuntimeMessageType.FUNCTION_CALL_OUTPUT, AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT, AgentScopeRuntimeMessageType.COMPONENT_CALL_OUTPUT, AgentScopeRuntimeMessageType.MCP_CALL_OUTPUT].includes(message.type);
     }
   }, {
     key: "maybeToolInput",
     value: function maybeToolInput(message) {
-      return [AgentScopeRuntimeMessageType.FUNCTION_CALL, AgentScopeRuntimeMessageType.PLUGIN_CALL, AgentScopeRuntimeMessageType.COMPONENT_CALL].includes(message.type);
+      return [AgentScopeRuntimeMessageType.FUNCTION_CALL, AgentScopeRuntimeMessageType.PLUGIN_CALL, AgentScopeRuntimeMessageType.COMPONENT_CALL, AgentScopeRuntimeMessageType.MCP_CALL].includes(message.type);
     }
   }, {
     key: "maybeGenerating",

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Card.js

@@ -30,6 +30,8 @@ export default function AgentScopeRuntimeResponseCard(props) {
           }, item.id);
         case AgentScopeRuntimeMessageType.PLUGIN_CALL:
         case AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT:
+        case AgentScopeRuntimeMessageType.MCP_CALL:
+        case AgentScopeRuntimeMessageType.MCP_CALL_OUTPUT:
           return /*#__PURE__*/_jsx(Tool, {
             data: item
           }, item.id);

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Tool.js

@@ -3,14 +3,15 @@ import { AgentScopeRuntimeRunStatus } from "../types";
 import { ToolCall } from "../../../..";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Tool = /*#__PURE__*/React.memo(function (_ref) {
+  var _content$, _content$2;
   var data = _ref.data;
   if (data.status === AgentScopeRuntimeRunStatus.InProgress || data.status === AgentScopeRuntimeRunStatus.Created) return null;
   var content = data.content;
   var toolName = content[0].data.name;
   return /*#__PURE__*/_jsx(ToolCall, {
     title: toolName,
-    input: content[0].data.arguments,
-    output: content[1].data.output
+    input: (_content$ = content[0]) === null || _content$ === void 0 || (_content$ = _content$.data) === null || _content$ === void 0 ? void 0 : _content$.arguments,
+    output: (_content$2 = content[1]) === null || _content$2 === void 0 || (_content$2 = _content$2.data) === null || _content$2 === void 0 ? void 0 : _content$2.output
   });
 });
 export default Tool;

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/types.d.ts

@@ -23,7 +23,8 @@ export declare enum AgentScopeRuntimeMessageType {
     COMPONENT_CALL_OUTPUT = "component_call_output",
     MCP_LIST_TOOLS = "mcp_list_tools",
     MCP_APPROVAL_REQUEST = "mcp_approval_request",
-    MCP_TOOL_CALL = "mcp_call",
+    MCP_CALL = "mcp_call",
+    MCP_CALL_OUTPUT = "mcp_call_output",
     MCP_APPROVAL_RESPONSE = "mcp_approval_response",
     HEARTBEAT = "heartbeat",
     ERROR = "error"

package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/types.js

@@ -25,7 +25,8 @@ export var AgentScopeRuntimeMessageType = /*#__PURE__*/function (AgentScopeRunti
   AgentScopeRuntimeMessageType["COMPONENT_CALL_OUTPUT"] = "component_call_output";
   AgentScopeRuntimeMessageType["MCP_LIST_TOOLS"] = "mcp_list_tools";
   AgentScopeRuntimeMessageType["MCP_APPROVAL_REQUEST"] = "mcp_approval_request";
-  AgentScopeRuntimeMessageType["MCP_TOOL_CALL"] = "mcp_call";
+  AgentScopeRuntimeMessageType["MCP_CALL"] = "mcp_call";
+  AgentScopeRuntimeMessageType["MCP_CALL_OUTPUT"] = "mcp_call_output";
   AgentScopeRuntimeMessageType["MCP_APPROVAL_RESPONSE"] = "mcp_approval_response";
   AgentScopeRuntimeMessageType["HEARTBEAT"] = "heartbeat";
   AgentScopeRuntimeMessageType["ERROR"] = "error";

package/lib/ChatAnywhere/Input/index.js

@@ -21,7 +21,7 @@ import { useInput } from "../hooks/useInput";
 import { Upload } from 'antd';
 import Style from "./style";
 import { IconButton } from '@agentscope-ai/design';
-import SenderHeader from "../../AIGC/components/SenderHeader";
+import SenderHeader from "../../AIGC/core/SenderHeader";
 import { useClickAway, useFocusWithin } from 'ahooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.41",
+  "version": "1.1.42-beta.1765200748507",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Request/Builder.tsx

@@ -1,82 +0,0 @@
-import { IAgentScopeRuntimeWebUIInputData } from "@agentscope-ai/chat";
-import { IAgentScopeRuntimeWebUIMessage } from "@agentscope-ai/chat";
-import { AgentScopeRuntimeContentType, AgentScopeRuntimeMessageType, AgentScopeRuntimeRunStatus, IAgentScopeRuntimeRequest, IContent, IFileContent, IImageContent, ITextContent } from "../types";
-
-class AgentScopeRuntimeRequestBuilder {
-  data: IAgentScopeRuntimeRequest;
-
-
-  static getHistoryMessages(messages: IAgentScopeRuntimeWebUIMessage[]) {
-    return messages.reduce((p, c) => {
-      if (!c.cards?.length) {
-        return p;
-      } else {
-        return p.concat(c.cards[0].data.input || c.cards[0].data.output)
-      }
-    }, [])
-  }
-
-
-  isImageFile(file: IAgentScopeRuntimeWebUIInputData['fileList'][number]) {
-    return file.type.indexOf('image/') === 0;
-  }
-
-
-  buildImageContent(imageFile: IAgentScopeRuntimeWebUIInputData['fileList'][number]): IImageContent {
-    return {
-      type: AgentScopeRuntimeContentType.IMAGE,
-      image_url: imageFile.response?.url,
-      status: AgentScopeRuntimeRunStatus.Created,
-    }
-  }
-
-  buildTextContent(text: string): ITextContent {
-    return {
-      type: AgentScopeRuntimeContentType.TEXT,
-      text: text,
-      status: AgentScopeRuntimeRunStatus.Created,
-    }
-  }
-
-  buildFileContent(file: IAgentScopeRuntimeWebUIInputData['fileList'][number]): IFileContent {
-    return {
-      type: AgentScopeRuntimeContentType.FILE,
-      file_url: file.response?.url,
-      file_name: file.name,
-      file_size: file.size,
-      status: AgentScopeRuntimeRunStatus.Created,
-    }
-  }
-
-
-
-  constructor(data: IAgentScopeRuntimeWebUIInputData) {
-    const content: IContent[] = [
-      this.buildTextContent(data.query),
-    ];
-
-    if (data.fileList?.length) {
-      data.fileList.forEach(item => {
-        if (this.isImageFile(item)) {
-          content.push(this.buildImageContent(item));
-        } else {
-          content.push(this.buildFileContent(item));
-        }
-      });
-    }
-
-    this.data = {
-      input: [
-        {
-          role: 'user',
-          type: AgentScopeRuntimeMessageType.MESSAGE,
-          content: content,
-        }
-      ],
-    };
-
-  }
-}
-
-
-export default AgentScopeRuntimeRequestBuilder;

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Request/Card.tsx

@@ -1,52 +0,0 @@
-
-import { AgentScopeRuntimeContentType, IAgentScopeRuntimeRequest } from '../types';
-import { useMemo } from 'react';
-import { Bubble } from '@agentscope-ai/chat';
-
-export default function AgentScopeRuntimeRequestCard(props: {
-  data: IAgentScopeRuntimeRequest;
-}) {
-
-  const cards = useMemo(() => {
-
-    return props.data.input[0].content.reduce<any>((p, c) => {
-      if (c.type === AgentScopeRuntimeContentType.TEXT) {
-        p.push({
-          code: 'Text',
-          data: {
-            content: c.text,
-          },
-        });
-      }
-
-      if (c.type === AgentScopeRuntimeContentType.IMAGE) {
-        const imageCard = p.find((item: any) => item.code === 'Image');
-        if (!imageCard) {
-          p.push({
-            code: 'Images',
-            data: [{ url: c.image_url }],
-          });
-
-        } else {
-          imageCard.data.push({ url: c.image_url });
-        }
-      }
-
-      if (c.type === AgentScopeRuntimeContentType.FILE) {
-        const fileCard = p.find((item: any) => item.code === 'Files');
-        if (!fileCard) {
-          p.push({
-            code: 'Files',
-            data: [{ url: c.file_url, name: c.file_name, size: c.file_size }],
-          });
-        } else {
-          fileCard.data.push({ url: c.file_url, name: c.file_name, size: c.file_size });
-        }
-      }
-      return p;
-    }, []);
-  }, [props.data.input]);
-
-  return <Bubble role="user" cards={cards}></Bubble>;
-}
-

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Actions.tsx

@@ -1,39 +0,0 @@
-import { SparkCopyLine, SparkReplaceLine } from "@agentscope-ai/icons";
-import { IAgentScopeRuntimeResponse } from "../types";
-import AgentScopeRuntimeResponseBuilder from "./Builder";
-import { Bubble } from "@agentscope-ai/chat";
-import { copy, message } from "@agentscope-ai/design";
-import compact from 'lodash/compact';
-import { emit } from "../../Context/useChatAnywhereEventEmitter";
-
-
-export default function Tools(props: {
-  data: IAgentScopeRuntimeResponse
-  isLast?: boolean;
-}) {
-
-  const actions = compact([
-    {
-      icon: <SparkCopyLine />,
-      onClick: () => {
-        copy(JSON.stringify(props.data));
-      }
-    },
-    props.isLast ? {
-      icon: <SparkReplaceLine />,
-      onClick: () => {
-        emit({
-          type: 'handleReplace',
-          data: props,
-        })
-      }
-    } : null,
-  ]);
-
-
-  if (!AgentScopeRuntimeResponseBuilder.maybeDone(props.data)) return null;
-  return <Bubble.Footer
-    left={<Bubble.Footer.Actions data={actions} />}
-  />
-}
-

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Builder.tsx

@@ -1,205 +0,0 @@
-
-import { produce } from "immer";
-import { IAgentScopeRuntimeResponse, AgentScopeRuntimeRunStatus, IAgentScopeRuntimeMessage, IContent, AgentScopeRuntimeContentType, ITextContent, IImageContent, IDataContent, AgentScopeRuntimeMessageType } from "../types";
-import { uuid } from "@agentscope-ai/chat";
-
-class AgentScopeRuntimeResponseBuilder {
-
-  static mergeToolMessages(messages: IAgentScopeRuntimeMessage[]) {
-
-    const bufferMessagesMap = new Map<string, IDataContent>();
-    return messages.reduce<IAgentScopeRuntimeMessage[]>((p, c) => {
-
-      if (AgentScopeRuntimeResponseBuilder.maybeToolInput(c) && c.content?.length) {
-        const content = c.content[0] as IDataContent<{
-          name: string;
-        }>;
-        bufferMessagesMap.set(content.data.name, content);
-        return p;
-      }
-
-      if (AgentScopeRuntimeResponseBuilder.maybeToolOutput(c)) {
-        const content = c.content[0] as IDataContent<{
-          name: string;
-        }>;
-
-        const bufferContent = bufferMessagesMap.get(content.data.name);
-
-        if (bufferContent) {
-          bufferMessagesMap.delete(content.data.name);
-          return [...p, { ...c, content: [bufferContent, ...c.content] }];
-        } else {
-          return p;
-        }
-      }
-
-
-      return [...p, c]
-    }, []);
-  }
-
-
-  static maybeToolOutput(message: IAgentScopeRuntimeMessage) {
-    return [
-      AgentScopeRuntimeMessageType.FUNCTION_CALL_OUTPUT,
-      AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT,
-      AgentScopeRuntimeMessageType.COMPONENT_CALL_OUTPUT,
-    ].includes(message.type);
-  }
-
-  static maybeToolInput(message: IAgentScopeRuntimeMessage) {
-    return [
-      AgentScopeRuntimeMessageType.FUNCTION_CALL,
-      AgentScopeRuntimeMessageType.PLUGIN_CALL,
-      AgentScopeRuntimeMessageType.COMPONENT_CALL,
-    ].includes(message.type);
-  }
-
-  static maybeGenerating(data: { status: AgentScopeRuntimeRunStatus }) {
-    return [
-      AgentScopeRuntimeRunStatus.InProgress,
-      AgentScopeRuntimeRunStatus.Created,
-    ].includes(data.status);
-  }
-
-  static maybeDone(data: { status: AgentScopeRuntimeRunStatus }) {
-    return [
-      AgentScopeRuntimeRunStatus.Completed,
-      AgentScopeRuntimeRunStatus.Canceled,
-      AgentScopeRuntimeRunStatus.Failed,
-    ].includes(data.status);
-  }
-
-
-  data: IAgentScopeRuntimeResponse;
-
-  constructor({ id, status, created_at }: Pick<IAgentScopeRuntimeResponse, 'id' | 'status' | 'created_at'>) {
-    this.data = {
-      id: id,
-      output: [],
-      object: 'response',
-      status: status || AgentScopeRuntimeRunStatus.Created,
-      created_at: created_at || Date.now(),
-    };
-  }
-
-  handleResponse(data: IAgentScopeRuntimeResponse) {
-    this.data = produce(this.data, (draft) => {
-      if (!data.output) {
-        data.output = [];
-      }
-      Object.assign(draft, data);
-    });
-  }
-
-  handleMessage(data: IAgentScopeRuntimeMessage) {
-    this.data = produce(this.data, (draft) => {
-
-
-      if (!draft.output) {
-        draft.output = [];
-      }
-
-      const existingIndex = draft.output.findIndex(msg => msg.id === data.id);
-
-      if (existingIndex >= 0) {
-        const existingContent = draft.output[existingIndex].content;
-        Object.assign(draft.output[existingIndex], data);
-        if (!data.content || data.content.length === 0) {
-          draft.output[existingIndex].content = existingContent;
-        }
-      } else {
-        draft.output.push(data);
-      }
-    });
-  }
-
-  handleContent(data: IContent) {
-    this.data = produce(this.data, (draft) => {
-      const msg = draft.output.find(m => m.id === data.msg_id);
-
-      if (!msg) {
-        console.warn('Message not found for content:', data.msg_id);
-        return;
-      }
-
-      if (!msg.content) {
-        msg.content = [];
-      }
-
-      if (data.delta) {
-        const lastContent = msg.content[msg.content.length - 1];
-
-        if (lastContent && lastContent.delta) {
-          if (data.type === AgentScopeRuntimeContentType.TEXT && lastContent.type === AgentScopeRuntimeContentType.TEXT) {
-            (lastContent as ITextContent).text += (data as ITextContent).text;
-          } else if (data.type === AgentScopeRuntimeContentType.IMAGE) {
-            (lastContent as IImageContent).image_url = (data as IImageContent).image_url;
-          } else if (data.type === AgentScopeRuntimeContentType.DATA) {
-
-          }
-        } else {
-          msg.content.push(data);
-        }
-      } else {
-        Object.assign(msg.content[msg.content.length - 1], data);
-
-      }
-    });
-  }
-
-  handleError(data: IAgentScopeRuntimeMessage) {
-    this.data = produce(this.data, (draft) => {
-      draft.status = AgentScopeRuntimeRunStatus.Failed;
-
-      draft.output.push({
-        status: AgentScopeRuntimeRunStatus.Failed,
-        type: AgentScopeRuntimeMessageType.ERROR,
-        content: [],
-        id: uuid(),
-        role: 'assistant',
-        code: data.code,
-        message: typeof data.message === 'string' ? data.message : JSON.stringify(data.message),
-      })
-    });
-  }
-
-  handle(data: IAgentScopeRuntimeResponse | IAgentScopeRuntimeMessage | IContent) {
-    if (data.object === 'response') {
-      this.handleResponse(data);
-    } else if (data.object === 'message') {
-      this.handleMessage(data);
-    } else if (data.object === 'content') {
-      this.handleContent(data);
-    } else {
-      this.handleError(data);
-    }
-
-    return this.data;
-  }
-
-  cancel() {
-    this.data = produce(this.data, (draft) => {
-      if (AgentScopeRuntimeResponseBuilder.maybeGenerating(draft)) {
-        draft.status = AgentScopeRuntimeRunStatus.Canceled;
-      }
-      draft.output.forEach(msg => {
-        if (AgentScopeRuntimeResponseBuilder.maybeGenerating(msg)) {
-          msg.status = AgentScopeRuntimeRunStatus.Canceled;
-          msg.content.forEach(content => {
-            if (AgentScopeRuntimeResponseBuilder.maybeGenerating(content)) {
-              content.status = AgentScopeRuntimeRunStatus.Canceled;
-            }
-          });
-        }
-      });
-    });
-
-    return this.data;
-  }
-
-}
-
-
-
-export default AgentScopeRuntimeResponseBuilder;

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Card.tsx

@@ -1,44 +0,0 @@
-import { useMemo } from "react";
-import { AgentScopeRuntimeMessageType, IAgentScopeRuntimeResponse } from "../types";
-import AgentScopeRuntimeResponseBuilder from "./Builder";
-import Message from "./Message";
-import Tool from "./Tool";
-import Reasoning from "./Reasoning";
-import Error from "./Error";
-import { Bubble } from "@agentscope-ai/chat";
-import Actions from "./Actions";
-
-export default function AgentScopeRuntimeResponseCard(props: {
-  data: IAgentScopeRuntimeResponse;
-  isLast?: boolean;
-}) {
-  const messages = useMemo(() => {
-    return AgentScopeRuntimeResponseBuilder.mergeToolMessages(props.data.output);
-  }, [props.data.output])
-
-
-  if (!messages?.length && AgentScopeRuntimeResponseBuilder.maybeGenerating(props.data)) return <Bubble.Spin />;
-
-  return <>{
-    messages.map(item => {
-      switch (item.type) {
-        case AgentScopeRuntimeMessageType.MESSAGE:
-          return <Message key={item.id} data={item} />
-        case AgentScopeRuntimeMessageType.PLUGIN_CALL:
-        case AgentScopeRuntimeMessageType.PLUGIN_CALL_OUTPUT:
-          return <Tool key={item.id} data={item} />
-        case AgentScopeRuntimeMessageType.REASONING:
-          return <Reasoning key={item.id} data={item} />
-        case AgentScopeRuntimeMessageType.ERROR:
-          return <Error key={item.id} data={item} />
-        case AgentScopeRuntimeMessageType.HEARTBEAT:
-          return null;
-        default:
-          console.warn(`[WIP] Unknown message type: ${item.type}`);
-          return null;
-      }
-    })
-  }
-    <Actions {...props} />
-  </>
-}

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Error.tsx

@@ -1,7 +0,0 @@
-import { IAgentScopeRuntimeMessage } from "../types";
-import { Bubble } from "@agentscope-ai/chat";
-
-
-export default function Error({ data }: { data: IAgentScopeRuntimeMessage }) {
-  return <Bubble.Interrupted type="error" title={data.code} desc={data.message} />;
-}

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Message.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import { Markdown } from '@agentscope-ai/chat';
-import { AgentScopeRuntimeContentType, AgentScopeRuntimeRunStatus, IAgentScopeRuntimeMessage } from "../types";
-
-const Message = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage }) {
-  if (!data.content?.length) return null;
-
-  return <>
-    {
-      data.content.map((item, index) => {
-        switch (item.type) {
-          case AgentScopeRuntimeContentType.TEXT:
-            return <Markdown key={index} content={item.text} cursor={item.status === AgentScopeRuntimeRunStatus.InProgress ? true : false}></Markdown>
-          default:
-            return <div key={index}>{JSON.stringify(item)}</div>
-        }
-      })
-    }
-  </>
-})
-
-export default Message;
-

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Reasoning.tsx

@@ -1,16 +0,0 @@
-import { AgentScopeRuntimeRunStatus, IAgentScopeRuntimeMessage, ITextContent } from "../types";
-import { Thinking } from "@agentscope-ai/chat";
-
-export default function Reasoning({ data }: { data: IAgentScopeRuntimeMessage }) {
-
-  if (data.status === AgentScopeRuntimeRunStatus.Created) return null;
-
-  const content = data?.content?.[0] as ITextContent;
-  if (!content) return null;
-
-  return <Thinking
-    title="Thinking"
-    content={content.text}
-
-  ></Thinking>;
-}

package/components/AgentScopeRuntimeWebUI/lib/AgentScopeRuntime/Response/Tool.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { AgentScopeRuntimeRunStatus, IAgentScopeRuntimeMessage, IDataContent } from "../types";
-import { Bubble, ToolCall } from '@agentscope-ai/chat';
-
-const Tool = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage }) {
-
-  if (data.status === AgentScopeRuntimeRunStatus.InProgress || data.status === AgentScopeRuntimeRunStatus.Created) return null;
-  const content = data.content as IDataContent<{
-    name: string;
-    arguments: Record<string, any>;
-    output: Record<string, any>;
-  }>[];
-  const toolName = content[0].data.name;
-
-  return <ToolCall title={toolName} input={content[0].data.arguments} output={content[1].data.output}></ToolCall>
-})
-
-export default Tool;
-