@agent-platform/ui 0.0.11 → 0.0.13

package/README.md

@@ -8,16 +8,6 @@ Agent Platform の共有 UI コンポーネントライブラリです。
 pnpm add @agent-platform/ui
 ```
 
-## インストール後
-
-`import { AgentScreen }` だけで基本スタイルが適用されます。
-
-```tsx
-import { AgentScreen } from '@agent-platform/ui';
-```
-
-必要に応じてテーマ変数だけを直接使いたい場合は `styles/globals.css` を明示的に import してください。
-
 ```css
 @import "@agent-platform/ui/styles/globals.css";
 ```
@@ -54,3 +44,30 @@ pnpm --filter @agent-platform/ui publish:public:dry-run
 
 - 画面状態・SSE・tool-call などの状態責務を文書化しています。
 - [Agent State Management](./docs/agent-state-management.md)
+
+## Agent 最小導入サンプル
+
+`AgentProvider` / `AgentScreen` の必須設定:
+
+- `endpoint`
+- `appId`
+- `agentId`
+- `getAuthToken`
+
+```tsx
+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';
+      }}
+    />
+  );
+}
+```

package/dist/index.d.ts

@@ -1,3 +1,35 @@
-import './styles/globals.css';
-export { AgentScreen } from './components/agent';
-export type { AgentScreenProps, AgentHomeCardProps } from './components/agent';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ToolApprovalLabels {
+    title?: string;
+    description?: string;
+    approveButton?: string;
+    rejectButton?: string;
+}
+type AgentHeadersProvider = () => Record<string, string> | Promise<Record<string, string>>;
+/**
+ * AgentProvider設定
+ */
+interface AgentProviderConfig {
+    /** SaaS API のベース URL（ツール実行先） */
+    apiBaseUrl: string;
+    appId: string;
+    agentId?: string;
+    onError?: (error: string) => void;
+    /** Agent Server リクエストにのみ追加するヘッダー */
+    getAgentHeaders?: AgentHeadersProvider;
+    /** trueの場合、Tool APIへのAuthorizationヘッダー付与を無効化する */
+    disableToolApiAuthHeader?: boolean;
+    /** 承認UI文言の上書き */
+    toolApprovalLabels?: ToolApprovalLabels;
+}
+
+interface AgentContainerProps {
+    className?: string;
+}
+
+interface AgentScreenProps extends AgentProviderConfig, AgentContainerProps {
+}
+declare function AgentScreen({ appId, agentId, onError, apiBaseUrl, getAgentHeaders, disableToolApiAuthHeader, toolApprovalLabels, className, }: AgentScreenProps): react_jsx_runtime.JSX.Element;
+
+export { AgentScreen, type AgentScreenProps };