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

package/dist/chunk-F43IPGPA.mjs

@@ -1,311 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,45 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,44 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,76 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,60 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":[]}