@kuntur/a2a-carbon-chat-adapter 0.1.3 → 0.1.5

package/dist/index.js

@@ -1888,39 +1888,10 @@ function A2AChat({
     setCurrentFormRequest(null);
     setPendingTaskId(null);
   }, []);
-  const chatConfig = 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 = useCallback((instance) => {
+    instanceRef.current = instance;
+    console.log("[A2AChat] Chat instance ready");
+  }, []);
   if (!agent) {
     return /* @__PURE__ */ jsx("div", { className: `a2a-chat a2a-chat--error ${className}`, children: /* @__PURE__ */ jsx("p", { children: "No agent configured. Provide `agent`, `agentId`, or `agentUrl` prop." }) });
   }
@@ -1938,25 +1909,75 @@ function A2AChat({
   ) });
   if (layout === "float" && ChatContainer) {
     return /* @__PURE__ */ jsxs("div", { className: `a2a-chat a2a-chat--float ${className}`, children: [
-      /* @__PURE__ */ jsx(ChatContainer, { config: chatConfig }),
+      /* @__PURE__ */ jsx(
+        ChatContainer,
+        {
+          ...{
+            debug: false,
+            aiEnabled: true,
+            injectCarbonTheme: "white"
+          },
+          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
     ] });
   }
   if (ChatCustomElement) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `a2a-chat a2a-chat--${layout} ${className}`,
-        style: {
-          height: layout === "fullscreen" ? "100vh" : void 0,
-          width: layout === "sidebar" ? "400px" : void 0
-        },
-        children: [
-          /* @__PURE__ */ jsx(ChatCustomElement, { config: chatConfig }),
-          formOverlay
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs("div", { className: `a2a-chat a2a-chat--${layout} ${className}`, children: [
+      /* @__PURE__ */ jsx(
+        ChatCustomElement,
+        {
+          ...{
+            className: "a2a-chat__element",
+            debug: false,
+            aiEnabled: true,
+            openChatByDefault: true,
+            injectCarbonTheme: "white"
+          },
+          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
+    ] });
   }
   return /* @__PURE__ */ jsx("div", { className: `a2a-chat a2a-chat--loading ${className}`, children: /* @__PURE__ */ jsx("div", { className: "a2a-chat__spinner" }) });
 }