@copilotz/chat-ui 0.1.36 → 0.1.38

package/dist/index.d.cts

@@ -221,6 +221,8 @@ interface ChatConfig {
             onClose: () => void;
             isMobile: boolean;
         }) => ReactNode);
+        /** Desktop panel width in pixels (default: 320) */
+        panelWidth?: number;
     };
     /** Additional actions to render in the header */
     headerActions?: ReactNode;

package/dist/index.d.ts

@@ -221,6 +221,8 @@ interface ChatConfig {
             onClose: () => void;
             isMobile: boolean;
         }) => ReactNode);
+        /** Desktop panel width in pixels (default: 320) */
+        panelWidth?: number;
     };
     /** Additional actions to render in the header */
     headerActions?: ReactNode;

package/dist/index.js

@@ -5332,8 +5332,16 @@ var ChatUI = ({
         config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx25(
           "div",
           {
-            className: `h-full transition-all duration-300 ease-in-out overflow-hidden ${state.showSidebar ? "w-80" : "w-0"}`,
-            children: state.showSidebar && /* @__PURE__ */ jsx25("div", { className: "flex flex-col h-full border-l bg-background animate-in slide-in-from-right-4 duration-300 w-80", children: renderCustomComponent() })
+            className: "h-full transition-all duration-300 ease-in-out overflow-hidden",
+            style: { width: state.showSidebar ? config.customComponent.panelWidth ?? 320 : 0 },
+            children: state.showSidebar && /* @__PURE__ */ jsx25(
+              "div",
+              {
+                className: "flex flex-col h-full border-l bg-background animate-in slide-in-from-right-4 duration-300",
+                style: { width: config.customComponent.panelWidth ?? 320 },
+                children: renderCustomComponent()
+              }
+            )
           }
         )
       ] })