@kuntur/a2a-carbon-chat-adapter 0.1.2 → 0.1.4

package/README.md

@@ -12,14 +12,15 @@ npm install @kuntur/a2a-carbon-chat-adapter @carbon/ai-chat react react-dom
 
 ```tsx
 import { A2AChat } from '@kuntur/a2a-carbon-chat-adapter';
-import '@carbon/ai-chat/styles.css';
+import '@kuntur/a2a-carbon-chat-adapter/styles'; // Adapter layout styles
+import '@carbon/ai-chat/dist/styles.css';        // Carbon AI Chat styles (if not already imported)
 
 function App() {
   return (
     <A2AChat
       agentUrl="https://your-agent.example.com"
       agentName="My Agent"
-      layout="fullscreen"
+      layout="sidebar"
     />
   );
 }
@@ -67,9 +68,12 @@ function ChatWithSwitcher() {
 import { createA2AHandler } from '@kuntur/a2a-carbon-chat-adapter/server';
 
 export const POST = createA2AHandler({
-  allowedAgentUrls: ['https://trusted-agents.example.com'],
+  allowedAgentUrls: ['https://trusted-agent.example.com'],
   timeout: 120000,
 });
+
+export const runtime = 'nodejs';
+export const dynamic = 'force-dynamic';
 ```
 
 ## Programmatic Usage with Hooks

package/dist/index.cjs

@@ -1890,39 +1890,10 @@ function A2AChat({
     setCurrentFormRequest(null);
     setPendingTaskId(null);
   }, []);
-  const chatConfig = react.useMemo(
-    () => ({
-      layout: {
-        showCloseAndRestartButton: layout !== "fullscreen",
-        hasContentMaxWidth: true
-      },
-      header: {
-        title: agent?.name ?? "AI Assistant",
-        icons: {
-          agent: agent?.iconUrl ?? "/bot.svg"
-        }
-      },
-      input: {
-        placeholder: "Type a message..."
-      },
-      messaging: {
-        customSendMessage: async (request, options, instance) => {
-          instanceRef.current = instance;
-          const text = request?.input?.text;
-          if (text) {
-            await handleSendMessage(text);
-          }
-        },
-        skipWelcome: true
-      },
-      userDefinedResponses: {
-        text_with_citations: renderCustomResponse,
-        sources_list: renderCustomResponse,
-        error: renderCustomResponse
-      }
-    }),
-    [agent, layout, handleSendMessage, renderCustomResponse]
-  );
+  const handleAfterRender = react.useCallback((instance) => {
+    instanceRef.current = instance;
+    console.log("[A2AChat] Chat instance ready");
+  }, []);
   if (!agent) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `a2a-chat a2a-chat--error ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No agent configured. Provide `agent`, `agentId`, or `agentUrl` prop." }) });
   }
@@ -1940,7 +1911,32 @@ function A2AChat({
   ) });
   if (layout === "float" && ChatContainer) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `a2a-chat a2a-chat--float ${className}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ChatContainer, { config: chatConfig }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ChatContainer,
+        {
+          ...{
+            debug: false,
+            aiEnabled: true
+          },
+          header: {
+            title: agent?.name ?? "AI Assistant"
+          },
+          launcher: {
+            isOn: true
+          },
+          onAfterRender: handleAfterRender,
+          renderUserDefinedResponse: renderCustomResponse,
+          messaging: {
+            skipWelcome: true,
+            customSendMessage: async (request, _options, _instance) => {
+              const text = request?.input?.text;
+              if (text) {
+                await handleSendMessage(text);
+              }
+            }
+          }
+        }
+      ),
       formOverlay
     ] });
   }
@@ -1954,7 +1950,40 @@ function A2AChat({
           width: layout === "sidebar" ? "400px" : void 0
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ChatCustomElement, { config: chatConfig }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ChatCustomElement,
+            {
+              ...{
+                className: "a2a-chat__element",
+                debug: false,
+                aiEnabled: true,
+                openChatByDefault: true
+              },
+              header: {
+                title: agent?.name ?? "AI Assistant",
+                showMinimize: layout !== "fullscreen"
+              },
+              launcher: {
+                isOn: layout === "float"
+              },
+              layout: {
+                showFrame: layout === "float",
+                showCloseAndRestartButton: layout !== "fullscreen"
+              },
+              onAfterRender: handleAfterRender,
+              renderUserDefinedResponse: renderCustomResponse,
+              messaging: {
+                skipWelcome: true,
+                messageLoadingIndicatorTimeoutSecs: 0,
+                customSendMessage: async (request, _options, _instance) => {
+                  const text = request?.input?.text;
+                  if (text) {
+                    await handleSendMessage(text);
+                  }
+                }
+              }
+            }
+          ),
           formOverlay
         ]
       }