@agent-platform/ui

Agent Platform の共有 UI コンポーネントライブラリです。

インストール

pnpm add @agent-platform/ui

@import "@agent-platform/ui/styles/globals.css";

公開方針（現運用）

@agent-platform/ui の公開は、ローカル/CI どちらも NODE_AUTH_TOKEN を使う token ベース運用です。

• 必須環境変数: NODE_AUTH_TOKEN
• CI では GitHub Secret NPM_TOKEN を NODE_AUTH_TOKEN にマップして実行
• ローカル公開時も同じスクリプトを実行

公開手順

1. 認証付き事前チェック

pnpm --filter @agent-platform/ui release:check

2. 公開

pnpm --filter @agent-platform/ui publish:public

3. 公開ドライラン

pnpm --filter @agent-platform/ui publish:public:dry-run

Agent 状態管理

• 画面状態・SSE・tool-call などの状態責務を文書化しています。
• Agent State Management

Agent 最小導入サンプル

AgentProvider / AgentScreen の必須設定:

• endpoint
• appId
• agentId
• getAuthToken

import { AgentScreen } from '@agent-platform/ui';

export function AgentPage() {
  return (
    <AgentScreen
      endpoint={process.env.NEXT_PUBLIC_AGENT_SERVER_ENDPOINT!}
      appId={process.env.NEXT_PUBLIC_AGENT_APP_ID!}
      agentId={process.env.NEXT_PUBLIC_AGENT_ID!}
      getAuthToken={async () => {
        // 導入先アプリの認証基盤に合わせて実装
        return 'your-jwt-token';
      }}
    />
  );
}