feat(chat): add chat series AGUI components #3880

carolin913 · 2025-10-11T03:15:18Z

🤔 这个 PR 的性质是？

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

feat(chatbot): 新增chat系列agui组件
本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

文档已补充或无须补充
代码演示已提供或无须提供
TypeScript 定义已补充或无须补充
Changelog 已提供或无须提供

n

custom action

* feat: 拆组件 * feat: url * feat: agent智能体

pkg-pr-new · 2025-10-11T03:20:07Z

tdesign-react-demo

npm i https://pkg.pr.new/tdesign-react@3880

commit: 5168868

github-actions · 2025-10-11T03:20:12Z

n

Copilot

Pull Request Overview

Adds a new AIGC chat component suite, build pipeline, and documentation site, integrating AG-UI protocol support and providing examples and tooling for development and analysis.

Introduces pro-components chat package with hooks, toolcall registry, provider, examples, and styles
Adds dedicated Rollup build config, analysis script, and a Vite-powered documentation/demo site
Updates workspace and minor dependency versions

Reviewed Changes

Copilot reviewed 151 out of 159 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
tsconfig.aigc.build.json	TypeScript config for building the chat package declarations.
script/rollup.aigc.config.js	Rollup config for bundling the chat package and styles.
script/analyze-aigc-bundle.js	Script to check and list bundle analysis outputs.
pnpm-workspace.yaml	Workspace patterns updated (replacing site with internal/**).
packages/tdesign-react/site/plugins/plugin-tdoc/index.js	Minor formatting change to default export.
packages/tdesign-react/package.json	Downgrades validator dependency (potentially unrelated).
packages/tdesign-react-aigc/**	New AIGC site, plugin, docs, and configuration for demos/docs.
packages/pro-components/chat/**	New chat package: entrypoints, hooks, toolcall system, provider, examples, style loader.

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-10-14T10:34:24Z

packages/tdesign-react-aigc/package.json

+    "build": "cross-env NODE_ENV=production rollup -c script/rollup.config.js && npm run build:tsc",
+    "build:tsc": "run-p build:tsc-*",
+    "build:tsc-es": "tsc --emitDeclarationOnly -d -p ./tsconfig.build.json --outDir es/",


The build script points to script/rollup.config.js and tsconfig.build.json, which do not exist in this PR. Use the added Rollup config (script/rollup.aigc.config.js) and the AIGC TS config (tsconfig.aigc.build.json) to avoid build failures.

Suggested change

"build": "cross-env NODE_ENV=production rollup -c script/rollup.config.js && npm run build:tsc",

"build:tsc": "run-p build:tsc-*",

"build:tsc-es": "tsc --emitDeclarationOnly -d -p ./tsconfig.build.json --outDir es/",

"build": "cross-env NODE_ENV=production rollup -c script/rollup.aigc.config.js && npm run build:tsc",

"build:tsc": "run-p build:tsc-*",

"build:tsc-es": "tsc --emitDeclarationOnly -d -p ./tsconfig.aigc.build.json --outDir es/",

Copilot · 2025-10-14T10:34:25Z

script/rollup.aigc.config.js

+      jsx: 'transform',
+      jsxFactory: 'React.createElement',
+      jsxFragment: 'React.Fragment',
+      tsconfig: resolve(__dirname, '../tsconfig.build.json'),


Esbuild references ../tsconfig.build.json, but the new TS config added for this package is tsconfig.aigc.build.json. Align to the correct file so TS options are applied as intended.

Suggested change

tsconfig: resolve(__dirname, '../tsconfig.build.json'),

tsconfig: resolve(__dirname, '../tsconfig.aigc.build.json'),

Copilot · 2025-10-14T10:34:25Z

packages/pro-components/chat/index.ts

+export * from './chat-filecard';
+export * from './chat-loading';
+export * from './chat-markdown';
+export * from './chat-message';
+export * from './chat-sender';
+export * from './chat-thinking';
+export * from './chat-markdown';


This entry exports './chat-filecard', which isn't present in the package, causing resolution failures. Also './chat-markdown' is exported twice. Remove the nonexistent export (or add the module) and deduplicate the markdown export.

Suggested change

export * from './chat-filecard';

export * from './chat-loading';

export * from './chat-markdown';

export * from './chat-message';

export * from './chat-sender';

export * from './chat-thinking';

export * from './chat-markdown';

export * from './chat-loading';

export * from './chat-markdown';

export * from './chat-message';

export * from './chat-sender';

export * from './chat-thinking';

Copilot · 2025-10-14T10:34:26Z

packages/tdesign-react-aigc/site/src/components/stackblitz/index.jsx

@@ -0,0 +1,68 @@
+import React, { useRef, useState } from 'react';
+import { Tooltip } from '@tdesign/components';


The import source '@tdesign/components' is invalid in this repo; the correct package is 'tdesign-react'. Replace with: import { Tooltip } from 'tdesign-react'.

Suggested change

import { Tooltip } from '@tdesign/components';

import { Tooltip } from 'tdesign-react';

Copilot · 2025-10-14T10:34:26Z

packages/tdesign-react-aigc/site/src/components/codesandbox/index.jsx

@@ -0,0 +1,113 @@
+import React, { useState } from 'react';
+import { Tooltip, Loading } from '@tdesign/components';


Use 'tdesign-react' instead of '@tdesign/components'. For example: import { Tooltip, Loading } from 'tdesign-react'.

Suggested change

import { Tooltip, Loading } from '@tdesign/components';

import { Tooltip, Loading } from 'tdesign-react';

Copilot · 2025-10-14T10:34:26Z

packages/tdesign-react-aigc/site/src/components/Demo.jsx

+import { Button } from '@tdesign/components';
+import { Link, useLocation } from 'react-router-dom';
+
+export const demoFiles = import.meta.glob('../../../../components/**/_example/*.tsx', { eager: true });


Two issues: (1) Import should be from 'tdesign-react' not '@tdesign/components'; (2) The glob points to '../../../../components//_example/*.tsx', but AIGC demos live under packages/pro-components/chat. Update to '../../../../pro-components/chat//_example/*.tsx' to load the correct examples.

Suggested change

import { Button } from '@tdesign/components';

import { Link, useLocation } from 'react-router-dom';

export const demoFiles = import.meta.glob('../../../../components/**/_example/*.tsx', { eager: true });

import { Button } from 'tdesign-react';

import { Link, useLocation } from 'react-router-dom';

export const demoFiles = import.meta.glob('../../../../pro-components/chat/**/_example/*.tsx', { eager: true });

Copilot · 2025-10-14T10:34:27Z

packages/tdesign-react-aigc/site/src/components/Playground.jsx

+import { Button } from '@tdesign/components';
+import '@tdesign/components/style/index.js';


These imports target a non-existent '@tdesign/components' package. Use TDesign React: import { Button } from 'tdesign-react'; and import 'tdesign-react/es/style/index.css' for styles.

Suggested change

import { Button } from '@tdesign/components';

import '@tdesign/components/style/index.js';

import { Button } from 'tdesign-react';

import 'tdesign-react/es/style/index.css';

Copilot · 2025-10-14T10:34:27Z

packages/pro-components/chat/chatbot/index.ts

+const ChatBot: React.ForwardRefExoticComponent<
+  Omit<TdChatProps & Partial<TdChatbotApi>, 'ref'> & React.RefAttributes<HTMLElement | undefined>
+> = reactify<TdChatProps>('t-chatbot');


This file uses React types but doesn't import them. Add 'import type React from "react";' at the top to ensure declaration emit succeeds under TS isolatedModules.

Copilot · 2025-10-14T10:34:27Z

packages/pro-components/chat/chat-engine/hooks/useAgentToolcall.ts

+export interface ToolConfigWithStateOptions<TArgs extends object = any, TResult = any> {
+  name: string;
+  description: string;
+  parameters: Array<{ name: string; type: string }>;
+  subscribeKey?: (props: ToolcallComponentProps<TArgs, TResult>) => string | undefined;
+  component: React.ComponentType<ToolcallComponentProps<TArgs, TResult> & { agentState?: Record<string, any> }>;
+}


React types are referenced but React isn't imported. Add 'import type React from "react";' at the top of this file to avoid TS declaration errors.

Copilot · 2025-10-14T10:34:27Z

packages/tdesign-react/package.json

    "tdesign-icons-react": "^0.6.1",
    "tslib": "~2.3.1",
-    "validator": "~13.15.0"
+    "validator": "~13.7.0"


This downgrades validator from ~13.15.0 to ~13.7.0. Avoid unrelated dependency downgrades in a feature PR; it can introduce regressions or security exposure. Keep the existing version unless there is a specific, documented reason.

Suggested change

"validator": "~13.7.0"

"validator": "~13.15.0"

…n-react into feat/chatbot-agui

carolin913 and others added 30 commits April 21, 2025 20:48

feat(chatbot): add chatbot

c928b4f

feat(chatbot): chat content component

e92848e

n

feat(chatbot): add content component

56f2d8d

feat(chatbot): export type

8e3f1d8

feat(chatbot): handle click

eec9a9b

feat(chatbot): children update

033c1b2

feat(chatbot): init components

16e9f06

feat(chatbot): add components

fd4280d

feat(chatbot): chatbot type complete

f9efb26

feat(chatbot): add custom demo

75a55f7

feat(chatbot): sync

90fdb45

feat: attachment removable

1013622

feat(chatbot): attachment demo

ad21748

feat: 拆组件 (#3523)

022f0d7

feat(chat-message): add chatmessage

cca20e9

n

feat(chatmessage): add chatmessage

d4d6f11

feat(chatbot): separate to components

6fa1c10

feat(chatbot): export chatbot type

cadbe38

feat(chatbot): chatmarkdown

ff082b1

feat(chatmarkdown): n

6aa6b11

n

feat(chatsender): add demo to chatsender

f4d4160

feat(chatsender): chatsender custom api

9cbb4f0

feat(chatsencer): custom demo

a96a877

feat(chatsender): add var style

630a548

feat(chatsender): custum demo

68cbfb4

feat(chatbot): chatsender

86f19a7

custom action

feat(chatmessage): custom content

c47d13c

feat(chatmarkdown): toggle stream demo

f6a2515

feat(chatmarkdown): markdown plugin

f103703

Feat/react chatbot agent智能体 (#3534)

e5ae2e6

* feat: 拆组件 * feat: url * feat: agent智能体

carolin913 added 3 commits September 26, 2025 18:41

feat(chatbot): change basic demo

452a7e7

feat(chatmessage): upgrade webc

82c0307

chore(sync origin): sync develop

72b601d

carolin913 requested review from HaixingOoO, NWYLZW, RylanBot, ZWkang, honkinglin and uyarn as code owners October 11, 2025 03:15

uyarn changed the title ~~feat(chat): 增加chat系列agui组件~~ feat(chat): add chat series AGUI components Oct 11, 2025

carolin913 added 2 commits October 11, 2025 12:53

chore(restore table): n

54c3537

n

feat(chat): remove table change

37633d1

uyarn requested a review from Copilot October 14, 2025 10:30

Copilot AI reviewed Oct 14, 2025

View reviewed changes

carolin913 and others added 14 commits October 17, 2025 12:17

feat(chatbot): update to 1.2.3

d5e7c21

feat(chatbot): update to 1.2.4

f9ef257

feat(chatmarkdown): support mermaid

4029915

chore: update dep

a154365

fix(chat-message): example style fix

2f8cbb3

feat(chatbot): add chatengine

00f5d47

Merge remote-tracking branch 'origin/develop' into feat/chatbot-agui

0960f30

Merge branch 'feat/chatbot-agui' of https://github.com/Tencent/tdesig…

a13eaa3

…n-react into feat/chatbot-agui

feat(chatbot): add qa for chatbot

5168868

feat(chatbot,chatengine): 文档拆分功能粒度细化demo

daf2c6c

feat(chatengine): chatengine doc and demo refine

c570220

feat(chatengine): update to 1.2.5

e33c408

feat(chatengine): refine doc and demo

8b2f49e

feat(chatengine): add agent demo

8b4ddb4

	tsconfig: resolve(__dirname, '../tsconfig.build.json'),
	tsconfig: resolve(__dirname, '../tsconfig.aigc.build.json'),

		@@ -0,0 +1,68 @@
		import React, { useRef, useState } from 'react';
		import { Tooltip } from '@tdesign/components';

	import { Tooltip } from '@tdesign/components';
	import { Tooltip } from 'tdesign-react';

		@@ -0,0 +1,113 @@
		import React, { useState } from 'react';
		import { Tooltip, Loading } from '@tdesign/components';

	import { Tooltip, Loading } from '@tdesign/components';
	import { Tooltip, Loading } from 'tdesign-react';

		import { Button } from '@tdesign/components';
		import '@tdesign/components/style/index.js';

feat(chat): add chat series AGUI components #3880

Are you sure you want to change the base?

feat(chat): add chat series AGUI components #3880

Uh oh!

Conversation

carolin913 commented Oct 11, 2025

🤔 这个 PR 的性质是？

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

☑️ 请求合并前的自查清单

Uh oh!

pkg-pr-new bot commented Oct 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Oct 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 14, 2025

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

pkg-pr-new bot commented Oct 11, 2025 •

edited

Loading

github-actions bot commented Oct 11, 2025 •

edited

Loading