@agentscope-ai/chat 1.1.49 → 1.1.50-beta.1770277970282

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

@@ -50,7 +50,11 @@ class AgentScopeRuntimeRequestBuilder {
 
 
 
-  constructor(data: IAgentScopeRuntimeWebUIInputData) {
+  constructor() { }
+
+  handle(data: IAgentScopeRuntimeWebUIInputData) {
+    this.data = { input: [] };
+
     const content: IContent[] = [
       this.buildTextContent(data.query),
     ];
@@ -74,7 +78,12 @@ class AgentScopeRuntimeRequestBuilder {
         }
       ],
     };
+    return this.data
+  }
 
+  handleApproval(input) {
+    this.data = { input };
+    return this.data;
   }
 }
 

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

@@ -6,7 +6,6 @@ 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) => {
@@ -48,6 +47,8 @@ export default function AgentScopeRuntimeRequestCard(props: {
     }, []);
   }, [props.data.input]);
 
+  if (!cards?.length) return null;
+
   return <Bubble role="user" cards={cards}></Bubble>;
 }
 

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

@@ -6,6 +6,7 @@ import { copy, Tooltip } from "@agentscope-ai/design";
 import compact from 'lodash/compact';
 import { emit } from "../../Context/useChatAnywhereEventEmitter";
 import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
+import { useTranslation } from "../../Context/ChatAnywhereI18nContext";
 import React from "react";
 
 
@@ -24,6 +25,7 @@ export default function Tools(props: {
   data: IAgentScopeRuntimeResponse
   isLast?: boolean;
 }) {
+  const { t } = useTranslation();
   const actionsOptionsList = useChatAnywhereOptions(v => v.actions?.list) || [
     {
       icon: <SparkCopyLine />,
@@ -49,7 +51,7 @@ export default function Tools(props: {
       }
     }),
     replace && props.isLast ? {
-      icon: <Tooltip title="重新生成"><SparkReplaceLine /></Tooltip>,
+      icon: <Tooltip title={t?.('actions.regenerate') || '重新生成'}><SparkReplaceLine /></Tooltip>,
       onClick: () => {
         emit({
           type: 'handleReplace',

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

@@ -0,0 +1,100 @@
+import { StatusCard } from '@agentscope-ai/chat';
+import { Button, Popover } from '@agentscope-ai/design';
+import { Flex } from 'antd';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { createStyles } from 'antd-style'
+import ApprovalCancelPopover from './ApprovalCancelPopover';
+import { AgentScopeRuntimeContentType, AgentScopeRuntimeMessageRole, AgentScopeRuntimeMessageType, IAgentScopeRuntimeMessage, IDataContent } from '../types';
+import { useChatAnywhereInput } from '../../Context/ChatAnywhereInputContext';
+import { emit } from "../../Context/useChatAnywhereEventEmitter";
+import { useTranslation } from '../../Context/ChatAnywhereI18nContext';
+
+
+const useStyles = createStyles(({ css, token }) => ({
+  desc: css`
+    font-size: 12px;
+    color: ${token.colorTextTertiary};
+  `,
+}));
+
+
+export default function Approval({ data }: { data: IAgentScopeRuntimeMessage }) {
+  const inputContext = useChatAnywhereInput(v => v);
+  const { styles } = useStyles();
+  const { t } = useTranslation();
+  const [status, setStatus] = useState<'pending' | 'confirmed' | 'canceled'>('pending');
+  const title = t?.('approval.title') || '人工干预';
+
+  const description = useMemo(() => {
+    if (status === 'pending') return t?.('approval.pending') || '请确认是否执行该操作';
+    if (status === 'confirmed') return t?.('approval.confirmed') || '确认执行任务';
+    return t?.('approval.canceled') || '取消执行任务';
+  }, [status, t]);
+
+  const handleConfirm = useCallback((status: 'confirmed' | 'canceled', reason?: string) => {
+    setStatus(status);
+    inputContext.setLoading(false);
+    inputContext.setDisabled(false);
+
+    const request = data
+    // @ts-ignore
+    const id = request.content[0]?.data?.id;
+    const response = {
+      type: AgentScopeRuntimeMessageType.MCP_APPROVAL_RESPONSE,
+      role: AgentScopeRuntimeMessageRole.USER,
+      content: [
+        {
+          type: AgentScopeRuntimeContentType.DATA,
+          data: {
+            "approve": status === 'confirmed',
+            "id": id,
+            "approval_request_id": id,
+            "reason": reason
+          }
+
+        },
+      ],
+    }
+
+    emit({
+      type: 'handleApproval', data: {
+        input: [
+          request,
+          response,
+        ]
+      }
+    })
+
+  }, [data]);
+
+
+  const actions = useMemo(() => {
+    if (status === 'pending') {
+      return <Flex gap={8}>
+        <ApprovalCancelPopover onConfirm={(reason) => handleConfirm('canceled', reason)} />
+        <Button size="small" type="primary" onClick={() => handleConfirm('confirmed')}>
+          {t?.('approval.confirm') || '确认执行'}
+        </Button>
+      </Flex>
+    }
+    return null;
+  }, [status, t]);
+
+
+  useEffect(() => {
+    if (status === 'pending') {
+      inputContext.setLoading(t?.('approval.taskRunning') || '当前有正在执行的任务，无法发送新的任务');
+      inputContext.setDisabled(true);
+    }
+  }, [status, t]);
+
+  return <StatusCard.HITL
+    done={status !== 'pending'}
+    onDone={() => { }}
+    title={<Flex gap={8}>
+      {title}
+      <span className={styles.desc}>{description}</span>
+    </Flex>}
+    actions={actions}
+  />
+}

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

@@ -0,0 +1,169 @@
+import { Button, Input, Popover } from '@agentscope-ai/design';
+import { Flex } from 'antd';
+import { useState } from 'react';
+import { createStyles } from 'antd-style';
+import { useTranslation } from '../../Context/ChatAnywhereI18nContext';
+
+const useStyles = createStyles(({ css, token }) => ({
+  container: css`
+    width: 386px;
+  `,
+  title: css`
+    font-size: 14px;
+    font-weight: 500;
+    color: ${token.colorText};
+    margin-bottom: 16px;
+  `,
+  content: css`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  `,
+  tabsContainer: css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  `,
+  tabItem: css`
+    padding: 0 8px;
+    font-size: 14px;
+    color: ${token.colorText};
+    cursor: pointer;
+    border: 1px solid ${token.colorBorderSecondary};
+    background: ${token.colorBgContainer};
+    transition: all 0.2s;
+    user-select: none;
+    border-radius: 4px;
+  `,
+  tabItemSelected: css`
+    color: ${token.colorPrimary};
+    border-color: ${token.colorPrimary};
+    border: 1px solid ${token.colorPrimary};
+    position: relative;
+    z-index: 1;
+  `,
+  textarea: css`
+    resize: none;
+  `,
+  actions: css`
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+  `,
+}));
+
+export interface ApprovalCancelPopoverProps {
+  /**
+   * @description 预设的取消原因选项
+   * @descriptionEn Preset cancel reason options
+   */
+  options?: string[];
+  /**
+   * @description 确认回调
+   * @descriptionEn Confirm callback
+   */
+  onConfirm?: (reason: string) => void;
+  /**
+   * @description 标题
+   * @descriptionEn Title
+   * @default '取消原因'
+   */
+  title?: string;
+  /**
+   * @description 文本框占位符
+   * @descriptionEn Textarea placeholder
+   * @default '请输入原因，以便大模型做进一步规划'
+   */
+  placeholder?: string;
+}
+
+function useDefaultOptions() {
+  const { t } = useTranslation();
+  return [
+    t?.('cancelPopover.options.notNeeded') || '不需要',
+    t?.('cancelPopover.options.poorResult') || '效果不理想',
+    t?.('cancelPopover.options.tooSlow') || '等待时间久',
+    t?.('cancelPopover.options.wrongInput') || '输入错误',
+  ];
+}
+
+interface TabSelectProps {
+  options: string[];
+  onSelect: (value: string) => void;
+}
+
+function TabSelect(props: TabSelectProps) {
+  const { options, } = props;
+  const [value, setValue] = useState<string>();
+  const { styles } = useStyles();
+
+  return (
+    <div className={styles.tabsContainer}>
+      {options.map((option) => (
+        <div
+          key={option}
+          className={`${styles.tabItem} ${value === option ? styles.tabItemSelected : ''}`}
+          onClick={() => {
+            setValue(option);
+            props.onSelect(option);
+          }}
+        >
+          {option}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export default function ApprovalCancelPopover(props: ApprovalCancelPopoverProps) {
+  const { t } = useTranslation();
+  const defaultOptions = useDefaultOptions();
+  
+  const {
+    options = defaultOptions,
+    onConfirm,
+    title = t?.('cancelPopover.title') || '取消原因',
+    placeholder = t?.('cancelPopover.placeholder') || '请输入原因，以便大模型做进一步规划',
+  } = props;
+
+  const [open, setOpen] = useState<boolean>(false);
+
+  const { styles } = useStyles();
+  const [reason, setReason] = useState<string>('');
+
+  const handleConfirm = () => {
+    onConfirm?.(reason.trim());
+  };
+
+  const content = <div className={styles.container}>
+    <div className={styles.title}>{title}</div>
+    <div className={styles.content}>
+      <TabSelect
+        options={options}
+        onSelect={setReason}
+      />
+      <Input.TextArea
+        className={styles.textarea}
+        value={reason}
+        onChange={(e) => setReason(e.target.value)}
+        placeholder={placeholder}
+        rows={3}
+      />
+      <Flex className={styles.actions}>
+        <Button size="small" onClick={() => setOpen(false)}>
+          {t?.('cancelPopover.cancel') || '取消'}
+        </Button>
+        <Button size="small" type="primary" onClick={() => {
+          setOpen(false);
+          handleConfirm();
+        }}>
+          {t?.('cancelPopover.confirm') || '确认'}
+        </Button>
+      </Flex>
+    </div>
+  </div>
+
+  return <Popover open={open} onOpenChange={setOpen} trigger="click" content={content}>
+    <Button size="small" >{t?.('approval.cancel') || '取消执行'}</Button>
+  </Popover>
+}

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

@@ -29,6 +29,8 @@ export default function AgentScopeRuntimeResponseCard(props: {
         case AgentScopeRuntimeMessageType.MCP_CALL:
         case AgentScopeRuntimeMessageType.MCP_CALL_OUTPUT:
           return <Tool key={item.id} data={item} />
+        case AgentScopeRuntimeMessageType.MCP_APPROVAL_REQUEST:
+          return <Tool key={item.id} data={item} isApproval={true} />
         case AgentScopeRuntimeMessageType.REASONING:
           return <Reasoning key={item.id} data={item} />
         case AgentScopeRuntimeMessageType.ERROR:

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

@@ -2,8 +2,9 @@ import React from "react";
 import { AgentScopeRuntimeRunStatus, IAgentScopeRuntimeMessage, IDataContent } from "../types";
 import { ToolCall } from '@agentscope-ai/chat';
 import { useChatAnywhereOptions } from "../../Context/ChatAnywhereOptionsContext";
+import Approval from "./Approval";
 
-const Tool = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage }) {
+const Tool = React.memo(function ({ data, isApproval = false }: { data: IAgentScopeRuntimeMessage, isApproval?: boolean }) {
   const customToolRenderConfig = useChatAnywhereOptions(v => v.customToolRenderConfig) || {};
 
   if (!data.content?.length) return null;
@@ -18,13 +19,21 @@ const Tool = React.memo(function ({ data }: { data: IAgentScopeRuntimeMessage })
   const serverLabel = `${content[0].data.server_label ? content[0].data.server_label + ' / ' : ''}`
   const title = `${serverLabel}${toolName}`
 
+  let node
+
   if (customToolRenderConfig[toolName]) {
     const C = customToolRenderConfig[toolName];
-    return <C data={data} />
+    node = <C data={data} />
   } else {
-    return <ToolCall loading={loading} defaultOpen={false} title={title === 'undefined' ? '' : title} input={content[0]?.data?.arguments} output={content[1]?.data?.output}></ToolCall>
+    node = <ToolCall loading={loading} defaultOpen={false} title={title === 'undefined' ? '' : title} input={content[0]?.data?.arguments} output={content[1]?.data?.output}></ToolCall>
   }
+
+  return <>
+    {node}
+    {isApproval && <Approval data={data}/>}
+  </>;
 })
 
+
 export default Tool;
 

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

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

package/components/AgentScopeRuntimeWebUI/core/Chat/Input/index.tsx

@@ -33,7 +33,7 @@ export default function Input(props: InputProps) {
     setFileList,
     uploadIconButton,
     uploadFileListHeader
-  } = useAttachments(attachments, { disabled: inputContext.disabled });
+  } = useAttachments(attachments, { disabled: !!inputContext.disabled });
 
 
   const handleSubmit = useCallback(async () => {

package/components/AgentScopeRuntimeWebUI/core/Chat/MessageList/index.tsx

@@ -19,7 +19,7 @@ export default function MessageList(props: { onSubmit: (data: { query: string; f
 
   return <>
     <Bubble.List
-      smooth={loading}
+      smooth={!!loading}
       key={currentSessionId}
       classNames={{
         wrapper: prefixCls,

package/components/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatController.tsx

@@ -70,7 +70,6 @@ export default function useChatController() {
     // 3. 创建用户请求消息
     messageHandler.createRequestMessage(data);
     setLoading(true);
-
     await sleep(100);
 
     // 4. 创建助手响应消息
@@ -84,6 +83,20 @@ export default function useChatController() {
     // mockRequest(mockdata);
   }, [messageHandler, sessionHandler, request]);
 
+
+  const handleApproval = useCallback(async ({ input }) => {
+    messageHandler.createApprovalMessage(input);
+
+    setLoading(true);
+    await sleep(100);
+
+    messageHandler.createResponseMessage();
+    const historyMessages = messageHandler.getHistoryMessages();
+    await sessionHandler.syncSessionMessages(messageHandler.getMessages());
+
+    await request(historyMessages);
+  }, [messageHandler, sessionHandler, request]);
+
   /**
    * 处理取消
    */
@@ -133,6 +146,13 @@ export default function useChatController() {
     }
   }, [handleSubmit]);
 
+  useChatAnywhereEventEmitter({
+    type: 'handleApproval',
+    callback: async (data) => {
+      await handleApproval(data.detail);
+    }
+  }, [handleApproval]);
+
 
   return {
     handleSubmit,

package/components/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatMessageHandler.tsx

@@ -32,7 +32,7 @@ export default function useChatMessageHandler(options: UseChatMessageHandlerOpti
       role: 'user',
       cards: [{
         code: 'AgentScopeRuntimeRequestCard',
-        data: new AgentScopeRuntimeRequestBuilder(data).data,
+        data: new AgentScopeRuntimeRequestBuilder().handle(data),
       }]
     };
 
@@ -43,6 +43,27 @@ export default function useChatMessageHandler(options: UseChatMessageHandlerOpti
     return currentQARef.current.request;
   }, [currentQARef, updateMessage]);
 
+
+  const createApprovalMessage = useCallback((data) => {
+    currentQARef.current.abortController = new AbortController();
+
+    currentQARef.current.request = {
+      id: uuid(),
+      role: 'user',
+      cards: [{
+        code: 'AgentScopeRuntimeRequestCard',
+        data: new AgentScopeRuntimeRequestBuilder().handleApproval(data),
+      }]
+    };
+
+    ReactDOM.flushSync(() => {
+      updateMessage(currentQARef.current.request!);
+    });
+
+    return currentQARef.current.request;
+
+  }, [currentQARef, updateMessage]);
+
   /**
    * 创建助手响应消息
    */
@@ -77,6 +98,7 @@ export default function useChatMessageHandler(options: UseChatMessageHandlerOpti
 
   return {
     createRequestMessage,
+    createApprovalMessage,
     createResponseMessage,
     getHistoryMessages,
     updateMessage,

package/components/AgentScopeRuntimeWebUI/core/ChatAnywhere/ComposedProvider.tsx

@@ -4,10 +4,12 @@ import { ChatAnywhereOptionsContextProvider } from "../Context/ChatAnywhereOptio
 import { ChatAnywhereSessionsContextProvider } from "../Context/ChatAnywhereSessionsContext";
 import { ChatAnywhereMessagesContextProvider } from "../Context/ChatAnywhereMessagesContext";
 import { ChatAnyWhereLayoutContextProvider } from "../Context/ChatAnywhereLayoutContext";
+import { ChatAnywhereI18nContextProvider, Locale } from "../Context/ChatAnywhereI18nContext";
 
 function ComposedProvider(props: { options, cards, children }) {
   const { options, cards, children } = props;
   const providers = [
+    [ChatAnywhereI18nContextProvider, { defaultLocale: options.theme.locale }],
     [ChatAnywhereOptionsContextProvider, { options }],
     [CustomCardsProvider, { cardConfig: cards }],
     [ChatAnywhereSessionsContextProvider, {}],

package/components/AgentScopeRuntimeWebUI/core/Context/ChatAnywhereI18nContext.tsx

@@ -0,0 +1,151 @@
+import { createContext, useContextSelector } from 'use-context-selector';
+import { useMemo, useState, useCallback } from 'react';
+
+export type Locale = 'cn' | 'en';
+
+// 国际化文案定义
+const messages = {
+  cn: {
+    // Approval 相关
+    'approval.title': '人工干预',
+    'approval.pending': '请确认是否执行该操作',
+    'approval.confirmed': '确认执行任务',
+    'approval.canceled': '取消执行任务',
+    'approval.cancel': '取消执行',
+    'approval.confirm': '确认执行',
+    'approval.taskRunning': '当前有正在执行的任务，无法发送新的任务',
+    
+    // ApprovalCancelPopover 相关
+    'cancelPopover.title': '取消原因',
+    'cancelPopover.placeholder': '请输入原因，以便大模型做进一步规划',
+    'cancelPopover.cancel': '取消',
+    'cancelPopover.confirm': '确认',
+    'cancelPopover.options.notNeeded': '不需要',
+    'cancelPopover.options.poorResult': '效果不理想',
+    'cancelPopover.options.tooSlow': '等待时间久',
+    'cancelPopover.options.wrongInput': '输入错误',
+
+    // 通用
+    'common.save': '保存',
+    'common.cancel': '取消',
+    'common.confirm': '确认',
+    'common.delete': '删除',
+    'common.edit': '编辑',
+    'common.loading': '加载中...',
+    'common.saveSuccess': '保存成功',
+    'common.saveFailed': '保存失败',
+
+    // Actions 相关
+    'actions.regenerate': '重新生成',
+
+    // MessageImport 相关
+    'messageImport.title': 'Sessions 数据导入',
+    'messageImport.placeholder': '输入 JSON 数据以覆盖当前 sessions',
+    'messageImport.saveToLocalStorage': '保存到 LocalStorage',
+  },
+  en: {
+    // Approval related
+    'approval.title': 'Human Intervention',
+    'approval.pending': 'Please confirm whether to execute this operation',
+    'approval.confirmed': 'Confirmed to execute task',
+    'approval.canceled': 'Canceled task execution',
+    'approval.cancel': 'Cancel',
+    'approval.confirm': 'Confirm',
+    'approval.taskRunning': 'A task is currently running, cannot send new task',
+    
+    // ApprovalCancelPopover related
+    'cancelPopover.title': 'Cancel Reason',
+    'cancelPopover.placeholder': 'Please enter the reason for better AI planning',
+    'cancelPopover.cancel': 'Cancel',
+    'cancelPopover.confirm': 'Confirm',
+    'cancelPopover.options.notNeeded': 'Not needed',
+    'cancelPopover.options.poorResult': 'Poor result',
+    'cancelPopover.options.tooSlow': 'Too slow',
+    'cancelPopover.options.wrongInput': 'Wrong input',
+
+    // Common
+    'common.save': 'Save',
+    'common.cancel': 'Cancel',
+    'common.confirm': 'Confirm',
+    'common.delete': 'Delete',
+    'common.edit': 'Edit',
+    'common.loading': 'Loading...',
+    'common.saveSuccess': 'Saved successfully',
+    'common.saveFailed': 'Failed to save',
+
+    // Actions related
+    'actions.regenerate': 'Regenerate',
+
+    // MessageImport related
+    'messageImport.title': 'Import Sessions Data',
+    'messageImport.placeholder': 'Enter JSON data to override current sessions',
+    'messageImport.saveToLocalStorage': 'Save to LocalStorage',
+  },
+};
+
+export type MessageKey = keyof typeof messages.cn;
+type Messages = Record<MessageKey, string>;
+
+export interface I18nContextValue {
+  locale: Locale;
+  setLocale: (locale: Locale) => void;
+  t: (key: MessageKey, params?: Record<string, string | number>) => string;
+  messages: Messages;
+}
+
+const ChatAnywhereI18nContext = createContext<I18nContextValue | undefined>(undefined);
+
+export function useChatAnywhereI18n<Selected>(selector: (value: I18nContextValue) => Selected): Selected {
+  try {
+    const context = useContextSelector(ChatAnywhereI18nContext, selector);
+    return context;
+  } catch (error) {
+    return {} as Selected;
+  }
+}
+
+// 便捷 hook：直接获取翻译函数
+export function useTranslation() {
+  const t = useChatAnywhereI18n((ctx) => ctx?.t);
+  const locale = useChatAnywhereI18n((ctx) => ctx?.locale);
+  const setLocale = useChatAnywhereI18n((ctx) => ctx?.setLocale);
+  return { t, locale, setLocale };
+}
+
+export interface ChatAnywhereI18nContextProviderProps {
+  children: React.ReactNode;
+  defaultLocale?: Locale;
+}
+
+export function ChatAnywhereI18nContextProvider(props: ChatAnywhereI18nContextProviderProps) {
+  const { children, defaultLocale = 'en' } = props;
+  const [locale, setLocale] = useState<Locale>(defaultLocale);
+
+  const t = useCallback((key: MessageKey, params?: Record<string, string | number>): string => {
+    let message = messages[locale][key] || key;
+    
+    // 支持参数替换，如 t('hello', { name: 'World' }) => "Hello, World"
+    if (params) {
+      Object.entries(params).forEach(([paramKey, value]) => {
+        message = message.replace(new RegExp(`\\{${paramKey}\\}`, 'g'), String(value));
+      });
+    }
+    
+    return message;
+  }, [locale]);
+
+  const value = useMemo<I18nContextValue>(() => ({
+    locale,
+    setLocale,
+    t,
+    messages: messages[locale],
+  }), [locale, setLocale, t]);
+
+  return (
+    <ChatAnywhereI18nContext.Provider value={value}>
+      {children}
+    </ChatAnywhereI18nContext.Provider>
+  );
+}
+
+export default ChatAnywhereI18nContext;

package/components/AgentScopeRuntimeWebUI/core/Context/ChatAnywhereInputContext.tsx

@@ -14,8 +14,8 @@ export const ChatAnywhereInputContext = createContext<IAgentScopeRuntimeWebUIInp
 export function ChatAnywhereInputContextProvider(props: {
   children: React.ReactNode | React.ReactNode[];
 }) {
-  const [loading, setLoading, getLoading] = useGetState<boolean>(false);
-  const [disabled, setDisabled, getDisabled] = useGetState<boolean>(false);
+  const [loading, setLoading, getLoading] = useGetState<boolean | string>(false);
+  const [disabled, setDisabled, getDisabled] = useGetState<boolean | string>(false);
 
   return <ChatAnywhereInputContext.Provider value={{ loading, setLoading, getLoading, disabled, setDisabled, getDisabled }}>
     {props.children}