@agentscope-ai/chat 1.1.60 → 1.1.61-beta.1775186870953

package/components/ChatAnywhere/Input/index.tsx

@@ -381,6 +381,7 @@ export default forwardRef(function (_, ref) {
         sendDisabled={sendDisabled}
         allowEmptySubmit={(onInput.allowEmptySubmit ?? true) && hasSubmittableFiles}
         header={senderHeader}
+        footer={onInput.footer}
         prefix={<>
           {uploadPrefixNodes}
           {onInput?.morePrefixActions}

package/components/ChatAnywhere/hooks/types.ts

@@ -151,6 +151,11 @@ export interface IChatAnywhereConfigOnInput {
    * @descriptionEn Input field header components
    */
   header?: React.ReactElement | React.ReactElement[];
+  /**
+   * @description 输入框底部组件
+   * @descriptionEn Input field footer components
+   */
+  footer?: React.ReactNode;
   /**
    * @description 是否启用用户focus时展开输入框组件
    * @descriptionEn Whether to enable the user focus to expand the input box component

package/components/Sender/index.tsx

@@ -185,6 +185,11 @@ export interface SenderProps extends Pick<TextareaProps, 'placeholder' | 'onKeyP
    * @descriptionEn Header UI
    */
   header?: React.ReactNode;
+  /**
+   * @description 底部 UI
+   * @descriptionEn Footer UI
+   */
+  footer?: React.ReactNode;
   /**
    * @description 最大文本长度
    * @descriptionEn Max content length
@@ -658,6 +663,7 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
             </ActionButtonContext.Provider>
           </div>
         </div>
+        {props.footer}
       </div>
     </div>
   </>

package/lib/ChatAnywhere/Input/index.js

@@ -426,6 +426,7 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
         sendDisabled: sendDisabled,
         allowEmptySubmit: ((_onInput$allowEmptySu = onInput.allowEmptySubmit) !== null && _onInput$allowEmptySu !== void 0 ? _onInput$allowEmptySu : true) && hasSubmittableFiles,
         header: senderHeader,
+        footer: onInput.footer,
         prefix: /*#__PURE__*/_jsxs(_Fragment, {
           children: [uploadPrefixNodes, onInput === null || onInput === void 0 ? void 0 : onInput.morePrefixActions]
         }),

package/lib/ChatAnywhere/hooks/types.d.ts

@@ -147,6 +147,11 @@ export interface IChatAnywhereConfigOnInput {
      * @descriptionEn Input field header components
      */
     header?: React.ReactElement | React.ReactElement[];
+    /**
+     * @description 输入框底部组件
+     * @descriptionEn Input field footer components
+     */
+    footer?: React.ReactNode;
     /**
      * @description 是否启用用户focus时展开输入框组件
      * @descriptionEn Whether to enable the user focus to expand the input box component

package/lib/Sender/index.d.ts

@@ -147,6 +147,11 @@ export interface SenderProps extends Pick<TextareaProps, 'placeholder' | 'onKeyP
      * @descriptionEn Header UI
      */
     header?: React.ReactNode;
+    /**
+     * @description 底部 UI
+     * @descriptionEn Footer UI
+     */
+    footer?: React.ReactNode;
     /**
      * @description 最大文本长度
      * @descriptionEn Max content length

package/lib/Sender/index.js

@@ -428,7 +428,7 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
               children: actionNode
             })]
           })]
-        })]
+        }), props.footer]
       })]
     })]
   });

package/package.json

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

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

@@ -1,75 +0,0 @@
-# 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

@@ -1,28 +0,0 @@
-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

@@ -1,12 +0,0 @@
-<!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

@@ -1,34 +0,0 @@
-{
-  "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

@@ -1,20 +0,0 @@
-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

@@ -1,234 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

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

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

@@ -1,24 +0,0 @@
-{
-  "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

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

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

@@ -1,22 +0,0 @@
-{
-  "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

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