@my-agent/ui

@my-agent/ui 提供仓库内共享的基础 UI 与 AI elements。

当前导出

• @my-agent/ui
• @my-agent/ui/styles.css

展示组件导出

当前导出基础 UI、AI elements 与样式入口。带 runtime 绑定的 Agent 组合层组件由 @my-agent/react 提供。

构建

pnpm --filter @my-agent/ui build

使用样式

如果宿主应用使用 @my-agent/ui 提供的样式，请显式引入样式文件，并用 UiRoot 包裹 UI 内容。样式根节点会提供 data-my-agent-sdk 属性，把 UI CSS 限制在组件树内，避免污染宿主应用的 html、body 与全局工具类。

import "@my-agent/ui/styles.css";

接入示例

如果只需要基础 UI 与 AI elements，可以直接从 @my-agent/ui 引入组件。

import { Button, Message, UiRoot } from "@my-agent/ui";

import "@my-agent/ui/styles.css";

export function App() {
  return (
    <UiRoot>
      <Message from="assistant">
        <Button>确认</Button>
      </Message>
    </UiRoot>
  );
}