@agent-platform/ui 0.0.2 → 0.0.3

package/dist/components/agent/agent-popup-widget.d.ts

@@ -12,4 +12,4 @@ export interface AgentPopupWidgetProps extends AgentProviderConfig {
     offsetRight?: number | string;
     zIndex?: number;
 }
-export declare function AgentPopupWidget({ agentId, executeClientTool, onError, authToken, getAuthToken, containerProps, defaultOpen, launcherLabel, launcherAriaLabel, closeLabel, className, launcherClassName, offsetBottom, offsetRight, zIndex, }: AgentPopupWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentPopupWidget({ agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, containerProps, defaultOpen, launcherLabel, launcherAriaLabel, closeLabel, className, launcherClassName, offsetBottom, offsetRight, zIndex, }: AgentPopupWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/agent/agent-popup-widget.js

@@ -14,7 +14,7 @@ function toCssSize(value, fallback) {
         return value;
     return fallback;
 }
-export function AgentPopupWidget({ agentId, executeClientTool, onError, authToken, getAuthToken, containerProps, defaultOpen = false, launcherLabel = 'AIアシスタント', launcherAriaLabel = 'AIアシスタントを開く', closeLabel = '閉じる', className, launcherClassName, offsetBottom, offsetRight, zIndex = DEFAULT_Z_INDEX, }) {
+export function AgentPopupWidget({ agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, containerProps, defaultOpen = false, launcherLabel = 'AIアシスタント', launcherAriaLabel = 'AIアシスタントを開く', closeLabel = '閉じる', className, launcherClassName, offsetBottom, offsetRight, zIndex = DEFAULT_Z_INDEX, }) {
     const [isOpen, setIsOpen] = useState(defaultOpen);
     const overlayStyle = useMemo(() => ({
         '--agent-popup-right': toCssSize(offsetRight, DEFAULT_OFFSET),
@@ -41,7 +41,7 @@ export function AgentPopupWidget({ agentId, executeClientTool, onError, authToke
             document.body.style.overflow = originalOverflow;
         };
     }, [isOpen]);
-    return (_jsx(AgentProvider, { agentId: agentId, executeClientTool: executeClientTool, onError: onError, authToken: authToken, getAuthToken: getAuthToken, children: _jsxs("div", { "data-slot": "agent-popup-widget", style: overlayStyle, children: [!isOpen && (_jsx(Button, { type: "button", "aria-label": launcherAriaLabel, onClick: () => setIsOpen(true), className: cn('fixed right-[var(--agent-popup-right)] bottom-[var(--agent-popup-bottom)] z-[var(--agent-popup-z-index)] h-12 rounded-full px-5 shadow-lg', launcherClassName), children: launcherLabel })), isOpen && (_jsx("div", { className: "fixed inset-0 z-[var(--agent-popup-z-index)] bg-black/45 animate-in fade-in duration-200", onClick: () => setIsOpen(false), onKeyDown: (event) => {
+    return (_jsx(AgentProvider, { agentId: agentId, executeClientTool: executeClientTool, onError: onError, authToken: authToken, getAuthToken: getAuthToken, getAgentHeaders: getAgentHeaders, disableToolApiAuthHeader: disableToolApiAuthHeader, children: _jsxs("div", { "data-slot": "agent-popup-widget", style: overlayStyle, children: [!isOpen && (_jsx(Button, { type: "button", "aria-label": launcherAriaLabel, onClick: () => setIsOpen(true), className: cn('fixed right-[var(--agent-popup-right)] bottom-[var(--agent-popup-bottom)] z-[var(--agent-popup-z-index)] h-12 rounded-full px-5 shadow-lg', launcherClassName), children: launcherLabel })), isOpen && (_jsx("div", { className: "fixed inset-0 z-[var(--agent-popup-z-index)] bg-black/45 animate-in fade-in duration-200", onClick: () => setIsOpen(false), onKeyDown: (event) => {
                         if (event.key === 'Escape') {
                             setIsOpen(false);
                         }

package/dist/components/agent/agent-screen.d.ts

@@ -2,4 +2,4 @@ import type { AgentProviderConfig } from './provider';
 import type { AgentContainerProps } from './types';
 export interface AgentScreenProps extends AgentProviderConfig, AgentContainerProps {
 }
-export declare function AgentScreen({ agentId, executeClientTool, onError, authToken, getAuthToken, ...containerProps }: AgentScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentScreen({ agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, ...containerProps }: AgentScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/agent/agent-screen.js

@@ -2,6 +2,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AgentContainer } from './agent-container';
 import { AgentProvider } from './provider';
-export function AgentScreen({ agentId, executeClientTool, onError, authToken, getAuthToken, ...containerProps }) {
-    return (_jsx(AgentProvider, { agentId: agentId, executeClientTool: executeClientTool, onError: onError, authToken: authToken, getAuthToken: getAuthToken, children: _jsx(AgentContainer, { ...containerProps }) }));
+export function AgentScreen({ agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, ...containerProps }) {
+    return (_jsx(AgentProvider, { agentId: agentId, executeClientTool: executeClientTool, onError: onError, authToken: authToken, getAuthToken: getAuthToken, getAgentHeaders: getAgentHeaders, disableToolApiAuthHeader: disableToolApiAuthHeader, children: _jsx(AgentContainer, { ...containerProps }) }));
 }

package/dist/components/agent/provider/agent-provider.d.ts

@@ -7,4 +7,4 @@ export interface AgentProviderProps extends AgentProviderConfig {
  * エージェントチャット機能を提供する内部Provider
  * 公開APIは AgentScreen / AgentPopupWidget を使用する。
  */
-export declare function AgentProvider({ children, agentId, executeClientTool, onError, authToken, getAuthToken, }: AgentProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentProvider({ children, agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, }: AgentProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/agent/provider/agent-provider.js

@@ -7,7 +7,7 @@ import { useAgentChatInternal } from './use-agent-chat';
  * エージェントチャット機能を提供する内部Provider
  * 公開APIは AgentScreen / AgentPopupWidget を使用する。
  */
-export function AgentProvider({ children, agentId, executeClientTool, onError, authToken, getAuthToken, }) {
+export function AgentProvider({ children, agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, }) {
     const runtimeConfig = resolveAgentRuntimeConfig();
     const value = useAgentChatInternal({
         config: {
@@ -18,6 +18,8 @@ export function AgentProvider({ children, agentId, executeClientTool, onError, a
             onError,
             authToken,
             getAuthToken,
+            getAgentHeaders,
+            disableToolApiAuthHeader,
         },
     });
     return _jsx(AgentContext.Provider, { value: value, children: children });

package/dist/components/agent/provider/types.d.ts

@@ -19,6 +19,7 @@ export type ClientToolExecutor = (toolCall: import('@agent-platform/server').Too
     output: unknown;
     isError?: boolean;
 }>;
+export type AgentHeadersProvider = () => Record<string, string> | Promise<Record<string, string>>;
 /**
  * AgentProvider設定
  */
@@ -34,6 +35,10 @@ export interface AgentProviderConfig {
     authToken?: string;
     /** 動的にトークンを取得する関数（authTokenより優先） */
     getAuthToken?: () => string | Promise<string>;
+    /** Agent Server リクエストにのみ追加するヘッダー */
+    getAgentHeaders?: AgentHeadersProvider;
+    /** trueの場合、Tool APIへのAuthorizationヘッダー付与を無効化する */
+    disableToolApiAuthHeader?: boolean;
 }
 /**
  * Agent通信先を解決済みの内部設定

package/dist/components/agent/provider/use-agent-chat.js

@@ -163,21 +163,29 @@ async function executeApiEndpoint(toolCall, apiBaseUrl, authHeaders) {
 }
 export function useAgentChatInternal(options) {
     const { config } = options;
-    const { endpoint, agentId = 'assistant', apiBaseUrl, executeClientTool, onError, authToken, getAuthToken } = config;
+    const { endpoint, agentId = 'assistant', apiBaseUrl, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader = false, } = config;
     const [messages, setMessages] = useState([]);
     const [threadId, setThreadId] = useState(null);
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [pendingToolCalls, setPendingToolCalls] = useState(new Map());
     const abortControllerRef = useRef(null);
-    const buildHeaders = useCallback(async () => {
+    const buildAgentHeaders = useCallback(async () => {
         const headers = { 'Content-Type': 'application/json' };
         const token = getAuthToken ? await getAuthToken() : authToken;
         if (token) {
             headers['Authorization'] = token.startsWith('Bearer ') ? token : `Bearer ${token}`;
         }
+        const customHeaders = getAgentHeaders ? await getAgentHeaders() : undefined;
+        if (customHeaders) {
+            for (const [key, value] of Object.entries(customHeaders)) {
+                if (value) {
+                    headers[key] = value;
+                }
+            }
+        }
         return headers;
-    }, [authToken, getAuthToken]);
+    }, [authToken, getAuthToken, getAgentHeaders]);
     const handleError = useCallback((errorMessage) => {
         setError(errorMessage);
         onError?.(errorMessage);
@@ -244,10 +252,12 @@ export function useAgentChatInternal(options) {
             console.log('[processStream]     apiEndpoint:', JSON.stringify(tc.apiEndpoint, null, 2));
         }
         // 認証ヘッダーを構築
-        const authHeaders = {};
-        const token = getAuthToken ? await getAuthToken() : authToken;
-        if (token) {
-            authHeaders['Authorization'] = token.startsWith('Bearer ') ? token : `Bearer ${token}`;
+        const toolApiHeaders = {};
+        if (!disableToolApiAuthHeader) {
+            const token = getAuthToken ? await getAuthToken() : authToken;
+            if (token) {
+                toolApiHeaders['Authorization'] = token.startsWith('Bearer ') ? token : `Bearer ${token}`;
+            }
         }
         for (const tc of unresolvedCalls) {
             // apiBaseUrlとapiEndpointがある場合は自動実行
@@ -271,7 +281,7 @@ export function useAgentChatInternal(options) {
                 let result;
                 if (canAutoExecute) {
                     // 新しい自動実行パス
-                    result = await executeApiEndpoint(tc, apiBaseUrl, authHeaders);
+                    result = await executeApiEndpoint(tc, apiBaseUrl, toolApiHeaders);
                 }
                 else if (canLegacyExecute) {
                     // 従来のexecuteClientToolを使用（後方互換性）
@@ -304,7 +314,7 @@ export function useAgentChatInternal(options) {
             }
         }
         return { clientToolResults, clientToolCalls: executedClientToolCalls };
-    }, [apiBaseUrl, executeClientTool, authToken, getAuthToken, handleError]);
+    }, [apiBaseUrl, executeClientTool, authToken, getAuthToken, disableToolApiAuthHeader, handleError]);
     const sendMessage = useCallback(async (message) => {
         if (!message.trim() || isLoading)
             return;
@@ -327,7 +337,7 @@ export function useAgentChatInternal(options) {
         setMessages((prev) => [...prev, assistantMessage]);
         try {
             abortControllerRef.current = new AbortController();
-            const headers = await buildHeaders();
+            const headers = await buildAgentHeaders();
             const response = await fetch(`${endpoint}/chat`, {
                 method: 'POST',
                 headers,
@@ -364,7 +374,7 @@ export function useAgentChatInternal(options) {
                     ...prev,
                     { id: continueMessageId, role: 'assistant', content: [], isStreaming: true },
                 ]);
-                const continueHeaders = await buildHeaders();
+                const continueHeaders = await buildAgentHeaders();
                 const continueResponse = await fetch(`${endpoint}/chat/continue`, {
                     method: 'POST',
                     headers: continueHeaders,
@@ -400,12 +410,12 @@ export function useAgentChatInternal(options) {
             setIsLoading(false);
             abortControllerRef.current = null;
         }
-    }, [isLoading, threadId, endpoint, agentId, processStream, handleError, buildHeaders]);
+    }, [isLoading, threadId, endpoint, agentId, processStream, handleError, buildAgentHeaders]);
     const loadThread = useCallback(async (loadThreadId) => {
         setIsLoading(true);
         setError(null);
         try {
-            const threadHeaders = await buildHeaders();
+            const threadHeaders = await buildAgentHeaders();
             const response = await fetch(`${endpoint}/threads/${loadThreadId}/messages`, {
                 headers: threadHeaders,
                 credentials: 'include',
@@ -428,7 +438,7 @@ export function useAgentChatInternal(options) {
         finally {
             setIsLoading(false);
         }
-    }, [endpoint, buildHeaders]);
+    }, [endpoint, buildAgentHeaders]);
     const clearChat = useCallback(() => {
         if (abortControllerRef.current) {
             abortControllerRef.current.abort();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-platform/ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": false,
   "type": "module",
   "sideEffects": false,