@copilotkitnext/react 0.0.22-alpha.4 → 0.0.22-alpha.6

package/dist/chunk-7HM7CU5A.mjs

@@ -1,122 +0,0 @@
-import {
-  CopilotModalHeader
-} from "./chunk-E56GYBP3.mjs";
-import {
-  CopilotChatToggleButton_default
-} from "./chunk-R5OLAA3L.mjs";
-import {
-  CopilotChatView_default
-} from "./chunk-N5HC66HU.mjs";
-import {
-  renderSlot
-} from "./chunk-FIBK3DYE.mjs";
-import {
-  cn
-} from "./chunk-XO4IRKSC.mjs";
-import {
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-
-// src/components/chat/CopilotSidebarView.tsx
-import { useEffect, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_SIDEBAR_WIDTH = 480;
-var SIDEBAR_TRANSITION_MS = 260;
-function CopilotSidebarView({ header, width, ...props }) {
-  const configuration = useCopilotChatConfiguration();
-  const isSidebarOpen = configuration?.isModalOpen ?? false;
-  const sidebarRef = useRef(null);
-  const [sidebarWidth, setSidebarWidth] = useState(width ?? DEFAULT_SIDEBAR_WIDTH);
-  const widthToCss = (w) => {
-    return typeof w === "number" ? `${w}px` : w;
-  };
-  const widthToMargin = (w) => {
-    if (typeof w === "number") {
-      return `${w}px`;
-    }
-    return w;
-  };
-  useEffect(() => {
-    if (width !== void 0) {
-      return;
-    }
-    if (typeof window === "undefined") {
-      return;
-    }
-    const element = sidebarRef.current;
-    if (!element) {
-      return;
-    }
-    const updateWidth = () => {
-      const rect = element.getBoundingClientRect();
-      if (rect.width > 0) {
-        setSidebarWidth(rect.width);
-      }
-    };
-    updateWidth();
-    if (typeof ResizeObserver !== "undefined") {
-      const observer = new ResizeObserver(() => updateWidth());
-      observer.observe(element);
-      return () => observer.disconnect();
-    }
-    window.addEventListener("resize", updateWidth);
-    return () => window.removeEventListener("resize", updateWidth);
-  }, [width]);
-  const headerElement = renderSlot(header, CopilotModalHeader, {});
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isSidebarOpen && /* @__PURE__ */ jsx(
-      "style",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `
-            @media (min-width: 768px) {
-              body {
-                margin-inline-end: ${widthToMargin(sidebarWidth)};
-                transition: margin-inline-end ${SIDEBAR_TRANSITION_MS}ms ease;
-              }
-            }`
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(CopilotChatToggleButton_default, {}),
-    /* @__PURE__ */ jsx(
-      "aside",
-      {
-        ref: sidebarRef,
-        "data-copilot-sidebar": true,
-        className: cn(
-          "fixed right-0 top-0 z-[1200] flex",
-          // Height with dvh fallback and safe area support
-          "h-[100vh] h-[100dvh] max-h-screen",
-          // Responsive width: full on mobile, custom on desktop
-          "w-full",
-          "border-l border-border bg-background text-foreground shadow-xl",
-          "transition-transform duration-300 ease-out",
-          isSidebarOpen ? "translate-x-0" : "translate-x-full pointer-events-none"
-        ),
-        style: {
-          // Use CSS custom property for responsive width
-          ["--sidebar-width"]: widthToCss(sidebarWidth),
-          // Safe area insets for iOS
-          paddingTop: "env(safe-area-inset-top)",
-          paddingBottom: "env(safe-area-inset-bottom)"
-        },
-        "aria-hidden": !isSidebarOpen,
-        "aria-label": "Copilot chat sidebar",
-        role: "complementary",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
-          headerElement,
-          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", "data-sidebar-chat": true, children: /* @__PURE__ */ jsx(CopilotChatView_default, { ...props }) })
-        ] })
-      }
-    )
-  ] });
-}
-CopilotSidebarView.displayName = "CopilotSidebarView";
-var CopilotSidebarView_default = CopilotSidebarView;
-
-export {
-  CopilotSidebarView,
-  CopilotSidebarView_default
-};
-//# sourceMappingURL=chunk-7HM7CU5A.mjs.map

package/dist/chunk-7HM7CU5A.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CopilotSidebarView.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport { useCopilotChatConfiguration } from \"@/providers/CopilotChatConfigurationProvider\";\nimport CopilotChatToggleButton from \"./CopilotChatToggleButton\";\nimport { cn } from \"@/lib/utils\";\nimport { CopilotModalHeader } from \"./CopilotModalHeader\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\n\nconst DEFAULT_SIDEBAR_WIDTH = 480;\nconst SIDEBAR_TRANSITION_MS = 260;\n\nexport type CopilotSidebarViewProps = CopilotChatViewProps & {\n  header?: SlotValue<typeof CopilotModalHeader>;\n  width?: number | string;\n};\n\nexport function CopilotSidebarView({ header, width, ...props }: CopilotSidebarViewProps) {\n  const configuration = useCopilotChatConfiguration();\n\n  const isSidebarOpen = configuration?.isModalOpen ?? false;\n\n  const sidebarRef = useRef<HTMLDivElement | null>(null);\n  const [sidebarWidth, setSidebarWidth] = useState<number | string>(width ?? DEFAULT_SIDEBAR_WIDTH);\n\n  // Helper to convert width to CSS value\n  const widthToCss = (w: number | string): string => {\n    return typeof w === \"number\" ? `${w}px` : w;\n  };\n\n  // Helper to extract numeric value for body margin (only works with px values)\n  const widthToMargin = (w: number | string): string => {\n    if (typeof w === \"number\") {\n      return `${w}px`;\n    }\n    // For string values, use as-is (assumes valid CSS unit)\n    return w;\n  };\n\n  useEffect(() => {\n    // If width is explicitly provided, don't measure\n    if (width !== undefined) {\n      return;\n    }\n\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const element = sidebarRef.current;\n    if (!element) {\n      return;\n    }\n\n    const updateWidth = () => {\n      const rect = element.getBoundingClientRect();\n      if (rect.width > 0) {\n        setSidebarWidth(rect.width);\n      }\n    };\n\n    updateWidth();\n\n    if (typeof ResizeObserver !== \"undefined\") {\n      const observer = new ResizeObserver(() => updateWidth());\n      observer.observe(element);\n      return () => observer.disconnect();\n    }\n\n    window.addEventListener(\"resize\", updateWidth);\n    return () => window.removeEventListener(\"resize\", updateWidth);\n  }, [width]);\n\n  const headerElement = renderSlot(header, CopilotModalHeader, {});\n\n  return (\n    <>\n      {isSidebarOpen && (\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `\n            @media (min-width: 768px) {\n              body {\n                margin-inline-end: ${widthToMargin(sidebarWidth)};\n                transition: margin-inline-end ${SIDEBAR_TRANSITION_MS}ms ease;\n              }\n            }`,\n          }}\n        />\n      )}\n      <CopilotChatToggleButton />\n      <aside\n        ref={sidebarRef}\n        data-copilot-sidebar\n        className={cn(\n          \"fixed right-0 top-0 z-[1200] flex\",\n          // Height with dvh fallback and safe area support\n          \"h-[100vh] h-[100dvh] max-h-screen\",\n          // Responsive width: full on mobile, custom on desktop\n          \"w-full\",\n          \"border-l border-border bg-background text-foreground shadow-xl\",\n          \"transition-transform duration-300 ease-out\",\n          isSidebarOpen ? \"translate-x-0\" : \"translate-x-full pointer-events-none\",\n        )}\n        style={{\n          // Use CSS custom property for responsive width\n          [\"--sidebar-width\" as string]: widthToCss(sidebarWidth),\n          // Safe area insets for iOS\n          paddingTop: \"env(safe-area-inset-top)\",\n          paddingBottom: \"env(safe-area-inset-bottom)\",\n        } as React.CSSProperties}\n        aria-hidden={!isSidebarOpen}\n        aria-label=\"Copilot chat sidebar\"\n        role=\"complementary\"\n      >\n        <div className=\"flex h-full w-full flex-col overflow-hidden\">\n          {headerElement}\n          <div className=\"flex-1 overflow-hidden\" data-sidebar-chat>\n            <CopilotChatView {...props} />\n          </div>\n        </div>\n      </aside>\n    </>\n  );\n}\n\nCopilotSidebarView.displayName = \"CopilotSidebarView\";\n\nexport default CopilotSidebarView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AA4E/C,mBAEI,KAqCA,YAvCJ;AAnEJ,IAAM,wBAAwB;AAC9B,IAAM,wBAAwB;AAOvB,SAAS,mBAAmB,EAAE,QAAQ,OAAO,GAAG,MAAM,GAA4B;AACvF,QAAM,gBAAgB,4BAA4B;AAElD,QAAM,gBAAgB,eAAe,eAAe;AAEpD,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAA0B,SAAS,qBAAqB;AAGhG,QAAM,aAAa,CAAC,MAA+B;AACjD,WAAO,OAAO,MAAM,WAAW,GAAG,CAAC,OAAO;AAAA,EAC5C;AAGA,QAAM,gBAAgB,CAAC,MAA+B;AACpD,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO,GAAG,CAAC;AAAA,IACb;AAEA,WAAO;AAAA,EACT;AAEA,YAAU,MAAM;AAEd,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AAEA,QAAI,OAAO,WAAW,aAAa;AACjC;AAAA,IACF;AAEA,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAEA,UAAM,cAAc,MAAM;AACxB,YAAM,OAAO,QAAQ,sBAAsB;AAC3C,UAAI,KAAK,QAAQ,GAAG;AAClB,wBAAgB,KAAK,KAAK;AAAA,MAC5B;AAAA,IACF;AAEA,gBAAY;AAEZ,QAAI,OAAO,mBAAmB,aAAa;AACzC,YAAM,WAAW,IAAI,eAAe,MAAM,YAAY,CAAC;AACvD,eAAS,QAAQ,OAAO;AACxB,aAAO,MAAM,SAAS,WAAW;AAAA,IACnC;AAEA,WAAO,iBAAiB,UAAU,WAAW;AAC7C,WAAO,MAAM,OAAO,oBAAoB,UAAU,WAAW;AAAA,EAC/D,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB,WAAW,QAAQ,oBAAoB,CAAC,CAAC;AAE/D,SACE,iCACG;AAAA,qBACC;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA;AAAA;AAAA,qCAGiB,cAAc,YAAY,CAAC;AAAA,gDAChB,qBAAqB;AAAA;AAAA;AAAA,QAG3D;AAAA;AAAA,IACF;AAAA,IAEF,oBAAC,mCAAwB;AAAA,IACzB;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,wBAAoB;AAAA,QACpB,WAAW;AAAA,UACT;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA,gBAAgB,kBAAkB;AAAA,QACpC;AAAA,QACA,OAAO;AAAA;AAAA,UAEL,CAAC,iBAA2B,GAAG,WAAW,YAAY;AAAA;AAAA,UAEtD,YAAY;AAAA,UACZ,eAAe;AAAA,QACjB;AAAA,QACA,eAAa,CAAC;AAAA,QACd,cAAW;AAAA,QACX,MAAK;AAAA,QAEL,+BAAC,SAAI,WAAU,+CACZ;AAAA;AAAA,UACD,oBAAC,SAAI,WAAU,0BAAyB,qBAAiB,MACvD,8BAAC,2BAAiB,GAAG,OAAO,GAC9B;AAAA,WACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,mBAAmB,cAAc;AAEjC,IAAO,6BAAQ;","names":[]}

package/dist/chunk-AEFM73CL.mjs

@@ -1,32 +0,0 @@
-import {
-  useRenderToolCall
-} from "./chunk-AXFRCGH6.mjs";
-
-// src/components/chat/CopilotChatToolCallsView.tsx
-import React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-function CopilotChatToolCallsView({
-  message,
-  messages = []
-}) {
-  const renderToolCall = useRenderToolCall();
-  if (!message.toolCalls || message.toolCalls.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: message.toolCalls.map((toolCall) => {
-    const toolMessage = messages.find(
-      (m) => m.role === "tool" && m.toolCallId === toolCall.id
-    );
-    return /* @__PURE__ */ jsx(React.Fragment, { children: renderToolCall({
-      toolCall,
-      toolMessage
-    }) }, toolCall.id);
-  }) });
-}
-var CopilotChatToolCallsView_default = CopilotChatToolCallsView;
-
-export {
-  CopilotChatToolCallsView,
-  CopilotChatToolCallsView_default
-};
-//# sourceMappingURL=chunk-AEFM73CL.mjs.map

package/dist/chunk-AEFM73CL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CopilotChatToolCallsView.tsx"],"sourcesContent":["import { useRenderToolCall } from \"@/hooks\";\nimport { AssistantMessage, Message, ToolMessage } from \"@ag-ui/core\";\nimport React from \"react\";\n\nexport type CopilotChatToolCallsViewProps = {\n  message: AssistantMessage;\n  messages?: Message[];\n};\n\nexport function CopilotChatToolCallsView({\n  message,\n  messages = [],\n}: CopilotChatToolCallsViewProps) {\n  const renderToolCall = useRenderToolCall();\n\n  if (!message.toolCalls || message.toolCalls.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {message.toolCalls.map((toolCall) => {\n        const toolMessage = messages.find(\n          (m) => m.role === \"tool\" && m.toolCallId === toolCall.id\n        ) as ToolMessage | undefined;\n\n        return (\n          <React.Fragment key={toolCall.id}>\n            {renderToolCall({\n              toolCall,\n              toolMessage,\n            })}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n}\n\nexport default CopilotChatToolCallsView;\n"],"mappings":";;;;;AAEA,OAAO,WAAW;AAkBd,mBAOM,WAPN;AAXG,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA,WAAW,CAAC;AACd,GAAkC;AAChC,QAAM,iBAAiB,kBAAkB;AAEzC,MAAI,CAAC,QAAQ,aAAa,QAAQ,UAAU,WAAW,GAAG;AACxD,WAAO;AAAA,EACT;AAEA,SACE,gCACG,kBAAQ,UAAU,IAAI,CAAC,aAAa;AACnC,UAAM,cAAc,SAAS;AAAA,MAC3B,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,eAAe,SAAS;AAAA,IACxD;AAEA,WACE,oBAAC,MAAM,UAAN,EACE,yBAAe;AAAA,MACd;AAAA,MACA;AAAA,IACF,CAAC,KAJkB,SAAS,EAK9B;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEA,IAAO,mCAAQ;","names":[]}

package/dist/chunk-AI3Z3CHN.mjs

@@ -1,97 +0,0 @@
-import {
-  CopilotChatUserMessage_default
-} from "./chunk-BT6C5OPU.mjs";
-import {
-  CopilotChatAssistantMessage_default
-} from "./chunk-SPDE34WC.mjs";
-import {
-  renderSlot
-} from "./chunk-FIBK3DYE.mjs";
-import {
-  useRenderActivityMessage
-} from "./chunk-RK5P2LG6.mjs";
-import {
-  useRenderCustomMessages
-} from "./chunk-5SC3CO5Q.mjs";
-
-// src/components/chat/CopilotChatMessageView.tsx
-import { twMerge } from "tailwind-merge";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CopilotChatMessageView({
-  messages = [],
-  assistantMessage,
-  userMessage,
-  cursor,
-  isRunning = false,
-  children,
-  className,
-  ...props
-}) {
-  const renderCustomMessage = useRenderCustomMessages();
-  const renderActivityMessage = useRenderActivityMessage();
-  const messageElements = messages.flatMap((message) => {
-    const elements = [];
-    if (renderCustomMessage) {
-      elements.push(
-        renderCustomMessage({
-          message,
-          position: "before"
-        })
-      );
-    }
-    if (message.role === "assistant") {
-      elements.push(
-        renderSlot(assistantMessage, CopilotChatAssistantMessage_default, {
-          key: message.id,
-          message,
-          messages,
-          isRunning
-        })
-      );
-    } else if (message.role === "user") {
-      elements.push(
-        renderSlot(userMessage, CopilotChatUserMessage_default, {
-          key: message.id,
-          message
-        })
-      );
-    } else if (message.role === "activity") {
-      const renderedActivity = renderActivityMessage(message);
-      if (renderedActivity) {
-        elements.push(renderedActivity);
-      }
-    }
-    if (renderCustomMessage) {
-      elements.push(
-        renderCustomMessage({
-          message,
-          position: "after"
-        })
-      );
-    }
-    return elements;
-  }).filter(Boolean);
-  if (children) {
-    return children({ messageElements, messages, isRunning });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-col", className), ...props, children: [
-    messageElements,
-    isRunning && renderSlot(cursor, CopilotChatMessageView.Cursor, {})
-  ] });
-}
-CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: twMerge("w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1", className),
-      ...props
-    }
-  );
-};
-var CopilotChatMessageView_default = CopilotChatMessageView;
-
-export {
-  CopilotChatMessageView,
-  CopilotChatMessageView_default
-};
-//# sourceMappingURL=chunk-AI3Z3CHN.mjs.map

package/dist/chunk-AI3Z3CHN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CopilotChatMessageView.tsx"],"sourcesContent":["import { WithSlots, renderSlot } from \"@/lib/slots\";\nimport CopilotChatAssistantMessage from \"./CopilotChatAssistantMessage\";\nimport CopilotChatUserMessage from \"./CopilotChatUserMessage\";\nimport { Message } from \"@ag-ui/core\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useRenderActivityMessage, useRenderCustomMessages } from \"@/hooks\";\n\nexport type CopilotChatMessageViewProps = Omit<\n  WithSlots<\n    {\n      assistantMessage: typeof CopilotChatAssistantMessage;\n      userMessage: typeof CopilotChatUserMessage;\n      cursor: typeof CopilotChatMessageView.Cursor;\n    },\n    {\n      isRunning?: boolean;\n      messages?: Message[];\n    } & React.HTMLAttributes<HTMLDivElement>\n  >,\n  \"children\"\n> & {\n  children?: (props: {\n    isRunning: boolean;\n    messages: Message[];\n    messageElements: React.ReactElement[];\n  }) => React.ReactElement;\n};\n\nexport function CopilotChatMessageView({\n  messages = [],\n  assistantMessage,\n  userMessage,\n  cursor,\n  isRunning = false,\n  children,\n  className,\n  ...props\n}: CopilotChatMessageViewProps) {\n  const renderCustomMessage = useRenderCustomMessages();\n  const renderActivityMessage = useRenderActivityMessage();\n\n  const messageElements: React.ReactElement[] = messages\n    .flatMap((message) => {\n      const elements: (React.ReactElement | null | undefined)[] = [];\n\n      // Render custom message before\n      if (renderCustomMessage) {\n        elements.push(\n          renderCustomMessage({\n            message,\n            position: \"before\",\n          }),\n        );\n      }\n\n      // Render the main message\n      if (message.role === \"assistant\") {\n        elements.push(\n          renderSlot(assistantMessage, CopilotChatAssistantMessage, {\n            key: message.id,\n            message,\n            messages,\n            isRunning,\n          }),\n        );\n      } else if (message.role === \"user\") {\n        elements.push(\n          renderSlot(userMessage, CopilotChatUserMessage, {\n            key: message.id,\n            message,\n          }),\n        );\n      } else if (message.role === \"activity\") {\n        const renderedActivity = renderActivityMessage(message);\n\n        if (renderedActivity) {\n          elements.push(renderedActivity);\n        }\n      }\n\n      // Render custom message after\n      if (renderCustomMessage) {\n        elements.push(\n          renderCustomMessage({\n            message,\n            position: \"after\",\n          }),\n        );\n      }\n\n      return elements;\n    })\n    .filter(Boolean) as React.ReactElement[];\n\n  if (children) {\n    return children({ messageElements, messages, isRunning });\n  }\n\n  return (\n    <div className={twMerge(\"flex flex-col\", className)} {...props}>\n      {messageElements}\n      {isRunning && renderSlot(cursor, CopilotChatMessageView.Cursor, {})}\n    </div>\n  );\n}\n\nCopilotChatMessageView.Cursor = function Cursor({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={twMerge(\"w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1\", className)}\n      {...props}\n    />\n  );\n};\n\nexport default CopilotChatMessageView;\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,SAAS,eAAe;AA+FpB,SASA,KATA;AAvEG,SAAS,uBAAuB;AAAA,EACrC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,QAAM,sBAAsB,wBAAwB;AACpD,QAAM,wBAAwB,yBAAyB;AAEvD,QAAM,kBAAwC,SAC3C,QAAQ,CAAC,YAAY;AACpB,UAAM,WAAsD,CAAC;AAG7D,QAAI,qBAAqB;AACvB,eAAS;AAAA,QACP,oBAAoB;AAAA,UAClB;AAAA,UACA,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,QAAQ,SAAS,aAAa;AAChC,eAAS;AAAA,QACP,WAAW,kBAAkB,qCAA6B;AAAA,UACxD,KAAK,QAAQ;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,WAAW,QAAQ,SAAS,QAAQ;AAClC,eAAS;AAAA,QACP,WAAW,aAAa,gCAAwB;AAAA,UAC9C,KAAK,QAAQ;AAAA,UACb;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,WAAW,QAAQ,SAAS,YAAY;AACtC,YAAM,mBAAmB,sBAAsB,OAAO;AAEtD,UAAI,kBAAkB;AACpB,iBAAS,KAAK,gBAAgB;AAAA,MAChC;AAAA,IACF;AAGA,QAAI,qBAAqB;AACvB,eAAS;AAAA,QACP,oBAAoB;AAAA,UAClB;AAAA,UACA,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AAEjB,MAAI,UAAU;AACZ,WAAO,SAAS,EAAE,iBAAiB,UAAU,UAAU,CAAC;AAAA,EAC1D;AAEA,SACE,qBAAC,SAAI,WAAW,QAAQ,iBAAiB,SAAS,GAAI,GAAG,OACtD;AAAA;AAAA,IACA,aAAa,WAAW,QAAQ,uBAAuB,QAAQ,CAAC,CAAC;AAAA,KACpE;AAEJ;AAEA,uBAAuB,SAAS,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAyC;AAC7G,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,QAAQ,0EAA0E,SAAS;AAAA,MACrG,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,iCAAQ;","names":[]}

package/dist/chunk-AXFRCGH6.mjs

@@ -1,107 +0,0 @@
-import {
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-import {
-  useCopilotKit
-} from "./chunk-RF2CGPHQ.mjs";
-
-// src/hooks/use-render-tool-call.tsx
-import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
-import { ToolCallStatus } from "@copilotkitnext/core";
-import { DEFAULT_AGENT_ID } from "@copilotkitnext/shared";
-import { partialJSONParse } from "@copilotkitnext/shared";
-import { jsx } from "react/jsx-runtime";
-function useRenderToolCall() {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  const agentId = config?.agentId ?? DEFAULT_AGENT_ID;
-  const [executingToolCallIds, setExecutingToolCallIds] = useState(() => /* @__PURE__ */ new Set());
-  const renderToolCalls = useSyncExternalStore(
-    (callback) => {
-      return copilotkit.subscribe({
-        onRenderToolCallsChanged: callback
-      });
-    },
-    () => copilotkit.renderToolCalls,
-    () => copilotkit.renderToolCalls
-  );
-  useEffect(() => {
-    const unsubscribe = copilotkit.subscribe({
-      onToolExecutionStart: ({ toolCallId }) => {
-        setExecutingToolCallIds((prev) => {
-          if (prev.has(toolCallId)) return prev;
-          const next = new Set(prev);
-          next.add(toolCallId);
-          return next;
-        });
-      },
-      onToolExecutionEnd: ({ toolCallId }) => {
-        setExecutingToolCallIds((prev) => {
-          if (!prev.has(toolCallId)) return prev;
-          const next = new Set(prev);
-          next.delete(toolCallId);
-          return next;
-        });
-      }
-    });
-    return () => unsubscribe();
-  }, [copilotkit]);
-  const renderToolCall = useCallback(
-    ({
-      toolCall,
-      toolMessage
-    }) => {
-      const exactMatches = renderToolCalls.filter(
-        (rc) => rc.name === toolCall.function.name
-      );
-      const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
-      if (!renderConfig) {
-        return null;
-      }
-      const RenderComponent = renderConfig.render;
-      const args = partialJSONParse(toolCall.function.arguments);
-      const toolName = toolCall.function.name;
-      if (toolMessage) {
-        return /* @__PURE__ */ jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Complete,
-            result: toolMessage.content
-          },
-          toolCall.id
-        );
-      } else if (executingToolCallIds.has(toolCall.id)) {
-        return /* @__PURE__ */ jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Executing,
-            result: void 0
-          },
-          toolCall.id
-        );
-      } else {
-        return /* @__PURE__ */ jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.InProgress,
-            result: void 0
-          },
-          toolCall.id
-        );
-      }
-    },
-    [renderToolCalls, executingToolCallIds, agentId]
-  );
-  return renderToolCall;
-}
-
-export {
-  useRenderToolCall
-};
-//# sourceMappingURL=chunk-AXFRCGH6.mjs.map

package/dist/chunk-AXFRCGH6.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-render-tool-call.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useSyncExternalStore } from \"react\";\nimport { ToolCall, ToolMessage } from \"@ag-ui/core\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useCopilotChatConfiguration } from \"@/providers/CopilotChatConfigurationProvider\";\nimport { DEFAULT_AGENT_ID } from \"@copilotkitnext/shared\";\nimport { partialJSONParse } from \"@copilotkitnext/shared\";\n\nexport interface UseRenderToolCallProps {\n  toolCall: ToolCall;\n  toolMessage?: ToolMessage;\n}\n\n/**\n * Hook that returns a function to render tool calls based on the render functions\n * defined in CopilotKitProvider.\n *\n * @returns A function that takes a tool call and optional tool message and returns the rendered component\n */\nexport function useRenderToolCall() {\n  const { copilotkit } = useCopilotKit();\n  const config = useCopilotChatConfiguration();\n  const agentId = config?.agentId ?? DEFAULT_AGENT_ID;\n  const [executingToolCallIds, setExecutingToolCallIds] = useState<\n    ReadonlySet<string>\n  >(() => new Set());\n\n  // Subscribe to render tool calls changes using useSyncExternalStore\n  // This ensures we always have the latest value, even if subscriptions run in any order\n  const renderToolCalls = useSyncExternalStore(\n    (callback) => {\n      return copilotkit.subscribe({\n        onRenderToolCallsChanged: callback,\n      });\n    },\n    () => copilotkit.renderToolCalls,\n    () => copilotkit.renderToolCalls\n  );\n\n  useEffect(() => {\n    const unsubscribe = copilotkit.subscribe({\n      onToolExecutionStart: ({ toolCallId }) => {\n        setExecutingToolCallIds((prev) => {\n          if (prev.has(toolCallId)) return prev;\n          const next = new Set(prev);\n          next.add(toolCallId);\n          return next;\n        });\n      },\n      onToolExecutionEnd: ({ toolCallId }) => {\n        setExecutingToolCallIds((prev) => {\n          if (!prev.has(toolCallId)) return prev;\n          const next = new Set(prev);\n          next.delete(toolCallId);\n          return next;\n        });\n      },\n    });\n    return () => unsubscribe();\n  }, [copilotkit]);\n\n  const renderToolCall = useCallback(\n    ({\n      toolCall,\n      toolMessage,\n    }: UseRenderToolCallProps): React.ReactElement | null => {\n      // Find the render config for this tool call by name\n      // For rendering, we show all tool calls regardless of agentId\n      // The agentId scoping only affects handler execution (in core)\n      // Priority order:\n      // 1. Exact match by name (prefer agent-specific if multiple exist)\n      // 2. Wildcard (*) renderer\n      const exactMatches = renderToolCalls.filter(\n        (rc) => rc.name === toolCall.function.name\n      );\n\n      // If multiple renderers with same name exist, prefer the one matching our agentId\n      const renderConfig =\n        exactMatches.find((rc) => rc.agentId === agentId) ||\n        exactMatches.find((rc) => !rc.agentId) ||\n        exactMatches[0] ||\n        renderToolCalls.find((rc) => rc.name === \"*\");\n\n      if (!renderConfig) {\n        return null;\n      }\n\n      const RenderComponent = renderConfig.render;\n\n      // Parse the arguments if they're a string\n      const args = partialJSONParse(toolCall.function.arguments);\n\n      // Create props based on status with proper typing\n      const toolName = toolCall.function.name;\n\n      if (toolMessage) {\n        // Complete status with result\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            args={args}\n            status={ToolCallStatus.Complete}\n            result={toolMessage.content}\n          />\n        );\n      } else if (executingToolCallIds.has(toolCall.id)) {\n        // Tool is currently executing\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            // args should be complete when executing; but pass whatever we have\n            args={args}\n            status={ToolCallStatus.Executing}\n            result={undefined}\n          />\n        );\n      } else {\n        // In progress status - tool call exists but hasn't completed yet\n        // This remains true even after agent stops running, until we get a result\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            args={args}\n            status={ToolCallStatus.InProgress}\n            result={undefined}\n          />\n        );\n      }\n    },\n    [renderToolCalls, executingToolCallIds, agentId]\n  );\n\n  return renderToolCall;\n}\n"],"mappings":";;;;;;;;AAAA,SAAgB,aAAa,WAAW,UAAU,4BAA4B;AAE9E,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AA4FvB;AA/EH,SAAS,oBAAoB;AAClC,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,SAAS,4BAA4B;AAC3C,QAAM,UAAU,QAAQ,WAAW;AACnC,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAEtD,MAAM,oBAAI,IAAI,CAAC;AAIjB,QAAM,kBAAkB;AAAA,IACtB,CAAC,aAAa;AACZ,aAAO,WAAW,UAAU;AAAA,QAC1B,0BAA0B;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,MAAM,WAAW;AAAA,EACnB;AAEA,YAAU,MAAM;AACd,UAAM,cAAc,WAAW,UAAU;AAAA,MACvC,sBAAsB,CAAC,EAAE,WAAW,MAAM;AACxC,gCAAwB,CAAC,SAAS;AAChC,cAAI,KAAK,IAAI,UAAU,EAAG,QAAO;AACjC,gBAAM,OAAO,IAAI,IAAI,IAAI;AACzB,eAAK,IAAI,UAAU;AACnB,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA,oBAAoB,CAAC,EAAE,WAAW,MAAM;AACtC,gCAAwB,CAAC,SAAS;AAChC,cAAI,CAAC,KAAK,IAAI,UAAU,EAAG,QAAO;AAClC,gBAAM,OAAO,IAAI,IAAI,IAAI;AACzB,eAAK,OAAO,UAAU;AACtB,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AACD,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,iBAAiB;AAAA,IACrB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,IACF,MAAyD;AAOvD,YAAM,eAAe,gBAAgB;AAAA,QACnC,CAAC,OAAO,GAAG,SAAS,SAAS,SAAS;AAAA,MACxC;AAGA,YAAM,eACJ,aAAa,KAAK,CAAC,OAAO,GAAG,YAAY,OAAO,KAChD,aAAa,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,KACrC,aAAa,CAAC,KACd,gBAAgB,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG;AAE9C,UAAI,CAAC,cAAc;AACjB,eAAO;AAAA,MACT;AAEA,YAAM,kBAAkB,aAAa;AAGrC,YAAM,OAAO,iBAAiB,SAAS,SAAS,SAAS;AAGzD,YAAM,WAAW,SAAS,SAAS;AAEnC,UAAI,aAAa;AAEf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,QAAQ,eAAe;AAAA,YACvB,QAAQ,YAAY;AAAA;AAAA,UAJf,SAAS;AAAA,QAKhB;AAAA,MAEJ,WAAW,qBAAqB,IAAI,SAAS,EAAE,GAAG;AAEhD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YAEN;AAAA,YACA,QAAQ,eAAe;AAAA,YACvB,QAAQ;AAAA;AAAA,UALH,SAAS;AAAA,QAMhB;AAAA,MAEJ,OAAO;AAGL,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,QAAQ,eAAe;AAAA,YACvB,QAAQ;AAAA;AAAA,UAJH,SAAS;AAAA,QAKhB;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,sBAAsB,OAAO;AAAA,EACjD;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-BNT754Z2.mjs

@@ -1,185 +0,0 @@
-import {
-  CopilotModalHeader
-} from "./chunk-E56GYBP3.mjs";
-import {
-  CopilotChatToggleButton_default
-} from "./chunk-R5OLAA3L.mjs";
-import {
-  CopilotChatView_default
-} from "./chunk-N5HC66HU.mjs";
-import {
-  renderSlot
-} from "./chunk-FIBK3DYE.mjs";
-import {
-  cn
-} from "./chunk-XO4IRKSC.mjs";
-import {
-  CopilotChatDefaultLabels,
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-
-// src/components/chat/CopilotPopupView.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_POPUP_WIDTH = 420;
-var DEFAULT_POPUP_HEIGHT = 560;
-var dimensionToCss = (value, fallback) => {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return `${value}px`;
-  }
-  if (typeof value === "string" && value.trim().length > 0) {
-    return value;
-  }
-  return `${fallback}px`;
-};
-function CopilotPopupView({
-  header,
-  width,
-  height,
-  clickOutsideToClose,
-  className,
-  ...restProps
-}) {
-  const configuration = useCopilotChatConfiguration();
-  const isPopupOpen = configuration?.isModalOpen ?? false;
-  const setModalOpen = configuration?.setModalOpen;
-  const labels = configuration?.labels ?? CopilotChatDefaultLabels;
-  const containerRef = useRef(null);
-  const [isRendered, setIsRendered] = useState(isPopupOpen);
-  const [isAnimatingOut, setIsAnimatingOut] = useState(false);
-  useEffect(() => {
-    if (isPopupOpen) {
-      setIsRendered(true);
-      setIsAnimatingOut(false);
-      return;
-    }
-    if (!isRendered) {
-      return;
-    }
-    setIsAnimatingOut(true);
-    const timeout = setTimeout(() => {
-      setIsRendered(false);
-      setIsAnimatingOut(false);
-    }, 200);
-    return () => clearTimeout(timeout);
-  }, [isPopupOpen, isRendered]);
-  useEffect(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    if (typeof window === "undefined") {
-      return;
-    }
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        setModalOpen?.(false);
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isPopupOpen, setModalOpen]);
-  useEffect(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    const focusTimer = setTimeout(() => {
-      containerRef.current?.focus({ preventScroll: true });
-    }, 200);
-    return () => clearTimeout(focusTimer);
-  }, [isPopupOpen]);
-  useEffect(() => {
-    if (!isPopupOpen || !clickOutsideToClose) {
-      return;
-    }
-    if (typeof document === "undefined") {
-      return;
-    }
-    const handlePointerDown = (event) => {
-      const target = event.target;
-      if (!target) {
-        return;
-      }
-      const container = containerRef.current;
-      if (container?.contains(target)) {
-        return;
-      }
-      const toggleButton = document.querySelector("[data-slot='chat-toggle-button']");
-      if (toggleButton && toggleButton.contains(target)) {
-        return;
-      }
-      setModalOpen?.(false);
-    };
-    document.addEventListener("pointerdown", handlePointerDown);
-    return () => document.removeEventListener("pointerdown", handlePointerDown);
-  }, [isPopupOpen, clickOutsideToClose, setModalOpen]);
-  const headerElement = useMemo(() => renderSlot(header, CopilotModalHeader, {}), [header]);
-  const resolvedWidth = dimensionToCss(width, DEFAULT_POPUP_WIDTH);
-  const resolvedHeight = dimensionToCss(height, DEFAULT_POPUP_HEIGHT);
-  const popupStyle = useMemo(
-    () => ({
-      "--copilot-popup-width": resolvedWidth,
-      "--copilot-popup-height": resolvedHeight,
-      "--copilot-popup-max-width": "calc(100vw - 3rem)",
-      "--copilot-popup-max-height": "calc(100dvh - 7.5rem)",
-      paddingTop: "env(safe-area-inset-top)",
-      paddingBottom: "env(safe-area-inset-bottom)",
-      paddingLeft: "env(safe-area-inset-left)",
-      paddingRight: "env(safe-area-inset-right)"
-    }),
-    [resolvedHeight, resolvedWidth]
-  );
-  const popupAnimationClass = isPopupOpen && !isAnimatingOut ? "pointer-events-auto translate-y-0 opacity-100 md:scale-100" : "pointer-events-none translate-y-4 opacity-0 md:translate-y-5 md:scale-[0.95]";
-  const popupContent = isRendered ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "fixed inset-0 z-[1200] flex max-w-full flex-col items-stretch",
-        "md:inset-auto md:bottom-24 md:right-6 md:items-end md:gap-4"
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: containerRef,
-          tabIndex: -1,
-          role: "dialog",
-          "aria-label": labels.modalHeaderTitle,
-          "data-copilot-popup": true,
-          className: cn(
-            "relative flex h-full w-full flex-col overflow-hidden bg-background text-foreground",
-            "origin-bottom focus:outline-none transform-gpu transition-transform transition-opacity duration-200 ease-out",
-            "md:transition-transform md:transition-opacity",
-            "rounded-none border border-border/0 shadow-none ring-0",
-            "md:h-[var(--copilot-popup-height)] md:w-[var(--copilot-popup-width)]",
-            "md:max-h-[var(--copilot-popup-max-height)] md:max-w-[var(--copilot-popup-max-width)]",
-            "md:origin-bottom-right md:rounded-2xl md:border-border md:shadow-xl md:ring-1 md:ring-border/40",
-            popupAnimationClass
-          ),
-          style: popupStyle,
-          children: [
-            headerElement,
-            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", "data-popup-chat": true, children: /* @__PURE__ */ jsx(
-              CopilotChatView_default,
-              {
-                ...restProps,
-                className: cn("h-full min-h-0", className)
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(CopilotChatToggleButton_default, {}),
-    popupContent
-  ] });
-}
-CopilotPopupView.displayName = "CopilotPopupView";
-var CopilotPopupView_default = CopilotPopupView;
-
-export {
-  CopilotPopupView,
-  CopilotPopupView_default
-};
-//# sourceMappingURL=chunk-BNT754Z2.mjs.map

package/dist/chunk-BNT754Z2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CopilotPopupView.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport CopilotChatToggleButton from \"./CopilotChatToggleButton\";\nimport { CopilotModalHeader } from \"./CopilotModalHeader\";\nimport { cn } from \"@/lib/utils\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DEFAULT_POPUP_WIDTH = 420;\nconst DEFAULT_POPUP_HEIGHT = 560;\n\nexport type CopilotPopupViewProps = CopilotChatViewProps & {\n  header?: SlotValue<typeof CopilotModalHeader>;\n  width?: number | string;\n  height?: number | string;\n  clickOutsideToClose?: boolean;\n};\n\nconst dimensionToCss = (value: number | string | undefined, fallback: number): string => {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return `${value}px`;\n  }\n\n  if (typeof value === \"string\" && value.trim().length > 0) {\n    return value;\n  }\n\n  return `${fallback}px`;\n};\n\nexport function CopilotPopupView({\n  header,\n  width,\n  height,\n  clickOutsideToClose,\n  className,\n  ...restProps\n}: CopilotPopupViewProps) {\n  const configuration = useCopilotChatConfiguration();\n  const isPopupOpen = configuration?.isModalOpen ?? false;\n  const setModalOpen = configuration?.setModalOpen;\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isRendered, setIsRendered] = useState(isPopupOpen);\n  const [isAnimatingOut, setIsAnimatingOut] = useState(false);\n\n  useEffect(() => {\n    if (isPopupOpen) {\n      setIsRendered(true);\n      setIsAnimatingOut(false);\n      return;\n    }\n\n    if (!isRendered) {\n      return;\n    }\n\n    setIsAnimatingOut(true);\n    const timeout = setTimeout(() => {\n      setIsRendered(false);\n      setIsAnimatingOut(false);\n    }, 200);\n\n    return () => clearTimeout(timeout);\n  }, [isPopupOpen, isRendered]);\n\n  useEffect(() => {\n    if (!isPopupOpen) {\n      return;\n    }\n\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        setModalOpen?.(false);\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [isPopupOpen, setModalOpen]);\n\n  useEffect(() => {\n    if (!isPopupOpen) {\n      return;\n    }\n\n    const focusTimer = setTimeout(() => {\n      containerRef.current?.focus({ preventScroll: true });\n    }, 200);\n\n    return () => clearTimeout(focusTimer);\n  }, [isPopupOpen]);\n\n  useEffect(() => {\n    if (!isPopupOpen || !clickOutsideToClose) {\n      return;\n    }\n\n    if (typeof document === \"undefined\") {\n      return;\n    }\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target as Node | null;\n      if (!target) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container?.contains(target)) {\n        return;\n      }\n\n      const toggleButton = document.querySelector(\"[data-slot='chat-toggle-button']\");\n      if (toggleButton && toggleButton.contains(target)) {\n        return;\n      }\n\n      setModalOpen?.(false);\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [isPopupOpen, clickOutsideToClose, setModalOpen]);\n\n  const headerElement = useMemo(() => renderSlot(header, CopilotModalHeader, {}), [header]);\n\n  const resolvedWidth = dimensionToCss(width, DEFAULT_POPUP_WIDTH);\n  const resolvedHeight = dimensionToCss(height, DEFAULT_POPUP_HEIGHT);\n\n  const popupStyle = useMemo(\n    () =>\n      ({\n        \"--copilot-popup-width\": resolvedWidth,\n        \"--copilot-popup-height\": resolvedHeight,\n        \"--copilot-popup-max-width\": \"calc(100vw - 3rem)\",\n        \"--copilot-popup-max-height\": \"calc(100dvh - 7.5rem)\",\n        paddingTop: \"env(safe-area-inset-top)\",\n        paddingBottom: \"env(safe-area-inset-bottom)\",\n        paddingLeft: \"env(safe-area-inset-left)\",\n        paddingRight: \"env(safe-area-inset-right)\",\n      }) as React.CSSProperties,\n    [resolvedHeight, resolvedWidth],\n  );\n\n  const popupAnimationClass =\n    isPopupOpen && !isAnimatingOut\n      ? \"pointer-events-auto translate-y-0 opacity-100 md:scale-100\"\n      : \"pointer-events-none translate-y-4 opacity-0 md:translate-y-5 md:scale-[0.95]\";\n\n  const popupContent = isRendered ? (\n    <div\n      className={cn(\n        \"fixed inset-0 z-[1200] flex max-w-full flex-col items-stretch\",\n        \"md:inset-auto md:bottom-24 md:right-6 md:items-end md:gap-4\",\n      )}\n    >\n      <div\n        ref={containerRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-label={labels.modalHeaderTitle}\n        data-copilot-popup\n        className={cn(\n          \"relative flex h-full w-full flex-col overflow-hidden bg-background text-foreground\",\n          \"origin-bottom focus:outline-none transform-gpu transition-transform transition-opacity duration-200 ease-out\",\n          \"md:transition-transform md:transition-opacity\",\n          \"rounded-none border border-border/0 shadow-none ring-0\",\n          \"md:h-[var(--copilot-popup-height)] md:w-[var(--copilot-popup-width)]\",\n          \"md:max-h-[var(--copilot-popup-max-height)] md:max-w-[var(--copilot-popup-max-width)]\",\n          \"md:origin-bottom-right md:rounded-2xl md:border-border md:shadow-xl md:ring-1 md:ring-border/40\",\n          popupAnimationClass,\n        )}\n        style={popupStyle}\n      >\n        {headerElement}\n        <div className=\"flex-1 overflow-hidden\" data-popup-chat>\n          <CopilotChatView\n            {...restProps}\n            className={cn(\"h-full min-h-0\", className)}\n          />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  return (\n    <>\n      <CopilotChatToggleButton />\n      {popupContent}\n    </>\n  );\n}\n\nCopilotPopupView.displayName = \"CopilotPopupView\";\n\nexport default CopilotPopupView;\n"],"mappings":"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","names":[]}