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

package/dist/chunk-NNPKBGD6.mjs

@@ -0,0 +1,37 @@
+import {
+  cn
+} from "./chunk-XO4IRKSC.mjs";
+
+// src/components/chat/CopilotChatSuggestionPill.tsx
+import React from "react";
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var baseClasses = "group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto";
+var labelClasses = "whitespace-nowrap font-medium leading-none";
+var CopilotChatSuggestionPill = React.forwardRef(function CopilotChatSuggestionPill2({ className, children, icon, isLoading, type, ...props }, ref) {
+  const showIcon = !isLoading && icon;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      "data-slot": "suggestion-pill",
+      className: cn(baseClasses, className),
+      type: type ?? "button",
+      "aria-busy": isLoading || void 0,
+      disabled: isLoading || props.disabled,
+      ...props,
+      children: [
+        isLoading ? /* @__PURE__ */ jsx("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin", "aria-hidden": "true" }) }) : showIcon && /* @__PURE__ */ jsx("span", { className: "flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground", children: icon }),
+        /* @__PURE__ */ jsx("span", { className: labelClasses, children })
+      ]
+    }
+  );
+});
+CopilotChatSuggestionPill.displayName = "CopilotChatSuggestionPill";
+var CopilotChatSuggestionPill_default = CopilotChatSuggestionPill;
+
+export {
+  CopilotChatSuggestionPill,
+  CopilotChatSuggestionPill_default
+};
+//# sourceMappingURL=chunk-NNPKBGD6.mjs.map

package/dist/chunk-NNPKBGD6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/CopilotChatSuggestionPill.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CopilotChatSuggestionPillProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon to render on the left side when not loading. */\n  icon?: React.ReactNode;\n  /** Whether the pill should display a loading spinner. */\n  isLoading?: boolean;\n}\n\nconst baseClasses =\n  \"group inline-flex h-7 sm:h-8 items-center gap-1 sm:gap-1.5 rounded-full border border-border/60 bg-background px-2.5 sm:px-3 text-[11px] sm:text-xs leading-none text-foreground transition-colors cursor-pointer hover:bg-accent/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:text-muted-foreground disabled:hover:bg-background disabled:hover:text-muted-foreground pointer-events-auto\";\n\nconst labelClasses = \"whitespace-nowrap font-medium leading-none\";\n\nexport const CopilotChatSuggestionPill = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatSuggestionPillProps\n>(function CopilotChatSuggestionPill(\n  { className, children, icon, isLoading, type, ...props },\n  ref\n) {\n  const showIcon = !isLoading && icon;\n\n  return (\n    <button\n      ref={ref}\n      data-slot=\"suggestion-pill\"\n      className={cn(baseClasses, className)}\n      type={type ?? \"button\"}\n      aria-busy={isLoading || undefined}\n      disabled={isLoading || props.disabled}\n      {...props}\n    >\n      {isLoading ? (\n        <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">\n          <Loader2 className=\"h-3.5 sm:h-4 w-3.5 sm:w-4 animate-spin\" aria-hidden=\"true\" />\n        </span>\n      ) : (\n        showIcon && (\n          <span className=\"flex h-3.5 sm:h-4 w-3.5 sm:w-4 items-center justify-center text-muted-foreground\">{icon}</span>\n        )\n      )}\n      <span className={labelClasses}>{children}</span>\n    </button>\n  );\n});\n\nCopilotChatSuggestionPill.displayName = \"CopilotChatSuggestionPill\";\n\nexport default CopilotChatSuggestionPill;\n"],"mappings":";;;;;AAAA,OAAO,WAAW;AAClB,SAAS,eAAe;AA0BpB,SAWM,KAXN;AAfJ,IAAM,cACJ;AAEF,IAAM,eAAe;AAEd,IAAM,4BAA4B,MAAM,WAG7C,SAASA,2BACT,EAAE,WAAW,UAAU,MAAM,WAAW,MAAM,GAAG,MAAM,GACvD,KACA;AACA,QAAM,WAAW,CAAC,aAAa;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,SAAS;AAAA,MACpC,MAAM,QAAQ;AAAA,MACd,aAAW,aAAa;AAAA,MACxB,UAAU,aAAa,MAAM;AAAA,MAC5B,GAAG;AAAA,MAEH;AAAA,oBACC,oBAAC,UAAK,WAAU,oFACd,8BAAC,WAAQ,WAAU,0CAAyC,eAAY,QAAO,GACjF,IAEA,YACE,oBAAC,UAAK,WAAU,oFAAoF,gBAAK;AAAA,QAG7G,oBAAC,UAAK,WAAW,cAAe,UAAS;AAAA;AAAA;AAAA,EAC3C;AAEJ,CAAC;AAED,0BAA0B,cAAc;AAExC,IAAO,oCAAQ;","names":["CopilotChatSuggestionPill"]}

package/dist/chunk-OMPVTGXH.mjs

@@ -0,0 +1,122 @@
+import {
+  CopilotChatToggleButton_default
+} from "./chunk-R5OLAA3L.mjs";
+import {
+  CopilotModalHeader
+} from "./chunk-E56GYBP3.mjs";
+import {
+  CopilotChatView_default
+} from "./chunk-JLVGSNAO.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-OMPVTGXH.mjs.map

package/dist/chunk-OMPVTGXH.mjs.map

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

@@ -0,0 +1,45 @@
+import {
+  CopilotSidebarView
+} from "./chunk-3TA5QBSZ.mjs";
+import {
+  CopilotChat
+} from "./chunk-TKFOXPXF.mjs";
+import {
+  CopilotChatView_default
+} from "./chunk-F43IPGPA.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-QFBM3ZT2.mjs.map

package/dist/chunk-QFBM3ZT2.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-QJ6DZ645.mjs

@@ -0,0 +1,78 @@
+import {
+  useFrontendTool
+} from "./chunk-NASFZS3N.mjs";
+import {
+  useCopilotKit
+} from "./chunk-VE3SBLU7.mjs";
+
+// src/hooks/use-human-in-the-loop.tsx
+import { useCallback, useRef, useEffect } from "react";
+import React from "react";
+function useHumanInTheLoop(tool) {
+  const { copilotkit } = useCopilotKit();
+  const resolvePromiseRef = useRef(null);
+  const respond = useCallback(async (result) => {
+    if (resolvePromiseRef.current) {
+      resolvePromiseRef.current(result);
+      resolvePromiseRef.current = null;
+    }
+  }, []);
+  const handler = useCallback(async () => {
+    return new Promise((resolve) => {
+      resolvePromiseRef.current = resolve;
+    });
+  }, []);
+  const RenderComponent = useCallback(
+    (props) => {
+      const ToolComponent = tool.render;
+      if (props.status === "inProgress") {
+        const enhancedProps = {
+          ...props,
+          name: tool.name,
+          description: tool.description || "",
+          respond: void 0
+        };
+        return React.createElement(ToolComponent, enhancedProps);
+      } else if (props.status === "executing") {
+        const enhancedProps = {
+          ...props,
+          name: tool.name,
+          description: tool.description || "",
+          respond
+        };
+        return React.createElement(ToolComponent, enhancedProps);
+      } else if (props.status === "complete") {
+        const enhancedProps = {
+          ...props,
+          name: tool.name,
+          description: tool.description || "",
+          respond: void 0
+        };
+        return React.createElement(ToolComponent, enhancedProps);
+      }
+      return React.createElement(ToolComponent, props);
+    },
+    [tool.render, tool.name, tool.description, respond]
+  );
+  const frontendTool = {
+    ...tool,
+    handler,
+    render: RenderComponent
+  };
+  useFrontendTool(frontendTool);
+  useEffect(() => {
+    return () => {
+      const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
+      const currentRenderToolCalls = copilotkit.renderToolCalls;
+      const filtered = currentRenderToolCalls.filter(
+        (rc) => keyOf(rc) !== keyOf({ name: tool.name, agentId: tool.agentId })
+      );
+      copilotkit.setRenderToolCalls(filtered);
+    };
+  }, [copilotkit, tool.name, tool.agentId]);
+}
+
+export {
+  useHumanInTheLoop
+};
+//# sourceMappingURL=chunk-QJ6DZ645.mjs.map

package/dist/chunk-QJ6DZ645.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-human-in-the-loop.tsx"],"sourcesContent":["import { ReactToolCallRenderer } from \"@/types/react-tool-call-renderer\";\nimport { useFrontendTool } from \"./use-frontend-tool\";\nimport { ReactFrontendTool } from \"@/types/frontend-tool\";\nimport { ReactHumanInTheLoop } from \"@/types/human-in-the-loop\";\nimport { useCallback, useRef, useEffect } from \"react\";\nimport React from \"react\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\n\nexport function useHumanInTheLoop<T extends Record<string, unknown> = Record<string, unknown>>(\n  tool: ReactHumanInTheLoop<T>,\n) {\n  const { copilotkit } = useCopilotKit();\n  const resolvePromiseRef = useRef<((result: unknown) => void) | null>(null);\n\n  const respond = useCallback(async (result: unknown) => {\n    if (resolvePromiseRef.current) {\n      resolvePromiseRef.current(result);\n      resolvePromiseRef.current = null;\n    }\n  }, []);\n\n  const handler = useCallback(async () => {\n    return new Promise((resolve) => {\n      resolvePromiseRef.current = resolve;\n    });\n  }, []);\n\n  const RenderComponent: ReactToolCallRenderer<T>[\"render\"] = useCallback(\n    (props) => {\n      const ToolComponent = tool.render;\n\n      // Enhance props based on current status\n      if (props.status === \"inProgress\") {\n        const enhancedProps = {\n          ...props,\n          name: tool.name,\n          description: tool.description || \"\",\n          respond: undefined,\n        };\n        return React.createElement(ToolComponent, enhancedProps);\n      } else if (props.status === \"executing\") {\n        const enhancedProps = {\n          ...props,\n          name: tool.name,\n          description: tool.description || \"\",\n          respond,\n        };\n        return React.createElement(ToolComponent, enhancedProps);\n      } else if (props.status === \"complete\") {\n        const enhancedProps = {\n          ...props,\n          name: tool.name,\n          description: tool.description || \"\",\n          respond: undefined,\n        };\n        return React.createElement(ToolComponent, enhancedProps);\n      }\n\n      // Fallback - just render with original props\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return React.createElement(ToolComponent, props as any);\n    },\n    [tool.render, tool.name, tool.description, respond],\n  );\n\n  const frontendTool: ReactFrontendTool<T> = {\n    ...tool,\n    handler,\n    render: RenderComponent,\n  };\n\n  useFrontendTool(frontendTool);\n\n  // Human-in-the-loop tools should remove their renderer on unmount\n  // since they can't respond to user interactions anymore\n  useEffect(() => {\n    return () => {\n      const keyOf = (rc: ReactToolCallRenderer<any>) => `${rc.agentId ?? \"\"}:${rc.name}`;\n      const currentRenderToolCalls = copilotkit.renderToolCalls as ReactToolCallRenderer<any>[];\n      const filtered = currentRenderToolCalls.filter(\n        (rc) => keyOf(rc) !== keyOf({ name: tool.name, agentId: tool.agentId } as any),\n      );\n      copilotkit.setRenderToolCalls(filtered);\n    };\n  }, [copilotkit, tool.name, tool.agentId]);\n}\n"],"mappings":";;;;;;;;AAIA,SAAS,aAAa,QAAQ,iBAAiB;AAC/C,OAAO,WAAW;AAGX,SAAS,kBACd,MACA;AACA,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,oBAAoB,OAA2C,IAAI;AAEzE,QAAM,UAAU,YAAY,OAAO,WAAoB;AACrD,QAAI,kBAAkB,SAAS;AAC7B,wBAAkB,QAAQ,MAAM;AAChC,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,YAAY;AACtC,WAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,wBAAkB,UAAU;AAAA,IAC9B,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAsD;AAAA,IAC1D,CAAC,UAAU;AACT,YAAM,gBAAgB,KAAK;AAG3B,UAAI,MAAM,WAAW,cAAc;AACjC,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,MAAM,KAAK;AAAA,UACX,aAAa,KAAK,eAAe;AAAA,UACjC,SAAS;AAAA,QACX;AACA,eAAO,MAAM,cAAc,eAAe,aAAa;AAAA,MACzD,WAAW,MAAM,WAAW,aAAa;AACvC,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,MAAM,KAAK;AAAA,UACX,aAAa,KAAK,eAAe;AAAA,UACjC;AAAA,QACF;AACA,eAAO,MAAM,cAAc,eAAe,aAAa;AAAA,MACzD,WAAW,MAAM,WAAW,YAAY;AACtC,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,MAAM,KAAK;AAAA,UACX,aAAa,KAAK,eAAe;AAAA,UACjC,SAAS;AAAA,QACX;AACA,eAAO,MAAM,cAAc,eAAe,aAAa;AAAA,MACzD;AAIA,aAAO,MAAM,cAAc,eAAe,KAAY;AAAA,IACxD;AAAA,IACA,CAAC,KAAK,QAAQ,KAAK,MAAM,KAAK,aAAa,OAAO;AAAA,EACpD;AAEA,QAAM,eAAqC;AAAA,IACzC,GAAG;AAAA,IACH;AAAA,IACA,QAAQ;AAAA,EACV;AAEA,kBAAgB,YAAY;AAI5B,YAAU,MAAM;AACd,WAAO,MAAM;AACX,YAAM,QAAQ,CAAC,OAAmC,GAAG,GAAG,WAAW,EAAE,IAAI,GAAG,IAAI;AAChF,YAAM,yBAAyB,WAAW;AAC1C,YAAM,WAAW,uBAAuB;AAAA,QACtC,CAAC,OAAO,MAAM,EAAE,MAAM,MAAM,EAAE,MAAM,KAAK,MAAM,SAAS,KAAK,QAAQ,CAAQ;AAAA,MAC/E;AACA,iBAAW,mBAAmB,QAAQ;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,YAAY,KAAK,MAAM,KAAK,OAAO,CAAC;AAC1C;","names":[]}

package/dist/chunk-R5OLAA3L.mjs

@@ -0,0 +1,135 @@
+import {
+  renderSlot
+} from "./chunk-FIBK3DYE.mjs";
+import {
+  cn
+} from "./chunk-XO4IRKSC.mjs";
+import {
+  CopilotChatDefaultLabels,
+  useCopilotChatConfiguration
+} from "./chunk-4XJK5IVQ.mjs";
+
+// src/components/chat/CopilotChatToggleButton.tsx
+import React, { useState } from "react";
+import { MessageCircle, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DefaultOpenIcon = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(MessageCircle, { className: cn("h-6 w-6", className), strokeWidth: 1.75, fill: "currentColor", ...props });
+var DefaultCloseIcon = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(X, { className: cn("h-6 w-6", className), strokeWidth: 1.75, ...props });
+DefaultOpenIcon.displayName = "CopilotChatToggleButton.OpenIcon";
+DefaultCloseIcon.displayName = "CopilotChatToggleButton.CloseIcon";
+var ICON_TRANSITION_STYLE = Object.freeze({
+  transition: "opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)"
+});
+var ICON_WRAPPER_BASE = "pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform";
+var BUTTON_BASE_CLASSES = cn(
+  "fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center",
+  "rounded-full border border-primary bg-primary text-primary-foreground",
+  "shadow-sm transition-all duration-200 ease-out",
+  "hover:scale-[1.04] hover:shadow-md",
+  "cursor-pointer",
+  "active:scale-[0.96]",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  "disabled:pointer-events-none disabled:opacity-60"
+);
+var CopilotChatToggleButton = React.forwardRef(function CopilotChatToggleButton2({ openIcon, closeIcon, className, ...buttonProps }, ref) {
+  const { onClick, type, disabled, ...restProps } = buttonProps;
+  const configuration = useCopilotChatConfiguration();
+  const labels = configuration?.labels ?? CopilotChatDefaultLabels;
+  const [fallbackOpen, setFallbackOpen] = useState(false);
+  const isOpen = configuration?.isModalOpen ?? fallbackOpen;
+  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
+  const handleClick = (event) => {
+    if (disabled) {
+      return;
+    }
+    if (onClick) {
+      onClick(event);
+    }
+    if (event.defaultPrevented) {
+      return;
+    }
+    const nextOpen = !isOpen;
+    setModalOpen(nextOpen);
+  };
+  const renderedOpenIcon = renderSlot(
+    openIcon,
+    DefaultOpenIcon,
+    {
+      className: "h-6 w-6",
+      "aria-hidden": true,
+      focusable: false
+    }
+  );
+  const renderedCloseIcon = renderSlot(
+    closeIcon,
+    DefaultCloseIcon,
+    {
+      className: "h-6 w-6",
+      "aria-hidden": true,
+      focusable: false
+    }
+  );
+  const openIconElement = /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "chat-toggle-button-open-icon",
+      className: ICON_WRAPPER_BASE,
+      style: {
+        ...ICON_TRANSITION_STYLE,
+        opacity: isOpen ? 0 : 1,
+        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`
+      },
+      children: renderedOpenIcon
+    }
+  );
+  const closeIconElement = /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "chat-toggle-button-close-icon",
+      className: ICON_WRAPPER_BASE,
+      style: {
+        ...ICON_TRANSITION_STYLE,
+        opacity: isOpen ? 1 : 0,
+        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`
+      },
+      children: renderedCloseIcon
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: type ?? "button",
+      "data-slot": "chat-toggle-button",
+      "data-state": isOpen ? "open" : "closed",
+      className: cn(BUTTON_BASE_CLASSES, className),
+      "aria-label": isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel,
+      "aria-pressed": isOpen,
+      disabled,
+      onClick: handleClick,
+      ...restProps,
+      children: [
+        openIconElement,
+        closeIconElement
+      ]
+    }
+  );
+});
+CopilotChatToggleButton.displayName = "CopilotChatToggleButton";
+var CopilotChatToggleButton_default = CopilotChatToggleButton;
+
+export {
+  DefaultOpenIcon,
+  DefaultCloseIcon,
+  CopilotChatToggleButton,
+  CopilotChatToggleButton_default
+};
+//# sourceMappingURL=chunk-R5OLAA3L.mjs.map

package/dist/chunk-R5OLAA3L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/CopilotChatToggleButton.tsx"],"sourcesContent":["import React, { useState, MouseEvent } from \"react\";\nimport { MessageCircle, X } from \"lucide-react\";\n\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  CopilotChatDefaultLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\n\nconst DefaultOpenIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => (\n  <MessageCircle className={cn(\"h-6 w-6\", className)} strokeWidth={1.75} fill=\"currentColor\" {...props} />\n);\n\nconst DefaultCloseIcon: React.FC<React.SVGProps<SVGSVGElement>> = ({\n  className,\n  ...props\n}) => <X className={cn(\"h-6 w-6\", className)} strokeWidth={1.75} {...props} />;\n\nDefaultOpenIcon.displayName = \"CopilotChatToggleButton.OpenIcon\";\nDefaultCloseIcon.displayName = \"CopilotChatToggleButton.CloseIcon\";\n\nexport interface CopilotChatToggleButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /** Optional slot override for the chat (closed) icon. */\n  openIcon?: SlotValue<typeof DefaultOpenIcon>;\n  /** Optional slot override for the close icon. */\n  closeIcon?: SlotValue<typeof DefaultCloseIcon>;\n}\n\nconst ICON_TRANSITION_STYLE: React.CSSProperties = Object.freeze({\n  transition: \"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)\",\n});\n\nconst ICON_WRAPPER_BASE =\n  \"pointer-events-none absolute inset-0 flex items-center justify-center will-change-transform\";\n\nconst BUTTON_BASE_CLASSES = cn(\n  \"fixed bottom-6 right-6 z-[1100] flex h-14 w-14 items-center justify-center\",\n  \"rounded-full border border-primary bg-primary text-primary-foreground\",\n  \"shadow-sm transition-all duration-200 ease-out\",\n  \"hover:scale-[1.04] hover:shadow-md\",\n  \"cursor-pointer\",\n  \"active:scale-[0.96]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  \"disabled:pointer-events-none disabled:opacity-60\"\n);\n\nexport const CopilotChatToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  CopilotChatToggleButtonProps\n>(function CopilotChatToggleButton({ openIcon, closeIcon, className, ...buttonProps }, ref) {\n  const { onClick, type, disabled, ...restProps } = buttonProps;\n\n  const configuration = useCopilotChatConfiguration();\n  const labels = configuration?.labels ?? CopilotChatDefaultLabels;\n\n  const [fallbackOpen, setFallbackOpen] = useState(false);\n\n  const isOpen = configuration?.isModalOpen ?? fallbackOpen;\n  const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const nextOpen = !isOpen;\n    setModalOpen(nextOpen);\n  };\n\n  const renderedOpenIcon = renderSlot(\n    openIcon,\n    DefaultOpenIcon,\n    {\n      className: \"h-6 w-6\",\n      \"aria-hidden\": true,\n      focusable: false,\n    }\n  );\n\n  const renderedCloseIcon = renderSlot(\n    closeIcon,\n    DefaultCloseIcon,\n    {\n      className: \"h-6 w-6\",\n      \"aria-hidden\": true,\n      focusable: false,\n    }\n  );\n\n  const openIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-open-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 0 : 1,\n        transform: `scale(${isOpen ? 0.75 : 1}) rotate(${isOpen ? 90 : 0}deg)`,\n      }}\n    >\n      {renderedOpenIcon}\n    </span>\n  );\n\n  const closeIconElement = (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"chat-toggle-button-close-icon\"\n      className={ICON_WRAPPER_BASE}\n      style={{\n        ...ICON_TRANSITION_STYLE,\n        opacity: isOpen ? 1 : 0,\n        transform: `scale(${isOpen ? 1 : 0.75}) rotate(${isOpen ? 0 : -90}deg)`,\n      }}\n    >\n      {renderedCloseIcon}\n    </span>\n  );\n\n  return (\n    <button\n      ref={ref}\n      type={type ?? \"button\"}\n      data-slot=\"chat-toggle-button\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      className={cn(BUTTON_BASE_CLASSES, className)}\n      aria-label={isOpen ? labels.chatToggleCloseLabel : labels.chatToggleOpenLabel}\n      aria-pressed={isOpen}\n      disabled={disabled}\n      onClick={handleClick}\n      {...restProps}\n    >\n      {openIconElement}\n      {closeIconElement}\n    </button>\n  );\n});\nCopilotChatToggleButton.displayName = \"CopilotChatToggleButton\";\nexport default CopilotChatToggleButton;\n\nexport {\n  DefaultOpenIcon as CopilotChatToggleButtonOpenIcon,\n  DefaultCloseIcon as CopilotChatToggleButtonCloseIcon,\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAAS,gBAA4B;AAC5C,SAAS,eAAe,SAAS;AAa/B,cAuHE,YAvHF;AAJF,IAAM,kBAA2D,CAAC;AAAA,EAChE;AAAA,EACA,GAAG;AACL,MACE,oBAAC,iBAAc,WAAW,GAAG,WAAW,SAAS,GAAG,aAAa,MAAM,MAAK,gBAAgB,GAAG,OAAO;AAGxG,IAAM,mBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,GAAG;AACL,MAAM,oBAAC,KAAE,WAAW,GAAG,WAAW,SAAS,GAAG,aAAa,MAAO,GAAG,OAAO;AAE5E,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAU/B,IAAM,wBAA6C,OAAO,OAAO;AAAA,EAC/D,YAAY;AACd,CAAC;AAED,IAAM,oBACJ;AAEF,IAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,0BAA0B,MAAM,WAG3C,SAASA,yBAAwB,EAAE,UAAU,WAAW,WAAW,GAAG,YAAY,GAAG,KAAK;AAC1F,QAAM,EAAE,SAAS,MAAM,UAAU,GAAG,UAAU,IAAI;AAElD,QAAM,gBAAgB,4BAA4B;AAClD,QAAM,SAAS,eAAe,UAAU;AAExC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,SAAS,eAAe,eAAe;AAC7C,QAAM,eAAe,eAAe,gBAAgB;AAEpD,QAAM,cAAc,CAAC,UAAyC;AAC5D,QAAI,UAAU;AACZ;AAAA,IACF;AAEA,QAAI,SAAS;AACX,cAAQ,KAAK;AAAA,IACf;AAEA,QAAI,MAAM,kBAAkB;AAC1B;AAAA,IACF;AAEA,UAAM,WAAW,CAAC;AAClB,iBAAa,QAAQ;AAAA,EACvB;AAEA,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,eAAe;AAAA,MACf,WAAW;AAAA,IACb;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,eAAe;AAAA,MACf,WAAW;AAAA,IACb;AAAA,EACF;AAEA,QAAM,kBACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS,SAAS,IAAI;AAAA,QACtB,WAAW,SAAS,SAAS,OAAO,CAAC,YAAY,SAAS,KAAK,CAAC;AAAA,MAClE;AAAA,MAEC;AAAA;AAAA,EACH;AAGF,QAAM,mBACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS,SAAS,IAAI;AAAA,QACtB,WAAW,SAAS,SAAS,IAAI,IAAI,YAAY,SAAS,IAAI,GAAG;AAAA,MACnE;AAAA,MAEC;AAAA;AAAA,EACH;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,QAAQ;AAAA,MACd,aAAU;AAAA,MACV,cAAY,SAAS,SAAS;AAAA,MAC9B,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC5C,cAAY,SAAS,OAAO,uBAAuB,OAAO;AAAA,MAC1D,gBAAc;AAAA,MACd;AAAA,MACA,SAAS;AAAA,MACR,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,wBAAwB,cAAc;AACtC,IAAO,kCAAQ;","names":["CopilotChatToggleButton"]}