@optilogic/chat 1.3.1 → 1.3.3

package/dist/index.d.cts

@@ -318,6 +318,12 @@ declare const HITLInteractionRecord: React.ForwardRefExoticComponent<HITLInterac
  * Displays thinking, tool calls, knowledge retrieval, memory access, and final response.
  */
 
+interface AgentResponseClassNames {
+    /** Classes for the inner container (border, rounded corners, overflow) */
+    container?: string;
+    /** Classes for the response content section (background, padding) */
+    response?: string;
+}
 interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
     /** The response state to render */
     state: AgentResponseState;
@@ -389,6 +395,21 @@ interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
      * Defaults to "300px". Set to "none" to disable the constraint.
      */
     timelineMaxHeight?: string;
+    /**
+     * Class name overrides for internal elements.
+     * Use this to customize the container border/background or response section styling.
+     *
+     * @example
+     * // Transparent background and borders
+     * <AgentResponse
+     *   state={state}
+     *   classNames={{
+     *     container: "border-transparent",
+     *     response: "bg-transparent",
+     *   }}
+     * />
+     */
+    classNames?: AgentResponseClassNames;
 }
 /**
  * AgentResponse Component

package/dist/index.d.ts

@@ -318,6 +318,12 @@ declare const HITLInteractionRecord: React.ForwardRefExoticComponent<HITLInterac
  * Displays thinking, tool calls, knowledge retrieval, memory access, and final response.
  */
 
+interface AgentResponseClassNames {
+    /** Classes for the inner container (border, rounded corners, overflow) */
+    container?: string;
+    /** Classes for the response content section (background, padding) */
+    response?: string;
+}
 interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
     /** The response state to render */
     state: AgentResponseState;
@@ -389,6 +395,21 @@ interface AgentResponseProps extends React.HTMLAttributes<HTMLDivElement> {
      * Defaults to "300px". Set to "none" to disable the constraint.
      */
     timelineMaxHeight?: string;
+    /**
+     * Class name overrides for internal elements.
+     * Use this to customize the container border/background or response section styling.
+     *
+     * @example
+     * // Transparent background and borders
+     * <AgentResponse
+     *   state={state}
+     *   classNames={{
+     *     container: "border-transparent",
+     *     response: "bg-transparent",
+     *   }}
+     * />
+     */
+    classNames?: AgentResponseClassNames;
 }
 /**
  * AgentResponse Component

package/dist/index.js

@@ -1324,6 +1324,7 @@ var AgentResponse = React11.forwardRef(
     renderMarkdown,
     renderThinkingMarkdown,
     timelineMaxHeight,
+    classNames,
     className,
     ...props
   }, ref) => {
@@ -1368,7 +1369,7 @@ var AgentResponse = React11.forwardRef(
         onMouseLeave: () => setIsHovered(false),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "border border-border rounded-lg overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("border border-border rounded-lg overflow-hidden", classNames?.container), children: [
             showMetadataRow && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
                 MetadataRow,
@@ -1414,7 +1415,8 @@ var AgentResponse = React11.forwardRef(
               {
                 className: cn(
                   "bg-muted/50 p-4",
-                  showMetadataRow && "border-t border-border"
+                  showMetadataRow && "border-t border-border",
+                  classNames?.response
                 ),
                 children: renderMarkdown ? renderMarkdown(state.response) : /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap", children: state.response })
               }