npm - @agentscope-ai/chat - Versions diffs - 1.1.59 → 1.1.60 - Mend

@agentscope-ai/chat 1.1.59 → 1.1.60

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 (34) 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": "1.1.59-beta.1775119922876",
+    "@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/Cards/Weather.tsx ADDED Viewed

@@ -0,0 +1,234 @@
+import { createStyles } from 'antd-style';
+interface IToolContentItem {
+  type: string;
+  object?: string;
+  status: string;
+  delta?: boolean | null;
+  msg_id?: string;
+  index?: number;
+  error?: unknown;
+  sequence_number?: number | null;
+  data: {
+    name: string;
+    arguments?: string;
+    output?: string;
+  };
+}
+interface IToolMessage {
+  id: string;
+  object?: string;
+  type: string;
+  role: string;
+  status: string;
+  content: IToolContentItem[];
+  code?: string | null;
+  message?: string | null;
+}
+export interface IWeatherItem {
+  location: string;
+  weather: string;
+  temperature: number;
+  date: string;
+}
+function parseOutput(data: IToolMessage): IWeatherItem[] {
+  const outputContent = data.content[1]?.data;
+  try {
+    // @ts-ignore
+    return JSON.parse(JSON.parse(outputContent.output));
+  } catch {
+    return [];
+  }
+}
+const weatherIcons: Record<string, string> = {
+  sunny: '☀️',
+  cloudy: '☁️',
+  rainy: '🌧️',
+  snowy: '❄️',
+  stormy: '⛈️',
+  windy: '💨',
+  foggy: '🌫️',
+};
+const weatherLabels: Record<string, string> = {
+  sunny: '晴',
+  cloudy: '多云',
+  rainy: '雨',
+  snowy: '雪',
+  stormy: '暴风雨',
+  windy: '大风',
+  foggy: '雾',
+};
+function formatDate(dateStr: string) {
+  const d = new Date(dateStr);
+  const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+  const month = d.getMonth() + 1;
+  const day = d.getDate();
+  const today = new Date();
+  const isToday =
+    d.getFullYear() === today.getFullYear() &&
+    d.getMonth() === today.getMonth() &&
+    d.getDate() === today.getDate();
+  return {
+    weekday: isToday ? '今天' : weekdays[d.getDay()],
+    date: `${month}/${day}`,
+  };
+}
+const useStyles = createStyles(({ token, css }) => ({
+  wrapper: css`
+    border-radius: 12px;
+    border: 1px solid ${token.colorBorderSecondary};
+    background: ${token.colorBgElevated};
+    overflow: hidden;
+  `,
+  header: css`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 14px 16px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  locationRow: css`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  `,
+  locationIcon: css`
+    font-size: 16px;
+    line-height: 1;
+  `,
+  locationText: css`
+    font-size: 14px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+  todayTemp: css`
+    font-size: 22px;
+    font-weight: 700;
+    color: ${token.colorText};
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  `,
+  todayWeather: css`
+    font-size: 13px;
+    font-weight: 400;
+    color: ${token.colorTextSecondary};
+  `,
+  container: css`
+    display: flex;
+    overflow-x: auto;
+    padding: 14px 12px;
+  `,
+  card: css`
+    flex: 1;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 12px;
+    border-radius: 10px;
+    min-width: 72px;
+    transition: background 0.2s;
+    cursor: default;
+    &:hover {
+      background: ${token.colorFillQuaternary};
+    }
+  `,
+  todayCard: css`
+    background: ${token.colorPrimaryBg};
+    &:hover {
+      background: ${token.colorPrimaryBgHover};
+    }
+  `,
+  weekday: css`
+    font-size: 12px;
+    font-weight: 500;
+    color: ${token.colorTextSecondary};
+    line-height: 1;
+  `,
+  todayWeekday: css`
+    color: ${token.colorPrimary};
+    font-weight: 600;
+  `,
+  date: css`
+    font-size: 11px;
+    color: ${token.colorTextQuaternary};
+    line-height: 1;
+  `,
+  icon: css`
+    font-size: 26px;
+    line-height: 1;
+  `,
+  temp: css`
+    font-size: 15px;
+    font-weight: 600;
+    color: ${token.colorText};
+    line-height: 1;
+  `,
+  label: css`
+    font-size: 11px;
+    color: ${token.colorTextTertiary};
+    line-height: 1;
+  `,
+}));
+export default function Weather(props: { data: IToolMessage }) {
+  const items = parseOutput(props.data);
+  const { styles, cx } = useStyles();
+  if (!items.length) return null;
+  const todayItem = items.find((_, i) => {
+    const { weekday } = formatDate(items[i].date);
+    return weekday === '今天';
+  }) || items[0];
+  return (
+    <div className={styles.wrapper}>
+      <div className={styles.header}>
+        <div className={styles.locationRow}>
+          <span className={styles.locationIcon}>📍</span>
+          <span className={styles.locationText}>{items[0].location}</span>
+        </div>
+        <div className={styles.todayTemp}>
+          {weatherIcons[todayItem.weather] || '🌤️'} {todayItem.temperature}°
+          <span className={styles.todayWeather}>
+            {weatherLabels[todayItem.weather] || todayItem.weather}
+          </span>
+        </div>
+      </div>
+      <div className={styles.container}>
+        {items.map((item) => {
+          const { weekday, date } = formatDate(item.date);
+          const isToday = weekday === '今天';
+          return (
+            <div
+              key={item.date}
+              className={cx(styles.card, isToday && styles.todayCard)}
+            >
+              <span className={cx(styles.weekday, isToday && styles.todayWeekday)}>
+                {weekday}
+              </span>
+              <span className={styles.date}>{date}</span>
+              <span className={styles.icon}>
+                {weatherIcons[item.weather] || '🌤️'}
+              </span>
+              <span className={styles.temp}>{item.temperature}°</span>
+              <span className={styles.label}>
+                {weatherLabels[item.weather] || item.weather}
+              </span>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,54 @@
+import { IAgentScopeRuntimeWebUIOptions } from '@agentscope-ai/chat';
+import Weather from '../Cards/Weather';
+const config: IAgentScopeRuntimeWebUIOptions = {
+  customToolRenderConfig: {
+    'weather search mock': Weather,
+  },
+  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',
+  },
+  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,
+  },
+};
+export default config

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/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/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.59",
+  "version": "1.1.60",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [