> For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt. # 对话辅助填表 用户在左侧说“申请两台云服务器，地域选北京”，右侧表单自动填入数量和地域。用户可以继续对话，也可以直接修改表单，检查后再确认提交。 **这项功能不依赖 OpenAI，也不限定某一种 Agent。** ChatKit 显示对话，业务应用负责表单，Agent 提出修改。需要接通的是“修改请求”和“执行结果”的往返。 先点击 Demo 的第一条推荐问题，看右侧字段发生什么变化。本例用本地规则模拟 Agent，没有连接真实模型或业务后端；“确认提交（本地）”不会创建真实资源。 ### 对话辅助填表：Agent 更新草稿，用户修改后确认 Mock 演示；业务函数需要替换为真实实现。 #### src/demos/form-assist.tsx ```` // Copyright (c) 2026 Beijing Volcano Engine Technology Co., Ltd. // SPDX-License-Identifier: MIT import '@volcengine/chatkit/styles.css'; import './form-assist.css'; import { Chatkit, type ChatkitDataPartRenderer,useChatRuntime } from '@volcengine/chatkit'; import { useState, useSyncExternalStore } from 'react'; import { createFormAdapter } from './form-assist-adapter'; import { createFormStore, fieldLabels, type FormReceipt, type FormValues } from './form-assist-store'; // Receipts describe this run. Rendering them never writes the application store. const Receipt: ChatkitDataPartRenderer = ({ data }) => { const receipt = data as FormReceipt; return (
{receipt.applied ? `已应用到草稿 v${receipt.version}` : '本次修改未应用'}

{receipt.applied ? receipt.fields.map(key => fieldLabels[key]).join('、') : receipt.reason}

); }; export default function FormAssist() { const [store] = useState(createFormStore); const [adapter] = useState(() => createFormAdapter(store)); const draft = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot); const runtime = useChatRuntime({ sessionId: 'form-assist', adapter }); return (
对话辅助填表 本地规则 Mock · 非真实 Agent
{runtime && ( { const current = store.getSnapshot(); return { ...input, metadata: { ...input.metadata, formContext: { formId: current.id, expectedVersion: current.version, values: { ...current.values }, }, }, }; }} renderers={{ parts: { 'acme.form-update': Receipt }, tools: { update_form_draft: { runningLabel: '正在更新表单草稿', successLabel: '草稿更新已处理' } }, }} /> )}
{ event.preventDefault(); store.submit(); }} >
APPLICATION / DRAFT

云服务器申请

v{draft.version}

对话与手动编辑共享这一份草稿。高亮字段来自最近一次 Agent 更新。