npm - @agentscope-ai/chat - Versions diffs - 1.1.58 → 1.1.59-beta.1775119922876 - Mend

@agentscope-ai/chat 1.1.58 → 1.1.59-beta.1775119922876

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/bin/starter_webui/README.md ADDED Viewed

@@ -0,0 +1,75 @@
+# agentscope-runtime-starter-webui
+## node version
+> =22
+## install
+```
+$ npm run install
+```
+## dev
+```
+$ npm run dev
+```
+## build
+```
+$ npm run build
+```
+## Core Code
+```tsx
+import { AgentScopeRuntimeWebUI } from '@agentscope-ai/chat';
+const options = {
+  theme: {
+    colorPrimary: '#615CED',
+    darkMode: true,
+    prefix: 'agentscope-runtime-webui',
+    leftHeader: {
+      logo: 'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+      title: 'Runtime WebUI',
+    },
+  },
+  sender: {
+    maxLength: 10000,
+    disclaimer:
+      'AI can also make mistakes, so please check carefully and use it with caution',
+  },
+  welcome: {
+    greeting: 'Hello, how can I help you today?',
+    description:
+      'I am a helpful assistant that can help you with your questions.',
+    avatar:
+      'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+    prompts: [
+      {
+        value: 'Hello',
+      },
+      {
+        value: 'How are you?',
+      },
+      {
+        value: 'What can you do?',
+      },
+    ],
+  },
+  api: {
+    baseURL: 'YOUR_API_URL',
+    token: 'YOUR_API_TOKEN', // is not required
+  },
+};
+<AgentScopeRuntimeWebUI
+  options={options}
+/>
+```

package/bin/starter_webui/eslint.config.js ADDED Viewed

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

package/bin/starter_webui/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AgentScope Runtime Starter WebUI</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/bin/starter_webui/package.json ADDED Viewed

@@ -0,0 +1,34 @@
+{
+  "name": "agentscope-runtime-starter-webui",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@agentscope-ai/icons": "^1.0.46",
+    "@agentscope-ai/chat": "^1.1.44",
+    "@agentscope-ai/design": "^1.0.19",
+    "antd": "^5.29.1",
+    "antd-style": "^3.7.1",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.25.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5"
+  }
+}

package/bin/starter_webui/src/App.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import Chat from './components/Chat';
+import { createGlobalStyle } from 'antd-style';
+const GlobalStyle = createGlobalStyle`
+* {
+  margin: 0;
+  box-sizing: border-box;
+}
+`;
+function App() {
+  return <>
+    <GlobalStyle />
+    <Chat />
+  </>
+}
+export default App

package/bin/starter_webui/src/components/Chat/OptionsPanel/FormItem.tsx ADDED Viewed

@@ -0,0 +1,37 @@
+import { Form } from 'antd';
+import { createStyles } from 'antd-style';
+interface FormItemProps {
+  name: string | string[];
+  label: string;
+  isList?: boolean;
+  children: any;
+  normalize?: (value: any) => any;
+}
+const useStyles = createStyles(({ token }) => ({
+  label: {
+    marginBottom: 6,
+    fontSize: 12,
+    color: token.colorTextSecondary,
+  },
+}));
+export default function FormItem(props: FormItemProps) {
+  const { styles } = useStyles();
+  const node = props.isList ?
+    <Form.List name={props.name}>{props.children}</Form.List> :
+    <Form.Item name={props.name} normalize={props.normalize}>{props.children}</Form.Item>;
+  return <div>
+    {props.label && <div className={styles.label}>{props.label}</div>}
+    {node}
+  </div>
+}

package/bin/starter_webui/src/components/Chat/OptionsPanel/OptionsEditor.tsx ADDED Viewed

@@ -0,0 +1,160 @@
+import React from 'react';
+import { Form, Input, ColorPicker, Flex, Divider, InputNumber } from 'antd';
+import { createStyles } from 'antd-style';
+import { Button, IconButton, Switch } from '@agentscope-ai/design'
+import { SparkDeleteLine, SparkPlusLine } from '@agentscope-ai/icons';
+import FormItem from './FormItem';
+import defaultConfig from './defaultConfig';
+const useStyles = createStyles(({ token }) => ({
+  container: {
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  form: {
+    height: 0,
+    flex: 1,
+    padding: '8px 16px 16px 16px',
+    overflow: 'auto',
+  },
+  actions: {
+    padding: 16,
+    display: 'flex',
+    borderTop: `1px solid ${token.colorBorderSecondary}`,
+    justifyContent: 'flex-end',
+    gap: 16,
+  }
+}));
+interface OptionsEditorProps {
+  value?: any;
+  onChange?: any;
+}
+const OptionsEditor: React.FC<OptionsEditorProps> = ({
+  value,
+  onChange,
+}) => {
+  const { styles } = useStyles();
+  const [form] = Form.useForm();
+  const handleSave = () => {
+    form.validateFields().then((values) => {
+      onChange(values);
+    });
+  };
+  const handleReset = () => {
+    form.setFieldsValue(defaultConfig);
+  };
+  return (
+    <div className={styles.container}>
+      <Form
+        className={styles.form}
+        form={form}
+        layout="vertical"
+        initialValues={value}
+      >
+        <Divider orientation="left">Theme</Divider>
+        <FormItem name={['theme', 'colorPrimary']} label="colorPrimary" normalize={value => value.toHexString()}>
+          <ColorPicker />
+        </FormItem>
+        <FormItem name={['theme', 'colorBgBase']} label="colorBgBase" normalize={value => value.toHexString()}>
+          <ColorPicker />
+        </FormItem>
+        <FormItem name={['theme', 'colorTextBase']} label="colorTextBase" normalize={value => value.toHexString()}>
+          <ColorPicker />
+        </FormItem>
+        <FormItem name={['theme', 'darkMode']} label="darkMode" >
+          <Switch />
+        </FormItem>
+        <FormItem name={['theme', 'leftHeader', 'logo']} label="leftHeader.logo" >
+          <Input />
+        </FormItem>
+        <FormItem name={['theme', 'leftHeader', 'title']} label="leftHeader.title" >
+          <Input />
+        </FormItem>
+        <Divider orientation="left">Sender</Divider>
+        <FormItem name={['sender', 'disclaimer']} label="disclaimer" >
+          <Input />
+        </FormItem>
+        <FormItem name={['sender', 'maxLength']} label="maxLength" >
+          <InputNumber min={1000} />
+        </FormItem>
+        <Divider orientation="left">Welcome</Divider>
+        <FormItem name={['welcome', 'greeting']} label="greeting" >
+          <Input />
+        </FormItem>
+        <FormItem name={['welcome', 'description']} label="description" >
+          <Input />
+        </FormItem>
+        <FormItem name={['welcome', 'avatar']} label="avatar" >
+          <Input />
+        </FormItem>
+        <FormItem name={['welcome', 'prompts']} isList label="prompts" >
+          {(fields: { key: string, name: string }[], { add, remove }: { add: (item: any) => void, remove: (name: string) => void }) => {
+            return <div>
+              {fields.map(field => {
+                return <Flex key={field.key} gap={6}>
+                  <Form.Item style={{ flex: 1 }} key={field.key} name={[field.name, 'value']}>
+                    <Input />
+                  </Form.Item>
+                  <IconButton icon={<SparkPlusLine />} onClick={() => add({})}></IconButton>
+                  <IconButton icon={<SparkDeleteLine />} onClick={() => remove(field.name)}></IconButton>
+                </Flex>
+              })}
+            </div>
+          }}
+        </FormItem>
+        <Divider orientation="left">API</Divider>
+        <FormItem name={['api', 'baseURL']} label="baseURL" >
+          <Input />
+        </FormItem>
+        <FormItem name={['api', 'token']} label="token" >
+          <Input />
+        </FormItem>
+      </Form>
+      <div className={styles.actions}>
+        <Button onClick={handleReset}>Reset</Button>
+        <Button type="primary" onClick={handleSave}>
+          Save & Copy
+        </Button>
+      </div>
+    </div>
+  );
+};
+export default OptionsEditor;

package/bin/starter_webui/src/components/Chat/OptionsPanel/defaultConfig.ts ADDED Viewed

@@ -0,0 +1,41 @@
+export default {
+  theme: {
+    colorPrimary: '#615CED',
+    darkMode: true,
+    prefix: 'agentscope-runtime-webui',
+    leftHeader: {
+      logo: 'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+      title: 'Runtime WebUI',
+    },
+  },
+  sender: {
+    attachments: false,
+    maxLength: 10000,
+    disclaimer:
+      'AI can also make mistakes, so please check carefully and use it with caution',
+  },
+  welcome: {
+    greeting: 'Hello, how can I help you today?',
+    description:
+      'I am a helpful assistant that can help you with your questions.',
+    avatar:
+      'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+    prompts: [
+      {
+        value: 'Hello',
+      },
+      {
+        value: 'How are you?',
+      },
+      {
+        value: 'What can you do?',
+      },
+    ],
+  },
+  api: {
+    baseURL: BASE_URL,
+    token: TOKEN,
+  },
+};

package/bin/starter_webui/src/components/Chat/OptionsPanel/index.tsx ADDED Viewed

@@ -0,0 +1,27 @@
+import { SparkSettingLine } from "@agentscope-ai/icons";
+import { IconButton, Drawer } from "@agentscope-ai/design";
+import { useState } from "react";
+import OptionsEditor from "./OptionsEditor";
+interface OptionsPanelProps {
+  value?: any;
+  onChange?: any;
+}
+export default function OptionsPanel(props: OptionsPanelProps) {
+  const [open, setOpen] = useState(false);
+  return <>
+    <IconButton onClick={() => setOpen(true)} icon={<SparkSettingLine />} bordered={false} />
+    <Drawer
+      destroyOnHidden
+      open={open}
+      onClose={() => setOpen(false)}
+      styles={{ body: { padding: 0 }, header: { padding: 8 } }}>
+      <OptionsEditor value={props.value} onChange={(v: typeof props.value) => {
+        setOpen(false);
+        props.onChange(v);
+      }} />
+    </Drawer>
+  </>
+}

package/bin/starter_webui/src/components/Chat/index.tsx ADDED Viewed

@@ -0,0 +1,45 @@
+import { AgentScopeRuntimeWebUI, IAgentScopeRuntimeWebUIOptions } from '@agentscope-ai/chat';
+import OptionsPanel from './OptionsPanel';
+import { useMemo } from 'react';
+import sessionApi from './sessionApi';
+import { useLocalStorageState } from 'ahooks';
+import defaultConfig from './OptionsPanel/defaultConfig';
+export default function () {
+  const [optionsConfig, setOptionsConfig] = useLocalStorageState('agent-scope-runtime-webui-options', {
+    defaultValue: defaultConfig,
+    listenStorageChange: true,
+  });
+  const options = useMemo(() => {
+    const rightHeader = <OptionsPanel value={optionsConfig} onChange={(v: typeof optionsConfig) => {
+      setOptionsConfig(prev => ({
+        ...prev,
+        ...v,
+      }));
+    }} />;
+    return {
+      ...optionsConfig,
+      session: {
+        multiple: true,
+        api: sessionApi,
+      },
+      theme: {
+        ...optionsConfig.theme,
+        rightHeader,
+      },
+    };
+  }, [optionsConfig]);
+  return <div style={{ height: '100vh' }}>
+    <AgentScopeRuntimeWebUI
+      options={options as unknown as IAgentScopeRuntimeWebUIOptions}
+    />
+  </div>;
+}

package/bin/starter_webui/src/components/Chat/sessionApi/index.ts ADDED Viewed

@@ -0,0 +1,53 @@
+import {
+  IAgentScopeRuntimeWebUISession,
+  IAgentScopeRuntimeWebUISessionAPI,
+} from '@agentscope-ai/chat';
+class SessionApi implements IAgentScopeRuntimeWebUISessionAPI {
+  private lsKey: string;
+  private sessionList: IAgentScopeRuntimeWebUISession[];
+  constructor() {
+    this.lsKey = 'agent-scope-runtime-webui-sessions';
+    this.sessionList = [];
+  }
+  async getSessionList() {
+    this.sessionList = JSON.parse(localStorage.getItem(this.lsKey) || '[]');
+    return [...this.sessionList];
+  }
+  async getSession(sessionId: string) {
+    return this.sessionList.find((session) => session.id === sessionId) as IAgentScopeRuntimeWebUISession;
+  }
+  async updateSession(session: Partial<IAgentScopeRuntimeWebUISession>) {
+    const index = this.sessionList.findIndex((item) => item.id === session.id);
+    if (index > -1) {
+      this.sessionList[index] = {
+        ...this.sessionList[index],
+        ...session,
+      };
+      localStorage.setItem(this.lsKey, JSON.stringify(this.sessionList));
+    }
+    return [...this.sessionList];
+  }
+  async createSession(session: Partial<IAgentScopeRuntimeWebUISession>) {
+    session.id = Date.now().toString();
+    this.sessionList.unshift(session as IAgentScopeRuntimeWebUISession);
+    localStorage.setItem(this.lsKey, JSON.stringify(this.sessionList));
+    return [...this.sessionList];
+  }
+  async removeSession(session: Partial<IAgentScopeRuntimeWebUISession>) {
+    this.sessionList = this.sessionList.filter(
+      (item) => item.id !== session.id,
+    );
+    localStorage.setItem(this.lsKey, JSON.stringify(this.sessionList));
+    return [...this.sessionList];
+  }
+}
+export default new SessionApi();

package/bin/starter_webui/src/main.tsx ADDED Viewed

@@ -0,0 +1,9 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App.tsx'
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/bin/starter_webui/src/vite-env.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="vite/client" />
+declare const BASE_URL: string;
+declare const TOKEN: string;

package/bin/starter_webui/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/bin/starter_webui/tsconfig.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/bin/starter_webui/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/bin/starter_webui/vite.config.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+export default defineConfig({
+  define: {
+    BASE_URL: JSON.stringify(process.env.BASE_URL || ''),
+    TOKEN: JSON.stringify(process.env.TOKEN || ''),
+    MOBILE: false,
+  },
+  plugins: [react()],
+})

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/README.md ADDED Viewed

@@ -0,0 +1,75 @@
+# agentscope-runtime-starter-webui
+## node version
+> =22
+## install
+```
+$ npm run install
+```
+## dev
+```
+$ npm run dev
+```
+## build
+```
+$ npm run build
+```
+## Core Code
+```tsx
+import { AgentScopeRuntimeWebUI } from '@agentscope-ai/chat';
+const options = {
+  theme: {
+    colorPrimary: '#615CED',
+    darkMode: true,
+    prefix: 'agentscope-runtime-webui',
+    leftHeader: {
+      logo: 'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+      title: 'Runtime WebUI',
+    },
+  },
+  sender: {
+    maxLength: 10000,
+    disclaimer:
+      'AI can also make mistakes, so please check carefully and use it with caution',
+  },
+  welcome: {
+    greeting: 'Hello, how can I help you today?',
+    description:
+      'I am a helpful assistant that can help you with your questions.',
+    avatar:
+      'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+    prompts: [
+      {
+        value: 'Hello',
+      },
+      {
+        value: 'How are you?',
+      },
+      {
+        value: 'What can you do?',
+      },
+    ],
+  },
+  api: {
+    baseURL: 'YOUR_API_URL',
+    token: 'YOUR_API_TOKEN', // is not required
+  },
+};
+<AgentScopeRuntimeWebUI
+  options={options}
+/>
+```

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/eslint.config.js ADDED Viewed

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AgentScope Runtime Starter WebUI</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/package.json ADDED Viewed

@@ -0,0 +1,34 @@
+{
+  "name": "agentscope-runtime-starter-webui",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@agentscope-ai/icons": "^1.0.46",
+    "@agentscope-ai/chat": "file://Users/ls/GitHub/agentscope-spark-design/packages/spark-chat",
+    "@agentscope-ai/design": "^1.0.19",
+    "antd": "^5.29.1",
+    "antd-style": "^3.7.1",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.25.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5"
+  }
+}

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/src/App.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import Chat from './components/Chat';
+import { createGlobalStyle } from 'antd-style';
+const GlobalStyle = createGlobalStyle`
+* {
+  margin: 0;
+  box-sizing: border-box;
+}
+`;
+function App() {
+  return <>
+    <GlobalStyle />
+    <Chat />
+  </>
+}
+export default App

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/src/components/Chat/defaultConfig.ts ADDED Viewed

@@ -0,0 +1,45 @@
+export default {
+  theme: {
+    colorPrimary: '#615CED',
+    darkMode: true,
+    prefix: 'agentscope-runtime-webui',
+    leftHeader: {
+      logo: 'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+      title: 'Runtime WebUI',
+    },
+  },
+  sender: {
+    attachments: false,
+    maxLength: 10000,
+    disclaimer:
+      'AI can also make mistakes, so please check carefully and use it with caution',
+  },
+  session: {
+    multiple: false,
+  },
+  welcome: {
+    greeting: 'Hello, how can I help you today?',
+    description:
+      'I am a helpful assistant that can help you with your questions.',
+    avatar:
+      'https://img.alicdn.com/imgextra/i2/O1CN01lmoGYn1kjoXATy4PX_!!6000000004720-2-tps-200-200.png',
+    prompts: [
+      {
+        value: 'Hello',
+      },
+      {
+        value: 'How are you?',
+      },
+      {
+        value: 'What can you do?',
+      },
+    ],
+  },
+  api: {
+    baseURL: 'https://highcodnvvwbdks-ptzchpamaz.cn-beijing.fcapp.run/process',
+    token: '32a3e4da-528a-462d-a270-74b10cb21d75',
+    enableHistoryMessages: true,
+  },
+};

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/src/components/Chat/index.tsx ADDED Viewed

@@ -0,0 +1,11 @@
+import { AgentScopeRuntimeWebUI, IAgentScopeRuntimeWebUIOptions } from '@agentscope-ai/chat';
+import defaultConfig from './defaultConfig';
+export default function () {
+  return <div style={{ height: '100vh' }}>
+    <AgentScopeRuntimeWebUI
+      options={defaultConfig as unknown as IAgentScopeRuntimeWebUIOptions}
+    />
+  </div>;
+}

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/src/main.tsx ADDED Viewed

@@ -0,0 +1,9 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App.tsx'
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/src/vite-env.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="vite/client" />
+declare const BASE_URL: string;
+declare const TOKEN: string;

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/tsconfig.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/components/AgentScopeRuntimeWebUI/bailian-high-code-webui/vite.config.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+export default defineConfig({
+  define: {},
+  plugins: [react()],
+})

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

@@ -124,6 +124,8 @@ export default function useChatController() {
   /**
    * 处理 SSE 重连（切回未完成的对话时）
+   * If the reconnect API returns no body or the stream ends without a completion event,
+   * treat it as idle: remove the empty placeholder and reset loading.
    */
   const handleReconnect = useCallback(async (sessionId: string) => {
     currentQARef.current.abortController = new AbortController();
@@ -132,6 +134,19 @@ export default function useChatController() {
     messageHandler.createResponseMessage();
     await reconnect(sessionId);
+    // If the response is still in 'generating' state after reconnect completes,
+    // onFinish() was never called (no response body, or stream closed without a completion event).
+    // Treat as idle: remove the empty placeholder and reset loading.
+    // HTTP errors and normal SSE completions both call onFinish() → msgStatus becomes 'finished',
+    // so they are correctly excluded from this cleanup.
+    if (currentQARef.current.response?.msgStatus === 'generating') {
+      setLoading(false);
+      if (currentQARef.current.response?.id) {
+        messageHandler.removeMessageById(currentQARef.current.response.id);
+      }
+      currentQARef.current.response = undefined;
+    }
   }, [messageHandler, reconnect, setLoading]);
   // 监听会话切换，断开当前 SSE 连接（不通知后端取消）并重置状态

package/components/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatRequest.tsx CHANGED Viewed

@@ -66,7 +66,8 @@ export default function useChatRequest(options: UseChatRequestOptions) {
     });
     if (!response.ok) {
-      response.json().then(data => {
+      try {
+        const data = await response.json();
         const res = agentScopeRuntimeResponseBuilder.handle({
           object: 'message',
           type: AgentScopeRuntimeMessageType.ERROR,
@@ -84,8 +85,10 @@ export default function useChatRequest(options: UseChatRequestOptions) {
             data: res,
           }
         ];
-        onFinish();
-      });
+      } catch {
+        // Ignore JSON parse errors — still call onFinish to reset loading state
+      }
+      onFinish();
       return;
     }

package/components/AgentScopeRuntimeWebUI/core/Context/defaultSessionApi.ts CHANGED Viewed

@@ -48,9 +48,14 @@ function createStorageSessionStore(multiple: boolean) {
   return {
     async getSessionList() {
       load();
-      if (!multiple && sessionList.length > 1) {
-        sessionList = sessionList.slice(0, 1);
-        persist();
+      if (!multiple) {
+        if (sessionList.length === 0) {
+          sessionList = [normalizeSession({})];
+          persist();
+        } else if (sessionList.length > 1) {
+          sessionList = sessionList.slice(0, 1);
+          persist();
+        }
       }
       return [...sessionList];
     },

package/lib/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatController.js CHANGED Viewed

@@ -179,9 +179,13 @@ export default function useChatController() {
   /**
    * 处理 SSE 重连（切回未完成的对话时）
+   * If the reconnect API returns no body or the stream ends without a completion event,
+   * treat it as idle: remove the empty placeholder and reset loading.
    */
   var handleReconnect = useCallback( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(sessionId) {
+      var _currentQARef$current;
+      var _currentQARef$current2;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -191,6 +195,19 @@ export default function useChatController() {
             _context4.next = 5;
             return reconnect(sessionId);
           case 5:
+            // If the response is still in 'generating' state after reconnect completes,
+            // onFinish() was never called (no response body, or stream closed without a completion event).
+            // Treat as idle: remove the empty placeholder and reset loading.
+            // HTTP errors and normal SSE completions both call onFinish() → msgStatus becomes 'finished',
+            // so they are correctly excluded from this cleanup.
+            if (((_currentQARef$current = currentQARef.current.response) === null || _currentQARef$current === void 0 ? void 0 : _currentQARef$current.msgStatus) === 'generating') {
+              setLoading(false);
+              if ((_currentQARef$current2 = currentQARef.current.response) !== null && _currentQARef$current2 !== void 0 && _currentQARef$current2.id) {
+                messageHandler.removeMessageById(currentQARef.current.response.id);
+              }
+              currentQARef.current.response = undefined;
+            }
+          case 6:
           case "end":
             return _context4.stop();
         }
@@ -203,8 +220,8 @@ export default function useChatController() {
   // 监听会话切换，断开当前 SSE 连接（不通知后端取消）并重置状态
   useEffect(function () {
-    var _currentQARef$current;
-    (_currentQARef$current = currentQARef.current.abortController) === null || _currentQARef$current === void 0 || _currentQARef$current.abort();
+    var _currentQARef$current3;
+    (_currentQARef$current3 = currentQARef.current.abortController) === null || _currentQARef$current3 === void 0 || _currentQARef$current3.abort();
     currentQARef.current = {
       request: undefined,
       response: undefined,

package/lib/AgentScopeRuntimeWebUI/core/Chat/hooks/useChatRequest.js CHANGED Viewed

@@ -102,7 +102,7 @@ export default function useChatRequest(options) {
   }(), []);
   var processSSEResponse = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(response) {
-      var currentApiOptions, agentScopeRuntimeResponseBuilder, _iteratorAbruptCompletion2, _didIteratorError2, _iteratorError2, _iterator2, _step2, chunk, _currentQARef$current, _res$output, _currentQARef$current2, responseParser, chunkData, res;
+      var currentApiOptions, agentScopeRuntimeResponseBuilder, data, res, _iteratorAbruptCompletion2, _didIteratorError2, _iteratorError2, _iterator2, _step2, chunk, _currentQARef$current, _res$output, _currentQARef$current2, responseParser, chunkData, _res;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -113,46 +113,55 @@ export default function useChatRequest(options) {
               created_at: 0
             });
             if (response.ok) {
-              _context2.next = 5;
+              _context2.next = 15;
               break;
             }
-            response.json().then(function (data) {
-              var res = agentScopeRuntimeResponseBuilder.handle({
-                object: 'message',
-                type: AgentScopeRuntimeMessageType.ERROR,
-                content: [],
-                id: 'error',
-                role: 'assistant',
-                status: AgentScopeRuntimeRunStatus.Failed,
-                code: String(response.status),
-                message: JSON.stringify(data)
-              });
-              currentQARef.current.response.cards = [{
-                code: 'AgentScopeRuntimeResponseCard',
-                data: res
-              }];
-              onFinish();
+            _context2.prev = 3;
+            _context2.next = 6;
+            return response.json();
+          case 6:
+            data = _context2.sent;
+            res = agentScopeRuntimeResponseBuilder.handle({
+              object: 'message',
+              type: AgentScopeRuntimeMessageType.ERROR,
+              content: [],
+              id: 'error',
+              role: 'assistant',
+              status: AgentScopeRuntimeRunStatus.Failed,
+              code: String(response.status),
+              message: JSON.stringify(data)
             });
+            currentQARef.current.response.cards = [{
+              code: 'AgentScopeRuntimeResponseCard',
+              data: res
+            }];
+            _context2.next = 13;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](3);
+          case 13:
+            onFinish();
             return _context2.abrupt("return");
-          case 5:
-            _context2.prev = 5;
+          case 15:
+            _context2.prev = 15;
             _iteratorAbruptCompletion2 = false;
             _didIteratorError2 = false;
-            _context2.prev = 8;
+            _context2.prev = 18;
             _iterator2 = _asyncIterator(Stream({
               readableStream: response.body
             }));
-          case 10:
-            _context2.next = 12;
+          case 20:
+            _context2.next = 22;
             return _iterator2.next();
-          case 12:
+          case 22:
             if (!(_iteratorAbruptCompletion2 = !(_step2 = _context2.sent).done)) {
-              _context2.next = 29;
+              _context2.next = 39;
               break;
             }
             chunk = _step2.value;
             if (!(((_currentQARef$current = currentQARef.current.response) === null || _currentQARef$current === void 0 ? void 0 : _currentQARef$current.msgStatus) === 'interrupted')) {
-              _context2.next = 20;
+              _context2.next = 30;
               break;
             }
             (_currentQARef$current2 = currentQARef.current.abortController) === null || _currentQARef$current2 === void 0 || _currentQARef$current2.abort();
@@ -166,72 +175,72 @@ export default function useChatRequest(options) {
               data: agentScopeRuntimeResponseBuilder.cancel()
             }];
             updateMessage(currentQARef.current.response);
-            return _context2.abrupt("break", 29);
-          case 20:
+            return _context2.abrupt("break", 39);
+          case 30:
             responseParser = apiOptionsRef.current.responseParser || JSON.parse;
             chunkData = responseParser(chunk.data);
-            res = agentScopeRuntimeResponseBuilder.handle(chunkData);
-            if (!(res.status !== AgentScopeRuntimeRunStatus.Failed && !((_res$output = res.output) !== null && _res$output !== void 0 && (_res$output = _res$output[0]) !== null && _res$output !== void 0 && (_res$output = _res$output.content) !== null && _res$output !== void 0 && _res$output.length))) {
-              _context2.next = 25;
+            _res = agentScopeRuntimeResponseBuilder.handle(chunkData);
+            if (!(_res.status !== AgentScopeRuntimeRunStatus.Failed && !((_res$output = _res.output) !== null && _res$output !== void 0 && (_res$output = _res$output[0]) !== null && _res$output !== void 0 && (_res$output = _res$output.content) !== null && _res$output !== void 0 && _res$output.length))) {
+              _context2.next = 35;
               break;
             }
-            return _context2.abrupt("continue", 26);
-          case 25:
+            return _context2.abrupt("continue", 36);
+          case 35:
             if (currentQARef.current.response) {
               currentQARef.current.response.cards = [{
                 code: 'AgentScopeRuntimeResponseCard',
-                data: res
+                data: _res
               }];
-              if (res.status === AgentScopeRuntimeRunStatus.Completed || res.status === AgentScopeRuntimeRunStatus.Failed) {
+              if (_res.status === AgentScopeRuntimeRunStatus.Completed || _res.status === AgentScopeRuntimeRunStatus.Failed) {
                 onFinish();
               } else {
                 updateMessage(currentQARef.current.response);
               }
             }
-          case 26:
+          case 36:
             _iteratorAbruptCompletion2 = false;
-            _context2.next = 10;
+            _context2.next = 20;
             break;
-          case 29:
-            _context2.next = 35;
+          case 39:
+            _context2.next = 45;
             break;
-          case 31:
-            _context2.prev = 31;
-            _context2.t0 = _context2["catch"](8);
+          case 41:
+            _context2.prev = 41;
+            _context2.t1 = _context2["catch"](18);
             _didIteratorError2 = true;
-            _iteratorError2 = _context2.t0;
-          case 35:
-            _context2.prev = 35;
-            _context2.prev = 36;
+            _iteratorError2 = _context2.t1;
+          case 45:
+            _context2.prev = 45;
+            _context2.prev = 46;
             if (!(_iteratorAbruptCompletion2 && _iterator2.return != null)) {
-              _context2.next = 40;
+              _context2.next = 50;
               break;
             }
-            _context2.next = 40;
+            _context2.next = 50;
             return _iterator2.return();
-          case 40:
-            _context2.prev = 40;
+          case 50:
+            _context2.prev = 50;
             if (!_didIteratorError2) {
-              _context2.next = 43;
+              _context2.next = 53;
               break;
             }
             throw _iteratorError2;
-          case 43:
-            return _context2.finish(40);
-          case 44:
-            return _context2.finish(35);
-          case 45:
-            _context2.next = 50;
+          case 53:
+            return _context2.finish(50);
+          case 54:
+            return _context2.finish(45);
+          case 55:
+            _context2.next = 60;
             break;
-          case 47:
-            _context2.prev = 47;
-            _context2.t1 = _context2["catch"](5);
-            console.error(_context2.t1);
-          case 50:
+          case 57:
+            _context2.prev = 57;
+            _context2.t2 = _context2["catch"](15);
+            console.error(_context2.t2);
+          case 60:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[5, 47], [8, 31, 35, 45], [36,, 40, 44]]);
+      }, _callee2, null, [[3, 11], [15, 57], [18, 41, 45, 55], [46,, 50, 54]]);
     }));
     return function (_x2) {
       return _ref2.apply(this, arguments);

package/lib/AgentScopeRuntimeWebUI/core/Context/defaultSessionApi.js CHANGED Viewed

@@ -52,9 +52,14 @@ function createStorageSessionStore(multiple) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               load();
-              if (!multiple && sessionList.length > 1) {
-                sessionList = sessionList.slice(0, 1);
-                persist();
+              if (!multiple) {
+                if (sessionList.length === 0) {
+                  sessionList = [normalizeSession({})];
+                  persist();
+                } else if (sessionList.length > 1) {
+                  sessionList = sessionList.slice(0, 1);
+                  persist();
+                }
               }
               return _context.abrupt("return", _toConsumableArray(sessionList));
             case 3:

package/package.json CHANGED Viewed

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