@ 经典家庭/代理聊天

Svelte 5 Calch UI for Classic Agent:会话状态,消息列表,作曲家,工具时间表, 文物和MCP-UI沙盒相框. 经典App的 /agent 页面和代理面板使用.

所需资源

• svelte 经常预算: @classic-homes/theme-svelte 1.39或以后(类依赖性).

• 尾风 @classic-homes/theme-tailwind-preset。组件以 Tailwind 为样式 工具类和主题符号,所以消费者的 Tailwind 构建必须扫描此套件:

  // tailwind.config.js
  export default {
    content: [
      './src/**/*.{html,js,svelte,ts}',
      './node_modules/@classic-homes/theme-svelte/**/*.{html,js,svelte,ts}',
      './node_modules/@classic-homes/agent-chat/**/*.{js,svelte}',
    ],
    presets: [require('@classic-homes/theme-tailwind-preset')],
  };
  

  没有这个条目, 聊天就不会被取消。 标记下道具( 从模型文本中提交) 用途 集装箱上的任意变异公用事业[&_ul]:list-disc),而不是样式表: Classic App的级联层多填充量超过了平原组件CSS.

使用量

<script lang="ts">
  import { AgentChat } from '@classic-homes/agent-chat';
</script>

<AgentChat {client} sandboxOrigin={AGENT_SANDBOX_ORIGIN} {conversationId} mode={me.mode} />

client 是一个 AgentApiClient 从 @classic-homes/agent-client。 。 。 . sandboxOrigin 这是 服务代理- api 来源 /frame文物和MCP -UI资源 只能用来生产.

构成部分

AgentChat 组成其余部分;每个部分也导出用于其他布局:

• ChatHeader, (中文(简体) ), ConversationSidebar:标题和对话行动;历史铁路. ChatHeader菜单打开 ShortcutsDialog (聊天声) CHAT_SHORTCUTS 加上主机的 shortcuts,例如切换面板). 主机执行自己的应用级快捷键.
• MessageList: 与白天分离器和跳跃到最后端按钮的笔录.
• MessageItem → UserMessage 编号 : AssistantMessage,与 MessageActions (副本、时间、, MessageFeedback 拇指上下带有可选的音符,在最近转弯时重生并编辑, ArtifactChip, (中文(简体) ), MessageFiles (图像灯盒、下载)和 ProposalCard (只读) 文档编辑;在办公室中应用添加).
• Composer: 以按钮、放出或粘贴方式附加; prompts 打开 / 已保存的即时菜单 (单位:千美元)ComposerPrompt.text 可能是装入器,例如取取模板).
• ToolTimeline: 具有地位和期限的工具电话,代表团驻巢; toolLabels 地图 可读工具名( e)AgentChat 两个都通过).
• 代理人拾取器: 通过 agents (从) /api/agents),不止一个,一个新的对话提议 在作曲家中担任选手直到其第一个信息. 谈话让那个经纪人留下来; header 接收 { agent, agentName } 财务报告和审定财务报表 onagentchange 报告.
• Welcome:空谈相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相会相相会相会相会相会相会相会相会相相会相会相相会相会相会相会相会相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相userName),一个能力线和最多 4个 suggestions 选择时发送. AgentChat 除非主机通过一个 empty 片段,一个装入骨架 当一个现有谈话记录到来 当负载失败时再次尝试错误 .
• ArtifactPanel, (中文(简体) ), UiFrame, (中文(简体) ), ModeBanner。 。 。 .

出版时间: docs/operations/package-publishing.md。 。 。 .