@copilotkitnext/react 0.0.22-alpha.1 → 0.0.22-alpha.3

package/dist/chunk-F43IPGPA.mjs

@@ -0,0 +1,311 @@
+import {
+  CopilotChatInput_default
+} from "./chunk-KCVDFZJX.mjs";
+import {
+  CopilotChatMessageView_default
+} from "./chunk-W5DUKRCI.mjs";
+import {
+  CopilotChatSuggestionView_default
+} from "./chunk-RGD2L3Z4.mjs";
+import {
+  Button
+} from "./chunk-TAUOEJH2.mjs";
+import {
+  useKeyboardHeight
+} from "./chunk-FZR2XQKR.mjs";
+import {
+  renderSlot
+} from "./chunk-FIBK3DYE.mjs";
+import {
+  cn
+} from "./chunk-XO4IRKSC.mjs";
+import {
+  CopilotChatDefaultLabels,
+  useCopilotChatConfiguration
+} from "./chunk-4XJK5IVQ.mjs";
+
+// src/components/chat/CopilotChatView.tsx
+import React, { useRef, useState, useEffect } from "react";
+import { twMerge } from "tailwind-merge";
+import { StickToBottom, useStickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { ChevronDown } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CopilotChatView({
+  messageView,
+  input,
+  scrollView,
+  scrollToBottomButton,
+  feather,
+  inputContainer,
+  disclaimer,
+  suggestionView,
+  messages = [],
+  autoScroll = true,
+  inputProps,
+  isRunning = false,
+  suggestions,
+  suggestionLoadingIndexes,
+  onSelectSuggestion,
+  children,
+  className,
+  ...props
+}) {
+  const inputContainerRef = useRef(null);
+  const [inputContainerHeight, setInputContainerHeight] = useState(0);
+  const [isResizing, setIsResizing] = useState(false);
+  const resizeTimeoutRef = useRef(null);
+  const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
+  useEffect(() => {
+    const element = inputContainerRef.current;
+    if (!element) return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const newHeight = entry.contentRect.height;
+        setInputContainerHeight((prevHeight) => {
+          if (newHeight !== prevHeight) {
+            setIsResizing(true);
+            if (resizeTimeoutRef.current) {
+              clearTimeout(resizeTimeoutRef.current);
+            }
+            resizeTimeoutRef.current = setTimeout(() => {
+              setIsResizing(false);
+            }, 250);
+            return newHeight;
+          }
+          return prevHeight;
+        });
+      }
+    });
+    resizeObserver.observe(element);
+    setInputContainerHeight(element.offsetHeight);
+    return () => {
+      resizeObserver.disconnect();
+      if (resizeTimeoutRef.current) {
+        clearTimeout(resizeTimeoutRef.current);
+      }
+    };
+  }, []);
+  const BoundMessageView = renderSlot(messageView, CopilotChatMessageView_default, {
+    messages,
+    isRunning
+  });
+  const BoundInput = renderSlot(input, CopilotChatInput_default, inputProps ?? {});
+  const hasSuggestions = Array.isArray(suggestions) && suggestions.length > 0;
+  const BoundSuggestionView = hasSuggestions ? renderSlot(
+    suggestionView,
+    CopilotChatSuggestionView_default,
+    {
+      suggestions,
+      loadingIndexes: suggestionLoadingIndexes,
+      onSelectSuggestion,
+      className: "mb-3 lg:ml-4 lg:mr-4 ml-0 mr-0"
+    }
+  ) : null;
+  const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
+  const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {
+    autoScroll,
+    scrollToBottomButton,
+    inputContainerHeight,
+    isResizing,
+    children: /* @__PURE__ */ jsx("div", { style: { paddingBottom: `${inputContainerHeight + (hasSuggestions ? 4 : 32)}px` }, children: /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto", children: [
+      BoundMessageView,
+      hasSuggestions ? /* @__PURE__ */ jsx("div", { className: "pl-0 pr-4 sm:px-0 mt-4", children: BoundSuggestionView }) : null
+    ] }) })
+  });
+  const BoundScrollToBottomButton = renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, {});
+  const BoundDisclaimer = renderSlot(disclaimer, CopilotChatView.Disclaimer, {});
+  const BoundInputContainer = renderSlot(inputContainer, CopilotChatView.InputContainer, {
+    ref: inputContainerRef,
+    keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,
+    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "max-w-3xl mx-auto py-0 px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6 pointer-events-auto", children: BoundInput }),
+      BoundDisclaimer
+    ] })
+  });
+  if (children) {
+    return children({
+      messageView: BoundMessageView,
+      input: BoundInput,
+      scrollView: BoundScrollView,
+      scrollToBottomButton: BoundScrollToBottomButton,
+      feather: BoundFeather,
+      inputContainer: BoundInputContainer,
+      disclaimer: BoundDisclaimer,
+      suggestionView: BoundSuggestionView ?? /* @__PURE__ */ jsx(Fragment, {})
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("relative h-full", className), ...props, children: [
+    BoundScrollView,
+    BoundFeather,
+    BoundInputContainer
+  ] });
+}
+((CopilotChatView2) => {
+  const ScrollContent = ({ children, scrollToBottomButton, inputContainerHeight, isResizing }) => {
+    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(StickToBottom.Content, { className: "overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ jsx("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) }),
+      !isAtBottom && !isResizing && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute inset-x-0 flex justify-center z-10 pointer-events-none",
+          style: {
+            bottom: `${inputContainerHeight + 16}px`
+          },
+          children: renderSlot(scrollToBottomButton, CopilotChatView2.ScrollToBottomButton, {
+            onClick: () => scrollToBottom()
+          })
+        }
+      )
+    ] });
+  };
+  CopilotChatView2.ScrollView = ({
+    children,
+    autoScroll = true,
+    scrollToBottomButton,
+    inputContainerHeight = 0,
+    isResizing = false,
+    className,
+    ...props
+  }) => {
+    const [hasMounted, setHasMounted] = useState(false);
+    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();
+    const [showScrollButton, setShowScrollButton] = useState(false);
+    useEffect(() => {
+      setHasMounted(true);
+    }, []);
+    useEffect(() => {
+      if (autoScroll) return;
+      const scrollElement = scrollRef.current;
+      if (!scrollElement) return;
+      const checkScroll = () => {
+        const atBottom = scrollElement.scrollHeight - scrollElement.scrollTop - scrollElement.clientHeight < 10;
+        setShowScrollButton(!atBottom);
+      };
+      checkScroll();
+      scrollElement.addEventListener("scroll", checkScroll);
+      const resizeObserver = new ResizeObserver(checkScroll);
+      resizeObserver.observe(scrollElement);
+      return () => {
+        scrollElement.removeEventListener("scroll", checkScroll);
+        resizeObserver.disconnect();
+      };
+    }, [scrollRef, autoScroll]);
+    if (!hasMounted) {
+      return /* @__PURE__ */ jsx("div", { className: "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden", children: /* @__PURE__ */ jsx("div", { className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }) });
+    }
+    if (!autoScroll) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: scrollRef,
+          className: cn(
+            "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden relative",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx("div", { ref: contentRef, className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6", children }),
+            showScrollButton && !isResizing && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute inset-x-0 flex justify-center z-10 pointer-events-none",
+                style: {
+                  bottom: `${inputContainerHeight + 16}px`
+                },
+                children: renderSlot(scrollToBottomButton, CopilotChatView2.ScrollToBottomButton, {
+                  onClick: () => scrollToBottom()
+                })
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      StickToBottom,
+      {
+        className: cn("h-full max-h-full flex flex-col min-h-0 relative", className),
+        resize: "smooth",
+        initial: "smooth",
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          ScrollContent,
+          {
+            scrollToBottomButton,
+            inputContainerHeight,
+            isResizing,
+            children
+          }
+        )
+      }
+    );
+  };
+  CopilotChatView2.ScrollToBottomButton = ({
+    className,
+    ...props
+  }) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      className: twMerge(
+        "rounded-full w-10 h-10 p-0 pointer-events-auto",
+        "bg-white dark:bg-gray-900",
+        "shadow-lg border border-gray-200 dark:border-gray-700",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        "flex items-center justify-center cursor-pointer",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-gray-600 dark:text-white" })
+    }
+  );
+  CopilotChatView2.Feather = ({ className, style, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "absolute bottom-0 left-0 right-4 h-24 pointer-events-none z-10 bg-gradient-to-t",
+        "from-white via-white to-transparent",
+        "dark:from-[rgb(33,33,33)] dark:via-[rgb(33,33,33)]",
+        className
+      ),
+      style,
+      ...props
+    }
+  );
+  CopilotChatView2.InputContainer = React.forwardRef(({ children, className, keyboardHeight = 0, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("absolute bottom-0 left-0 right-0 z-20 pointer-events-none", className),
+      style: {
+        // Adjust position when keyboard is open to keep input visible
+        transform: keyboardHeight > 0 ? `translateY(-${keyboardHeight}px)` : void 0,
+        transition: "transform 0.2s ease-out"
+      },
+      ...props,
+      children
+    }
+  ));
+  CopilotChatView2.InputContainer.displayName = "CopilotChatView.InputContainer";
+  CopilotChatView2.Disclaimer = ({ className, ...props }) => {
+    const config = useCopilotChatConfiguration();
+    const labels = config?.labels ?? CopilotChatDefaultLabels;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("text-center text-xs text-muted-foreground py-3 px-4 max-w-3xl mx-auto", className),
+        ...props,
+        children: labels.chatDisclaimerText
+      }
+    );
+  };
+})(CopilotChatView || (CopilotChatView = {}));
+var CopilotChatView_default = CopilotChatView;
+
+export {
+  CopilotChatView,
+  CopilotChatView_default
+};
+//# sourceMappingURL=chunk-F43IPGPA.mjs.map

package/dist/chunk-F43IPGPA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/CopilotChatView.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { WithSlots, renderSlot } from \"@/lib/slots\";\nimport CopilotChatMessageView from \"./CopilotChatMessageView\";\nimport CopilotChatInput, { CopilotChatInputProps } from \"./CopilotChatInput\";\nimport CopilotChatSuggestionView, { CopilotChatSuggestionViewProps } from \"./CopilotChatSuggestionView\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { Message } from \"@ag-ui/core\";\nimport { twMerge } from \"tailwind-merge\";\nimport { StickToBottom, useStickToBottom, useStickToBottomContext } from \"use-stick-to-bottom\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport { useCopilotChatConfiguration, CopilotChatDefaultLabels } from \"@/providers/CopilotChatConfigurationProvider\";\nimport { useKeyboardHeight } from \"@/hooks/use-keyboard-height\";\n\nexport type CopilotChatViewProps = WithSlots<\n  {\n    messageView: typeof CopilotChatMessageView;\n    scrollView: React.FC<React.HTMLAttributes<HTMLDivElement>>;\n    scrollToBottomButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;\n    input: typeof CopilotChatInput;\n    inputContainer: React.FC<React.HTMLAttributes<HTMLDivElement> & { children: React.ReactNode }>;\n    feather: React.FC<React.HTMLAttributes<HTMLDivElement>>;\n    disclaimer: React.FC<React.HTMLAttributes<HTMLDivElement>>;\n    suggestionView: typeof CopilotChatSuggestionView;\n  },\n  {\n    messages?: Message[];\n    autoScroll?: boolean;\n    inputProps?: Partial<Omit<CopilotChatInputProps, \"children\">>;\n    isRunning?: boolean;\n    suggestions?: Suggestion[];\n    suggestionLoadingIndexes?: ReadonlyArray<number>;\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport function CopilotChatView({\n  messageView,\n  input,\n  scrollView,\n  scrollToBottomButton,\n  feather,\n  inputContainer,\n  disclaimer,\n  suggestionView,\n  messages = [],\n  autoScroll = true,\n  inputProps,\n  isRunning = false,\n  suggestions,\n  suggestionLoadingIndexes,\n  onSelectSuggestion,\n  children,\n  className,\n  ...props\n}: CopilotChatViewProps) {\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const [inputContainerHeight, setInputContainerHeight] = useState(0);\n  const [isResizing, setIsResizing] = useState(false);\n  const resizeTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Track keyboard state for mobile\n  const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();\n\n  // Track input container height changes\n  useEffect(() => {\n    const element = inputContainerRef.current;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n\n        // Update height and set resizing state\n        setInputContainerHeight((prevHeight) => {\n          if (newHeight !== prevHeight) {\n            setIsResizing(true);\n\n            // Clear existing timeout\n            if (resizeTimeoutRef.current) {\n              clearTimeout(resizeTimeoutRef.current);\n            }\n\n            // Set isResizing to false after a short delay\n            resizeTimeoutRef.current = setTimeout(() => {\n              setIsResizing(false);\n            }, 250);\n\n            return newHeight;\n          }\n          return prevHeight;\n        });\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    // Set initial height\n    setInputContainerHeight(element.offsetHeight);\n\n    return () => {\n      resizeObserver.disconnect();\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const BoundMessageView = renderSlot(messageView, CopilotChatMessageView, {\n    messages,\n    isRunning,\n  });\n\n  const BoundInput = renderSlot(input, CopilotChatInput, (inputProps ?? {}) as CopilotChatInputProps);\n  const hasSuggestions = Array.isArray(suggestions) && suggestions.length > 0;\n  const BoundSuggestionView = hasSuggestions\n    ? renderSlot<typeof CopilotChatSuggestionView, CopilotChatSuggestionViewProps>(\n        suggestionView,\n        CopilotChatSuggestionView,\n        {\n          suggestions,\n          loadingIndexes: suggestionLoadingIndexes,\n          onSelectSuggestion,\n          className: \"mb-3 lg:ml-4 lg:mr-4 ml-0 mr-0\",\n        },\n      )\n    : null;\n  const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});\n  const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {\n    autoScroll,\n    scrollToBottomButton,\n    inputContainerHeight,\n    isResizing,\n    children: (\n      <div style={{ paddingBottom: `${inputContainerHeight + (hasSuggestions ? 4 : 32)}px` }}>\n        <div className=\"max-w-3xl mx-auto\">\n          {BoundMessageView}\n          {hasSuggestions ? <div className=\"pl-0 pr-4 sm:px-0 mt-4\">{BoundSuggestionView}</div> : null}\n        </div>\n      </div>\n    ),\n  });\n\n  const BoundScrollToBottomButton = renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, {});\n\n  const BoundDisclaimer = renderSlot(disclaimer, CopilotChatView.Disclaimer, {});\n\n  const BoundInputContainer = renderSlot(inputContainer, CopilotChatView.InputContainer, {\n    ref: inputContainerRef,\n    keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,\n    children: (\n      <>\n        <div className=\"max-w-3xl mx-auto py-0 px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6 pointer-events-auto\">\n          {BoundInput}\n        </div>\n        {BoundDisclaimer}\n      </>\n    ),\n  });\n\n  if (children) {\n    return children({\n      messageView: BoundMessageView,\n      input: BoundInput,\n      scrollView: BoundScrollView,\n      scrollToBottomButton: BoundScrollToBottomButton,\n      feather: BoundFeather,\n      inputContainer: BoundInputContainer,\n      disclaimer: BoundDisclaimer,\n      suggestionView: BoundSuggestionView ?? <></>,\n    });\n  }\n\n  return (\n    <div className={twMerge(\"relative h-full\", className)} {...props}>\n      {BoundScrollView}\n\n      {BoundFeather}\n\n      {BoundInputContainer}\n    </div>\n  );\n}\n\nexport namespace CopilotChatView {\n  // Inner component that has access to StickToBottom context\n  const ScrollContent: React.FC<{\n    children: React.ReactNode;\n    scrollToBottomButton?: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;\n    inputContainerHeight: number;\n    isResizing: boolean;\n  }> = ({ children, scrollToBottomButton, inputContainerHeight, isResizing }) => {\n    const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n    return (\n      <>\n        <StickToBottom.Content className=\"overflow-y-scroll overflow-x-hidden\">\n        <div className=\"px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6\">{children}</div>\n        </StickToBottom.Content>\n\n        {/* Scroll to bottom button - hidden during resize */}\n        {!isAtBottom && !isResizing && (\n          <div\n            className=\"absolute inset-x-0 flex justify-center z-10 pointer-events-none\"\n            style={{\n              bottom: `${inputContainerHeight + 16}px`,\n            }}\n          >\n            {renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, {\n              onClick: () => scrollToBottom(),\n            })}\n          </div>\n        )}\n      </>\n    );\n  };\n\n  export const ScrollView: React.FC<\n    React.HTMLAttributes<HTMLDivElement> & {\n      autoScroll?: boolean;\n      scrollToBottomButton?: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;\n      inputContainerHeight?: number;\n      isResizing?: boolean;\n    }\n  > = ({\n    children,\n    autoScroll = true,\n    scrollToBottomButton,\n    inputContainerHeight = 0,\n    isResizing = false,\n    className,\n    ...props\n  }) => {\n    const [hasMounted, setHasMounted] = useState(false);\n    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();\n    const [showScrollButton, setShowScrollButton] = useState(false);\n\n    useEffect(() => {\n      setHasMounted(true);\n    }, []);\n\n    // Monitor scroll position for non-autoscroll mode\n    useEffect(() => {\n      if (autoScroll) return; // Skip for autoscroll mode\n\n      const scrollElement = scrollRef.current;\n      if (!scrollElement) return;\n\n      const checkScroll = () => {\n        const atBottom = scrollElement.scrollHeight - scrollElement.scrollTop - scrollElement.clientHeight < 10;\n        setShowScrollButton(!atBottom);\n      };\n\n      checkScroll();\n      scrollElement.addEventListener(\"scroll\", checkScroll);\n\n      // Also check on resize\n      const resizeObserver = new ResizeObserver(checkScroll);\n      resizeObserver.observe(scrollElement);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", checkScroll);\n        resizeObserver.disconnect();\n      };\n    }, [scrollRef, autoScroll]);\n\n    if (!hasMounted) {\n      return (\n        <div className=\"h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden\">\n          <div className=\"px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6\">{children}</div>\n        </div>\n      );\n    }\n\n    // When autoScroll is false, we don't use StickToBottom\n    if (!autoScroll) {\n      return (\n        <div\n          ref={scrollRef}\n          className={cn(\n            \"h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden relative\",\n            className,\n          )}\n          {...props}\n        >\n          <div ref={contentRef} className=\"px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6\">\n            {children}\n          </div>\n\n          {/* Scroll to bottom button for manual mode */}\n          {showScrollButton && !isResizing && (\n            <div\n              className=\"absolute inset-x-0 flex justify-center z-10 pointer-events-none\"\n              style={{\n                bottom: `${inputContainerHeight + 16}px`,\n              }}\n            >\n              {renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, {\n                onClick: () => scrollToBottom(),\n              })}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <StickToBottom\n        className={cn(\"h-full max-h-full flex flex-col min-h-0 relative\", className)}\n        resize=\"smooth\"\n        initial=\"smooth\"\n        {...props}\n      >\n        <ScrollContent\n          scrollToBottomButton={scrollToBottomButton}\n          inputContainerHeight={inputContainerHeight}\n          isResizing={isResizing}\n        >\n          {children}\n        </ScrollContent>\n      </StickToBottom>\n    );\n  };\n\n  export const ScrollToBottomButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = ({\n    className,\n    ...props\n  }) => (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      className={twMerge(\n        \"rounded-full w-10 h-10 p-0 pointer-events-auto\",\n        \"bg-white dark:bg-gray-900\",\n        \"shadow-lg border border-gray-200 dark:border-gray-700\",\n        \"hover:bg-gray-50 dark:hover:bg-gray-800\",\n        \"flex items-center justify-center cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDown className=\"w-4 h-4 text-gray-600 dark:text-white\" />\n    </Button>\n  );\n\n  export const Feather: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ className, style, ...props }) => (\n    <div\n      className={cn(\n        \"absolute bottom-0 left-0 right-4 h-24 pointer-events-none z-10 bg-gradient-to-t\",\n        \"from-white via-white to-transparent\",\n        \"dark:from-[rgb(33,33,33)] dark:via-[rgb(33,33,33)]\",\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n\n  export const InputContainer = React.forwardRef<\n    HTMLDivElement,\n    React.HTMLAttributes<HTMLDivElement> & { children: React.ReactNode; keyboardHeight?: number }\n  >(({ children, className, keyboardHeight = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"absolute bottom-0 left-0 right-0 z-20 pointer-events-none\", className)}\n      style={{\n        // Adjust position when keyboard is open to keep input visible\n        transform: keyboardHeight > 0 ? `translateY(-${keyboardHeight}px)` : undefined,\n        transition: \"transform 0.2s ease-out\",\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  ));\n\n  InputContainer.displayName = \"CopilotChatView.InputContainer\";\n\n  export const Disclaimer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ className, ...props }) => {\n    const config = useCopilotChatConfiguration();\n    const labels = config?.labels ?? CopilotChatDefaultLabels;\n\n    return (\n      <div\n        className={cn(\"text-center text-xs text-muted-foreground py-3 px-4 max-w-3xl mx-auto\", className)}\n        {...props}\n      >\n        {labels.chatDisclaimerText}\n      </div>\n    );\n  };\n}\n\nexport default CopilotChatView;\n"],"mappings":"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","names":["CopilotChatView"]}

package/dist/chunk-FIBK3DYE.mjs

@@ -0,0 +1,26 @@
+// src/lib/slots.tsx
+import React from "react";
+function renderSlot(slot, DefaultComponent, props) {
+  if (typeof slot === "string") {
+    return React.createElement(DefaultComponent, {
+      ...props,
+      className: slot
+    });
+  }
+  if (typeof slot === "function") {
+    const Comp = slot;
+    return React.createElement(Comp, props);
+  }
+  if (slot && typeof slot === "object" && !React.isValidElement(slot)) {
+    return React.createElement(DefaultComponent, {
+      ...props,
+      ...slot
+    });
+  }
+  return React.createElement(DefaultComponent, props);
+}
+
+export {
+  renderSlot
+};
+//# sourceMappingURL=chunk-FIBK3DYE.mjs.map

package/dist/chunk-FIBK3DYE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/slots.tsx"],"sourcesContent":["import React from \"react\";\n\n// /** Utility: Create a component type with specific props omitted */\n// export type OmitSlotProps<\n//   C extends React.ComponentType<any>,\n//   K extends keyof React.ComponentProps<C>,\n// > = React.ComponentType<Omit<React.ComponentProps<C>, K>>;\n\n/** Existing union (unchanged) */\nexport type SlotValue<C extends React.ComponentType<any>> =\n  | C\n  | string\n  | Partial<React.ComponentProps<C>>;\n\n/** Utility: concrete React elements for every slot */\ntype SlotElements<S> = { [K in keyof S]: React.ReactElement };\n\nexport type WithSlots<\n  S extends Record<string, React.ComponentType<any>>,\n  Rest = {},\n> = {\n  /** Per‑slot overrides */\n  [K in keyof S]?: SlotValue<S[K]>;\n} & {\n  children?: (props: SlotElements<S> & Rest) => React.ReactNode;\n} & Omit<Rest, \"children\">;\n\nexport function renderSlot<\n  C extends React.ComponentType<any>,\n  P = React.ComponentProps<C>,\n>(\n  slot: SlotValue<C> | undefined,\n  DefaultComponent: C,\n  props: P\n): React.ReactElement {\n  if (typeof slot === \"string\") {\n    return React.createElement(DefaultComponent, {\n      ...(props as P),\n      className: slot,\n    });\n  }\n  if (typeof slot === \"function\") {\n    const Comp = slot as C;\n    return React.createElement(Comp, props as P);\n  }\n\n  if (slot && typeof slot === \"object\" && !React.isValidElement(slot)) {\n    return React.createElement(DefaultComponent, {\n      ...(props as P),\n      ...slot,\n    });\n  }\n\n  return React.createElement(DefaultComponent, props as P);\n}\n"],"mappings":";AAAA,OAAO,WAAW;AA2BX,SAAS,WAId,MACA,kBACA,OACoB;AACpB,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,MAAM,cAAc,kBAAkB;AAAA,MAC3C,GAAI;AAAA,MACJ,WAAW;AAAA,IACb,CAAC;AAAA,EACH;AACA,MAAI,OAAO,SAAS,YAAY;AAC9B,UAAM,OAAO;AACb,WAAO,MAAM,cAAc,MAAM,KAAU;AAAA,EAC7C;AAEA,MAAI,QAAQ,OAAO,SAAS,YAAY,CAAC,MAAM,eAAe,IAAI,GAAG;AACnE,WAAO,MAAM,cAAc,kBAAkB;AAAA,MAC3C,GAAI;AAAA,MACJ,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAEA,SAAO,MAAM,cAAc,kBAAkB,KAAU;AACzD;","names":[]}

package/dist/chunk-FVURPXQK.mjs

@@ -0,0 +1,45 @@
+import {
+  CopilotSidebarView
+} from "./chunk-OMPVTGXH.mjs";
+import {
+  CopilotChat
+} from "./chunk-32YJ5VJ4.mjs";
+import {
+  CopilotChatView_default
+} from "./chunk-JLVGSNAO.mjs";
+
+// src/components/chat/CopilotSidebar.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function CopilotSidebar({ header, defaultOpen, width, ...chatProps }) {
+  const SidebarViewOverride = useMemo(() => {
+    const Component = (viewProps) => {
+      const { header: viewHeader, width: viewWidth, ...restProps } = viewProps;
+      return /* @__PURE__ */ jsx(
+        CopilotSidebarView,
+        {
+          ...restProps,
+          header: header ?? viewHeader,
+          width: width ?? viewWidth
+        }
+      );
+    };
+    return Object.assign(Component, CopilotChatView_default);
+  }, [header, width]);
+  return /* @__PURE__ */ jsx(
+    CopilotChat,
+    {
+      ...chatProps,
+      chatView: SidebarViewOverride,
+      isModalDefaultOpen: defaultOpen
+    }
+  );
+}
+CopilotSidebar.displayName = "CopilotSidebar";
+var CopilotSidebar_default = CopilotSidebar;
+
+export {
+  CopilotSidebar,
+  CopilotSidebar_default
+};
+//# sourceMappingURL=chunk-FVURPXQK.mjs.map

package/dist/chunk-FVURPXQK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/CopilotSidebar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport { CopilotSidebarView, CopilotSidebarViewProps } from \"./CopilotSidebarView\";\n\nexport type CopilotSidebarProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotSidebarViewProps[\"header\"];\n  defaultOpen?: boolean;\n  width?: number | string;\n};\n\nexport function CopilotSidebar({ header, defaultOpen, width, ...chatProps }: CopilotSidebarProps) {\n  const SidebarViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const { header: viewHeader, width: viewWidth, ...restProps } = viewProps as CopilotSidebarViewProps;\n\n      return (\n        <CopilotSidebarView\n          {...(restProps as CopilotSidebarViewProps)}\n          header={header ?? viewHeader}\n          width={width ?? viewWidth}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [header, width]);\n\n  return (\n    <CopilotChat\n      {...chatProps}\n      chatView={SidebarViewOverride}\n      isModalDefaultOpen={defaultOpen}\n    />\n  );\n}\n\nCopilotSidebar.displayName = \"CopilotSidebar\";\n\nexport default CopilotSidebar;\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,eAAe;AAkBvB;AAND,SAAS,eAAe,EAAE,QAAQ,aAAa,OAAO,GAAG,UAAU,GAAwB;AAChG,QAAM,sBAAsB,QAAQ,MAAM;AACxC,UAAM,YAA4C,CAAC,cAAc;AAC/D,YAAM,EAAE,QAAQ,YAAY,OAAO,WAAW,GAAG,UAAU,IAAI;AAE/D,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACL,QAAQ,UAAU;AAAA,UAClB,OAAO,SAAS;AAAA;AAAA,MAClB;AAAA,IAEJ;AAEA,WAAO,OAAO,OAAO,WAAW,uBAAe;AAAA,EACjD,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,oBAAoB;AAAA;AAAA,EACtB;AAEJ;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;","names":[]}

package/dist/chunk-FZR2XQKR.mjs

@@ -0,0 +1,44 @@
+// src/hooks/use-keyboard-height.tsx
+import { useState, useEffect } from "react";
+function useKeyboardHeight() {
+  const [keyboardState, setKeyboardState] = useState({
+    isKeyboardOpen: false,
+    keyboardHeight: 0,
+    availableHeight: typeof window !== "undefined" ? window.innerHeight : 0,
+    viewportHeight: typeof window !== "undefined" ? window.innerHeight : 0
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const visualViewport = window.visualViewport;
+    if (!visualViewport) {
+      return;
+    }
+    const updateKeyboardState = () => {
+      const layoutHeight = window.innerHeight;
+      const visualHeight = visualViewport.height;
+      const keyboardHeight = Math.max(0, layoutHeight - visualHeight);
+      const isKeyboardOpen = keyboardHeight > 150;
+      setKeyboardState({
+        isKeyboardOpen,
+        keyboardHeight,
+        availableHeight: visualHeight,
+        viewportHeight: layoutHeight
+      });
+    };
+    updateKeyboardState();
+    visualViewport.addEventListener("resize", updateKeyboardState);
+    visualViewport.addEventListener("scroll", updateKeyboardState);
+    return () => {
+      visualViewport.removeEventListener("resize", updateKeyboardState);
+      visualViewport.removeEventListener("scroll", updateKeyboardState);
+    };
+  }, []);
+  return keyboardState;
+}
+
+export {
+  useKeyboardHeight
+};
+//# sourceMappingURL=chunk-FZR2XQKR.mjs.map

package/dist/chunk-FZR2XQKR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-keyboard-height.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport interface KeyboardState {\n  isKeyboardOpen: boolean;\n  keyboardHeight: number;\n  availableHeight: number;\n  viewportHeight: number;\n}\n\n/**\n * Hook to detect mobile keyboard appearance and calculate available viewport height.\n * Uses the Visual Viewport API to track keyboard state on mobile devices.\n *\n * @returns KeyboardState object with keyboard information\n */\nexport function useKeyboardHeight(): KeyboardState {\n  const [keyboardState, setKeyboardState] = useState<KeyboardState>({\n    isKeyboardOpen: false,\n    keyboardHeight: 0,\n    availableHeight: typeof window !== \"undefined\" ? window.innerHeight : 0,\n    viewportHeight: typeof window !== \"undefined\" ? window.innerHeight : 0,\n  });\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    // Check if Visual Viewport API is available\n    const visualViewport = window.visualViewport;\n    if (!visualViewport) {\n      return;\n    }\n\n    const updateKeyboardState = () => {\n      const layoutHeight = window.innerHeight;\n      const visualHeight = visualViewport.height;\n\n      // Calculate keyboard height (difference between layout and visual viewport)\n      const keyboardHeight = Math.max(0, layoutHeight - visualHeight);\n\n      // Keyboard is considered open if the height difference is significant (> 150px)\n      const isKeyboardOpen = keyboardHeight > 150;\n\n      setKeyboardState({\n        isKeyboardOpen,\n        keyboardHeight,\n        availableHeight: visualHeight,\n        viewportHeight: layoutHeight,\n      });\n    };\n\n    // Initial state\n    updateKeyboardState();\n\n    // Listen for viewport changes\n    visualViewport.addEventListener(\"resize\", updateKeyboardState);\n    visualViewport.addEventListener(\"scroll\", updateKeyboardState);\n\n    return () => {\n      visualViewport.removeEventListener(\"resize\", updateKeyboardState);\n      visualViewport.removeEventListener(\"scroll\", updateKeyboardState);\n    };\n  }, []);\n\n  return keyboardState;\n}\n"],"mappings":";AAAA,SAAS,UAAU,iBAAiB;AAe7B,SAAS,oBAAmC;AACjD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB;AAAA,IAChE,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,iBAAiB,OAAO,WAAW,cAAc,OAAO,cAAc;AAAA,IACtE,gBAAgB,OAAO,WAAW,cAAc,OAAO,cAAc;AAAA,EACvE,CAAC;AAED,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,aAAa;AACjC;AAAA,IACF;AAGA,UAAM,iBAAiB,OAAO;AAC9B,QAAI,CAAC,gBAAgB;AACnB;AAAA,IACF;AAEA,UAAM,sBAAsB,MAAM;AAChC,YAAM,eAAe,OAAO;AAC5B,YAAM,eAAe,eAAe;AAGpC,YAAM,iBAAiB,KAAK,IAAI,GAAG,eAAe,YAAY;AAG9D,YAAM,iBAAiB,iBAAiB;AAExC,uBAAiB;AAAA,QACf;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,MAClB,CAAC;AAAA,IACH;AAGA,wBAAoB;AAGpB,mBAAe,iBAAiB,UAAU,mBAAmB;AAC7D,mBAAe,iBAAiB,UAAU,mBAAmB;AAE7D,WAAO,MAAM;AACX,qBAAe,oBAAoB,UAAU,mBAAmB;AAChE,qBAAe,oBAAoB,UAAU,mBAAmB;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/chunk-IA4CLXDM.mjs

@@ -0,0 +1,76 @@
+import {
+  useCopilotKit
+} from "./chunk-RF2CGPHQ.mjs";
+
+// src/hooks/use-agent.tsx
+import { useMemo, useEffect, useReducer } from "react";
+import { DEFAULT_AGENT_ID } from "@copilotkitnext/shared";
+var UseAgentUpdate = /* @__PURE__ */ ((UseAgentUpdate2) => {
+  UseAgentUpdate2["OnMessagesChanged"] = "OnMessagesChanged";
+  UseAgentUpdate2["OnStateChanged"] = "OnStateChanged";
+  UseAgentUpdate2["OnRunStatusChanged"] = "OnRunStatusChanged";
+  return UseAgentUpdate2;
+})(UseAgentUpdate || {});
+var ALL_UPDATES = [
+  "OnMessagesChanged" /* OnMessagesChanged */,
+  "OnStateChanged" /* OnStateChanged */,
+  "OnRunStatusChanged" /* OnRunStatusChanged */
+];
+function useAgent({ agentId, updates } = {}) {
+  agentId ??= DEFAULT_AGENT_ID;
+  const { copilotkit } = useCopilotKit();
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  const updateFlags = useMemo(
+    () => updates ?? ALL_UPDATES,
+    [JSON.stringify(updates)]
+  );
+  const agent = useMemo(() => {
+    return copilotkit.getAgent(agentId);
+  }, [
+    agentId,
+    copilotkit.agents,
+    copilotkit.runtimeConnectionStatus,
+    copilotkit
+  ]);
+  useEffect(() => {
+    if (!agent) {
+      return;
+    }
+    if (updateFlags.length === 0) {
+      return;
+    }
+    const handlers = {};
+    if (updateFlags.includes("OnMessagesChanged" /* OnMessagesChanged */)) {
+      handlers.onMessagesChanged = () => {
+        forceUpdate();
+      };
+    }
+    if (updateFlags.includes("OnStateChanged" /* OnStateChanged */)) {
+      handlers.onStateChanged = () => {
+        forceUpdate();
+      };
+    }
+    if (updateFlags.includes("OnRunStatusChanged" /* OnRunStatusChanged */)) {
+      handlers.onRunInitialized = () => {
+        forceUpdate();
+      };
+      handlers.onRunFinalized = () => {
+        forceUpdate();
+      };
+      handlers.onRunFailed = () => {
+        forceUpdate();
+      };
+    }
+    const subscription = agent.subscribe(handlers);
+    return () => subscription.unsubscribe();
+  }, [agent, forceUpdate, JSON.stringify(updateFlags)]);
+  return {
+    agent
+  };
+}
+
+export {
+  UseAgentUpdate,
+  useAgent
+};
+//# sourceMappingURL=chunk-IA4CLXDM.mjs.map

package/dist/chunk-IA4CLXDM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-agent.tsx"],"sourcesContent":["import { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useMemo, useEffect, useReducer } from \"react\";\nimport { DEFAULT_AGENT_ID } from \"@copilotkitnext/shared\";\nimport { AbstractAgent } from \"@ag-ui/client\";\n\nexport enum UseAgentUpdate {\n  OnMessagesChanged = \"OnMessagesChanged\",\n  OnStateChanged = \"OnStateChanged\",\n  OnRunStatusChanged = \"OnRunStatusChanged\",\n}\n\nconst ALL_UPDATES: UseAgentUpdate[] = [\n  UseAgentUpdate.OnMessagesChanged,\n  UseAgentUpdate.OnStateChanged,\n  UseAgentUpdate.OnRunStatusChanged,\n];\n\nexport interface UseAgentProps {\n  agentId?: string;\n  updates?: UseAgentUpdate[];\n}\n\nexport function useAgent({ agentId, updates }: UseAgentProps = {}) {\n  agentId ??= DEFAULT_AGENT_ID;\n\n  const { copilotkit } = useCopilotKit();\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  const updateFlags = useMemo(\n    () => updates ?? ALL_UPDATES,\n    [JSON.stringify(updates)]\n  );\n\n  const agent: AbstractAgent | undefined = useMemo(() => {\n    return copilotkit.getAgent(agentId);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    agentId,\n    copilotkit.agents,\n    copilotkit.runtimeConnectionStatus,\n    copilotkit,\n  ]);\n\n  useEffect(() => {\n    if (!agent) {\n      return;\n    }\n\n    if (updateFlags.length === 0) {\n      return;\n    }\n\n    const handlers: Parameters<AbstractAgent[\"subscribe\"]>[0] = {};\n\n    if (updateFlags.includes(UseAgentUpdate.OnMessagesChanged)) {\n      handlers.onMessagesChanged = () => {\n        forceUpdate();\n      };\n    }\n\n    if (updateFlags.includes(UseAgentUpdate.OnStateChanged)) {\n      handlers.onStateChanged = () => {\n        forceUpdate();\n      };\n    }\n\n    if (updateFlags.includes(UseAgentUpdate.OnRunStatusChanged)) {\n      handlers.onRunInitialized = () => {\n        forceUpdate();\n      };\n      handlers.onRunFinalized = () => {\n        forceUpdate();\n      };\n      handlers.onRunFailed = () => {\n        forceUpdate();\n      };\n    }\n\n    const subscription = agent.subscribe(handlers);\n    return () => subscription.unsubscribe();\n  }, [agent, forceUpdate, JSON.stringify(updateFlags)]);\n\n  return {\n    agent,\n  };\n}\n"],"mappings":";;;;;AACA,SAAS,SAAS,WAAW,kBAAkB;AAC/C,SAAS,wBAAwB;AAG1B,IAAK,iBAAL,kBAAKA,oBAAL;AACL,EAAAA,gBAAA,uBAAoB;AACpB,EAAAA,gBAAA,oBAAiB;AACjB,EAAAA,gBAAA,wBAAqB;AAHX,SAAAA;AAAA,GAAA;AAMZ,IAAM,cAAgC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAAS,SAAS,EAAE,SAAS,QAAQ,IAAmB,CAAC,GAAG;AACjE,cAAY;AAEZ,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,CAAC,EAAE,WAAW,IAAI,WAAW,CAAC,MAAM,IAAI,GAAG,CAAC;AAElD,QAAM,cAAc;AAAA,IAClB,MAAM,WAAW;AAAA,IACjB,CAAC,KAAK,UAAU,OAAO,CAAC;AAAA,EAC1B;AAEA,QAAM,QAAmC,QAAQ,MAAM;AACrD,WAAO,WAAW,SAAS,OAAO;AAAA,EAEpC,GAAG;AAAA,IACD;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,QAAI,YAAY,WAAW,GAAG;AAC5B;AAAA,IACF;AAEA,UAAM,WAAsD,CAAC;AAE7D,QAAI,YAAY,SAAS,2CAAgC,GAAG;AAC1D,eAAS,oBAAoB,MAAM;AACjC,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,QAAI,YAAY,SAAS,qCAA6B,GAAG;AACvD,eAAS,iBAAiB,MAAM;AAC9B,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,QAAI,YAAY,SAAS,6CAAiC,GAAG;AAC3D,eAAS,mBAAmB,MAAM;AAChC,oBAAY;AAAA,MACd;AACA,eAAS,iBAAiB,MAAM;AAC9B,oBAAY;AAAA,MACd;AACA,eAAS,cAAc,MAAM;AAC3B,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,UAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,WAAO,MAAM,aAAa,YAAY;AAAA,EACxC,GAAG,CAAC,OAAO,aAAa,KAAK,UAAU,WAAW,CAAC,CAAC;AAEpD,SAAO;AAAA,IACL;AAAA,EACF;AACF;","names":["UseAgentUpdate"]}

package/dist/chunk-IH5VFJ4L.mjs

@@ -0,0 +1,60 @@
+import {
+  CopilotPopupView
+} from "./chunk-VUHFLJWI.mjs";
+import {
+  CopilotChat
+} from "./chunk-TKFOXPXF.mjs";
+import {
+  CopilotChatView_default
+} from "./chunk-F43IPGPA.mjs";
+
+// src/components/chat/CopilotPopup.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function CopilotPopup({
+  header,
+  defaultOpen,
+  width,
+  height,
+  clickOutsideToClose,
+  ...chatProps
+}) {
+  const PopupViewOverride = useMemo(() => {
+    const Component = (viewProps) => {
+      const {
+        header: viewHeader,
+        width: viewWidth,
+        height: viewHeight,
+        clickOutsideToClose: viewClickOutsideToClose,
+        ...restProps
+      } = viewProps;
+      return /* @__PURE__ */ jsx(
+        CopilotPopupView,
+        {
+          ...restProps,
+          header: header ?? viewHeader,
+          width: width ?? viewWidth,
+          height: height ?? viewHeight,
+          clickOutsideToClose: clickOutsideToClose ?? viewClickOutsideToClose
+        }
+      );
+    };
+    return Object.assign(Component, CopilotChatView_default);
+  }, [clickOutsideToClose, header, height, width]);
+  return /* @__PURE__ */ jsx(
+    CopilotChat,
+    {
+      ...chatProps,
+      chatView: PopupViewOverride,
+      isModalDefaultOpen: defaultOpen
+    }
+  );
+}
+CopilotPopup.displayName = "CopilotPopup";
+var CopilotPopup_default = CopilotPopup;
+
+export {
+  CopilotPopup,
+  CopilotPopup_default
+};
+//# sourceMappingURL=chunk-IH5VFJ4L.mjs.map

package/dist/chunk-IH5VFJ4L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/CopilotPopup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport { CopilotPopupView, CopilotPopupViewProps } from \"./CopilotPopupView\";\n\nexport type CopilotPopupProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotPopupViewProps[\"header\"];\n  defaultOpen?: boolean;\n  width?: CopilotPopupViewProps[\"width\"];\n  height?: CopilotPopupViewProps[\"height\"];\n  clickOutsideToClose?: CopilotPopupViewProps[\"clickOutsideToClose\"];\n};\n\nexport function CopilotPopup({\n  header,\n  defaultOpen,\n  width,\n  height,\n  clickOutsideToClose,\n  ...chatProps\n}: CopilotPopupProps) {\n  const PopupViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        width: viewWidth,\n        height: viewHeight,\n        clickOutsideToClose: viewClickOutsideToClose,\n        ...restProps\n      } = viewProps as CopilotPopupViewProps;\n\n      return (\n        <CopilotPopupView\n          {...(restProps as CopilotPopupViewProps)}\n          header={header ?? viewHeader}\n          width={width ?? viewWidth}\n          height={height ?? viewHeight}\n          clickOutsideToClose={clickOutsideToClose ?? viewClickOutsideToClose}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [clickOutsideToClose, header, height, width]);\n\n  return (\n    <CopilotChat\n      {...chatProps}\n      chatView={PopupViewOverride}\n      isModalDefaultOpen={defaultOpen}\n    />\n  );\n}\n\nCopilotPopup.displayName = \"CopilotPopup\";\n\nexport default CopilotPopup;\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,eAAe;AAiCvB;AAnBD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,YAA4C,CAAC,cAAc;AAC/D,YAAM;AAAA,QACJ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,qBAAqB;AAAA,QACrB,GAAG;AAAA,MACL,IAAI;AAEJ,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAI;AAAA,UACL,QAAQ,UAAU;AAAA,UAClB,OAAO,SAAS;AAAA,UAChB,QAAQ,UAAU;AAAA,UAClB,qBAAqB,uBAAuB;AAAA;AAAA,MAC9C;AAAA,IAEJ;AAEA,WAAO,OAAO,OAAO,WAAW,uBAAe;AAAA,EACjD,GAAG,CAAC,qBAAqB,QAAQ,QAAQ,KAAK,CAAC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,oBAAoB;AAAA;AAAA,EACtB;AAEJ;AAEA,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}