@copilotkit/react-ui 0.15.0-alpha.0 → 0.15.0-alpha.1

package/dist/chunk-WM6BS77F.mjs

@@ -0,0 +1,53 @@
+import { forwardRef, useRef, useState, useImperativeHandle, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/chat/Textarea.tsx
+var AutoResizingTextarea = forwardRef(
+  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {
+    const internalTextareaRef = useRef(null);
+    const [maxHeight, setMaxHeight] = useState(0);
+    useImperativeHandle(ref, () => internalTextareaRef.current);
+    useEffect(() => {
+      const calculateMaxHeight = () => {
+        const textarea = internalTextareaRef.current;
+        if (textarea) {
+          textarea.style.height = "auto";
+          const singleRowHeight = textarea.scrollHeight;
+          setMaxHeight(singleRowHeight * maxRows);
+          if (autoFocus) {
+            textarea.focus();
+          }
+        }
+      };
+      calculateMaxHeight();
+    }, [maxRows]);
+    useEffect(() => {
+      const textarea = internalTextareaRef.current;
+      if (textarea) {
+        textarea.style.height = "auto";
+        textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;
+      }
+    }, [value, maxHeight]);
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: internalTextareaRef,
+        value,
+        onChange,
+        onKeyDown,
+        placeholder,
+        style: {
+          overflow: "hidden",
+          resize: "none",
+          maxHeight: `${maxHeight}px`
+        },
+        rows: 1
+      }
+    );
+  }
+);
+var Textarea_default = AutoResizingTextarea;
+
+export { Textarea_default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-WM6BS77F.mjs.map

package/dist/chunk-WM6BS77F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Textarea.tsx"],"names":[],"mappings":";AAAA,SAAgB,UAAU,QAAQ,WAAW,YAAY,2BAA2B;AA2C9E;AAhCN,IAAM,uBAAuB;AAAA,EAC3B,CAAC,EAAE,UAAU,GAAG,aAAa,OAAO,UAAU,WAAW,UAAU,GAAG,QAAQ;AAC5E,UAAM,sBAAsB,OAA4B,IAAI;AAC5D,UAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,CAAC;AAEpD,wBAAoB,KAAK,MAAM,oBAAoB,OAA8B;AAEjF,cAAU,MAAM;AACd,YAAM,qBAAqB,MAAM;AAC/B,cAAM,WAAW,oBAAoB;AACrC,YAAI,UAAU;AACZ,mBAAS,MAAM,SAAS;AACxB,gBAAM,kBAAkB,SAAS;AACjC,uBAAa,kBAAkB,OAAO;AACtC,cAAI,WAAW;AACb,qBAAS,MAAM;AAAA,UACjB;AAAA,QACF;AAAA,MACF;AAEA,yBAAmB;AAAA,IACrB,GAAG,CAAC,OAAO,CAAC;AAEZ,cAAU,MAAM;AACd,YAAM,WAAW,oBAAoB;AACrC,UAAI,UAAU;AACZ,iBAAS,MAAM,SAAS;AACxB,iBAAS,MAAM,SAAS,GAAG,KAAK,IAAI,SAAS,cAAc,SAAS;AAAA,MACtE;AAAA,IACF,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,WAAW,GAAG;AAAA,QAChB;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ","sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useImperativeHandle } from \"react\";\n\ninterface AutoResizingTextareaProps {\n  maxRows?: number;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  autoFocus?: boolean;\n}\n\nconst AutoResizingTextarea = forwardRef<HTMLTextAreaElement, AutoResizingTextareaProps>(\n  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {\n    const internalTextareaRef = useRef<HTMLTextAreaElement>(null);\n    const [maxHeight, setMaxHeight] = useState<number>(0);\n\n    useImperativeHandle(ref, () => internalTextareaRef.current as HTMLTextAreaElement);\n\n    useEffect(() => {\n      const calculateMaxHeight = () => {\n        const textarea = internalTextareaRef.current;\n        if (textarea) {\n          textarea.style.height = \"auto\";\n          const singleRowHeight = textarea.scrollHeight;\n          setMaxHeight(singleRowHeight * maxRows);\n          if (autoFocus) {\n            textarea.focus();\n          }\n        }\n      };\n\n      calculateMaxHeight();\n    }, [maxRows]);\n\n    useEffect(() => {\n      const textarea = internalTextareaRef.current;\n      if (textarea) {\n        textarea.style.height = \"auto\";\n        textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;\n      }\n    }, [value, maxHeight]);\n\n    return (\n      <textarea\n        ref={internalTextareaRef}\n        value={value}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        style={{\n          overflow: \"hidden\",\n          resize: \"none\",\n          maxHeight: `${maxHeight}px`,\n        }}\n        rows={1}\n      />\n    );\n  },\n);\n\nexport default AutoResizingTextarea;\n"]}

package/dist/chunk-X3Z2EVFV.mjs

@@ -0,0 +1,26 @@
+import { CopilotKitChat } from './chunk-DN3OI5WF.mjs';
+import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var CopilotKitSidebar = (props) => {
+  props = __spreadProps(__spreadValues({}, props), {
+    className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
+  });
+  const [expandedClassName, setExpandedClassName] = useState(
+    props.defaultOpen ? "sidebarExpanded" : ""
+  );
+  const onSetOpen = (open) => {
+    var _a;
+    (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
+    setExpandedClassName(open ? "sidebarExpanded" : "");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: [
+    props.children,
+    /* @__PURE__ */ jsx(CopilotKitChat, __spreadValues(__spreadValues({}, props), { onSetOpen }))
+  ] });
+};
+
+export { CopilotKitSidebar };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-X3Z2EVFV.mjs.map

package/dist/chunk-X3Z2EVFV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Sidebar.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,SAAgB,gBAAgB;AAsB5B,SAEE,KAFF;AAfG,IAAM,oBAAsD,CAAC,UAAU;AAC5E,UAAQ,iCACH,QADG;AAAA,IAEN,WAAW,MAAM,YAAY,MAAM,YAAY,uBAAuB;AAAA,EACxE;AACA,QAAM,CAAC,mBAAmB,oBAAoB,IAAI;AAAA,IAChD,MAAM,cAAc,oBAAoB;AAAA,EAC1C;AAEA,QAAM,YAAY,CAAC,SAAkB;AAhBvC;AAiBI,gBAAM,cAAN,+BAAkB;AAClB,yBAAqB,OAAO,oBAAoB,EAAE;AAAA,EACpD;AAEA,SACE,qBAAC,SAAI,WAAW,mCAAmC,qBAChD;AAAA,UAAM;AAAA,IACP,oBAAC,kDAAmB,QAAW,EAAE,UAAU,EAAG;AAAA,KAChD;AAEJ","sourcesContent":["import React, { useState } from \"react\";\nimport { CopilotKitChat, CopilotKitChatProps } from \"./Chat\";\n\ninterface CopilotKitSidebarProps extends CopilotKitChatProps {\n  children?: React.ReactNode;\n}\n\nexport const CopilotKitSidebar: React.FC<CopilotKitSidebarProps> = (props) => {\n  props = {\n    ...props,\n    className: props.className ? props.className + \" copilotKitSidebar\" : \"copilotKitSidebar\",\n  };\n  const [expandedClassName, setExpandedClassName] = useState(\n    props.defaultOpen ? \"sidebarExpanded\" : \"\",\n  );\n\n  const onSetOpen = (open: boolean) => {\n    props.onSetOpen?.(open);\n    setExpandedClassName(open ? \"sidebarExpanded\" : \"\");\n  };\n\n  return (\n    <div className={`copilotKitSidebarContentWrapper ${expandedClassName}`}>\n      {props.children}\n      <CopilotKitChat {...props} {...{ onSetOpen }} />\n    </div>\n  );\n};\n"]}

package/dist/chunk-X4T6ZUVM.mjs

@@ -0,0 +1,14 @@
+import { CopilotKitChat } from './chunk-DN3OI5WF.mjs';
+import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var CopilotKitPopup = (props) => {
+  props = __spreadProps(__spreadValues({}, props), {
+    className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
+  });
+  return /* @__PURE__ */ jsx(CopilotKitChat, __spreadValues({}, props));
+};
+
+export { CopilotKitPopup };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-X4T6ZUVM.mjs.map

package/dist/chunk-X4T6ZUVM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Popup.tsx"],"names":[],"mappings":";;;;;;;;;AAQS;AALF,IAAM,kBAAiD,CAAC,UAAU;AACvE,UAAQ,iCACH,QADG;AAAA,IAEN,WAAW,MAAM,YAAY,MAAM,YAAY,qBAAqB;AAAA,EACtE;AACA,SAAO,oBAAC,mCAAmB,MAAO;AACpC","sourcesContent":["import React from \"react\";\nimport { CopilotKitChat, CopilotKitChatProps } from \"./Chat\";\n\nexport const CopilotKitPopup: React.FC<CopilotKitChatProps> = (props) => {\n  props = {\n    ...props,\n    className: props.className ? props.className + \" copilotKitPopup\" : \"copilotKitPopup\",\n  };\n  return <CopilotKitChat {...props} />;\n};\n"]}

package/dist/{chunk-WLTEQ2FW.mjs → chunk-XGUBRIUV.mjs}

@@ -1,12 +1,10 @@
-import { CopilotSidebar } from './chunk-NMT7XT2R.mjs';
+import { CopilotSidebar } from './chunk-C34L4AWW.mjs';
 import { CopilotSidebarContext } from './chunk-MC6KTH4X.mjs';
 import { TooltipProvider } from './chunk-VGX2W5ZB.mjs';
-import { __objRest } from './chunk-MRXNTQOX.mjs';
 import { useState, useCallback } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-function CopilotSidebarUIProvider(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function CopilotSidebarUIProvider({ children }) {
   const [sidebarOpen, setSidebarOpen] = useState(true);
   const toggleSidebar = useCallback(() => {
     setSidebarOpen((prev) => !prev);
@@ -46,13 +44,7 @@ function CopilotSidebarUIProvider(_a) {
               right: sidebarOpen ? "0" : "-450px",
               transition: "right 0.5s ease-in-out"
             },
-            children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(
-              CopilotSidebar,
-              {
-                setSidebarOpen,
-                makeSystemMessage: props.makeSystemMessage
-              }
-            ) })
+            children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(CopilotSidebar, { setSidebarOpen }) })
           }
         ),
         !sidebarOpen && /* @__PURE__ */ jsx(
@@ -77,4 +69,4 @@ function CopilotSidebarUIProvider(_a) {
 
 export { CopilotSidebarUIProvider };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-WLTEQ2FW.mjs.map
+//# sourceMappingURL=chunk-XGUBRIUV.mjs.map

package/dist/chunk-XGUBRIUV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar/copilot-sidebar-ui-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAA2B,mBAAmB;AAC9C,SAAS,gBAAgB;AAkBnB,mBAkBM,KAjBJ,YADF;AATC,SAAS,yBAAyB,EAAE,SAAS,GAAkC;AACpF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AAEnD,QAAM,gBAAgB,YAAY,MAAM;AACtC,mBAAe,CAAC,SAAS,CAAC,IAAI;AAAA,EAChC,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,eAAe,aAAa,cAAc,GACjF,0CACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,OAAO,cAAc,uBAAuB;AAAA,cAC5C,UAAU;AAAA,cACV,YAAY;AAAA;AAAA,YACd;AAAA,YAEA,8BAAC,UAAM,UAAS;AAAA;AAAA,QAClB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,UAAU;AAAA,cACV,OAAO,cAAc,MAAM;AAAA,cAC3B,YAAY;AAAA,YACd;AAAA,YAEA,8BAAC,mBACC,8BAAC,kBAAe,gBAAgC,GAClD;AAAA;AAAA,QACF;AAAA,QACC,CAAC,eACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,WAAW;AAAA,cACX,YAAY;AAAA,YACd;AAAA,YACA,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EAEJ,GACF,GACF;AAEJ","sourcesContent":["import React, { ReactNode, useCallback } from \"react\";\nimport { useState } from \"react\";\nimport { CopilotSidebar } from \"./copilot-sidebar\";\nimport { CopilotSidebarContext } from \"./sidebar-context\";\nimport { TooltipProvider } from \"../chat-components/ui/tooltip\";\n\nexport interface CopilotSidebarUIProviderProps {\n  children: ReactNode;\n}\n\nexport function CopilotSidebarUIProvider({ children }: CopilotSidebarUIProviderProps) {\n  const [sidebarOpen, setSidebarOpen] = useState(true);\n\n  const toggleSidebar = useCallback(() => {\n    setSidebarOpen((prev) => !prev);\n  }, []);\n\n  return (\n    <CopilotSidebarContext.Provider value={{ isSidebarOpen: sidebarOpen, toggleSidebar }}>\n      <>\n        <div\n          style={{\n            height: \"100vh\",\n            width: \"100vw\",\n            position: \"relative\",\n          }}\n        >\n          <div\n            style={{\n              overflowY: \"auto\",\n              overflowX: \"hidden\",\n              height: \"100%\",\n              width: sidebarOpen ? \"calc(100% - 450px)\" : \"100%\",\n              position: \"absolute\",\n              transition: \"width 0.5s ease-in-out\", // New\n            }}\n          >\n            <main>{children}</main>\n          </div>\n          <div\n            style={{\n              overflowY: \"auto\",\n              height: \"100%\",\n              width: \"450px\",\n              position: \"absolute\",\n              right: sidebarOpen ? \"0\" : \"-450px\",\n              transition: \"right 0.5s ease-in-out\",\n            }}\n          >\n            <TooltipProvider>\n              <CopilotSidebar setSidebarOpen={setSidebarOpen} />\n            </TooltipProvider>\n          </div>\n          {!sidebarOpen && (\n            <button\n              onClick={toggleSidebar}\n              style={{\n                position: \"absolute\",\n                top: \"5%\",\n                right: \"20px\",\n                transform: \"translateY(-50%)\",\n                transition: \"opacity 0.5s ease-in-out\",\n              }}\n              className=\"bg-slate-100 ring-2 ring-slate-600 font-semibold text-black p-2 rounded-lg shadow-lg\"\n            >\n              Open Copilot\n            </button>\n          )}\n        </div>\n      </>\n    </CopilotSidebarContext.Provider>\n  );\n}\n"]}

package/dist/chunk-Y2RUG4B3.mjs

@@ -0,0 +1,21 @@
+import { useChatContext } from './chunk-6H3Y2XEI.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Button = ({ open, setOpen }) => {
+  const context = useChatContext();
+  return /* @__PURE__ */ jsx("div", { onClick: () => setOpen(!open), children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `copilotKitButton ${open ? "open" : ""}`,
+      "aria-label": open ? "Close Chat" : "Open Chat",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: context.icons.openIcon }),
+        /* @__PURE__ */ jsx("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: context.icons.closeIcon })
+      ]
+    }
+  ) });
+};
+
+export { Button };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-Y2RUG4B3.mjs.map

package/dist/chunk-Y2RUG4B3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Button.tsx"],"names":[],"mappings":";;;;;AAUM,SAIE,KAJF;AANC,IAAM,SAAgC,CAAC,EAAE,MAAM,QAAQ,MAAM;AAClE,QAAM,UAAU,eAAe;AAG/B,SACE,oBAAC,SAAI,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,OAAO,SAAS;AAAA,MAC/C,cAAY,OAAO,eAAe;AAAA,MAElC;AAAA,4BAAC,SAAI,WAAU,iDACZ,kBAAQ,MAAM,UACjB;AAAA,QACA,oBAAC,SAAI,WAAU,kDACZ,kBAAQ,MAAM,WACjB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ","sourcesContent":["import React from \"react\";\nimport { ButtonProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\n\nexport const Button: React.FC<ButtonProps> = ({ open, setOpen }) => {\n  const context = useChatContext();\n  // To ensure that the mouse handler fires even when the button is scaled down\n  // we wrap the button in a div and attach the handler to the div\n  return (\n    <div onClick={() => setOpen(!open)}>\n      <button\n        className={`copilotKitButton ${open ? \"open\" : \"\"}`}\n        aria-label={open ? \"Close Chat\" : \"Open Chat\"}\n      >\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">\n          {context.icons.openIcon}\n        </div>\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">\n          {context.icons.closeIcon}\n        </div>\n      </button>\n    </div>\n  );\n};\n"]}

package/dist/chunk-ZVAH2Z2W.mjs

@@ -0,0 +1,61 @@
+import { Markdown } from './chunk-UIRFLYXI.mjs';
+import { useChatContext } from './chunk-6H3Y2XEI.mjs';
+import React, { useMemo, useEffect } from 'react';
+import { nanoid } from 'nanoid';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Messages = ({ messages, inProgress }) => {
+  const context = useChatContext();
+  const initialMessages = useMemo(
+    () => makeInitialMessages(context.labels.initial),
+    [context.labels.initial]
+  );
+  messages = [...initialMessages, ...messages];
+  const messagesEndRef = React.useRef(null);
+  const scrollToBottom = () => {
+    if (messagesEndRef.current) {
+      messagesEndRef.current.scrollIntoView({
+        behavior: "auto"
+      });
+    }
+  };
+  useEffect(() => {
+    scrollToBottom();
+  }, [messages]);
+  return /* @__PURE__ */ jsxs("div", { className: "copilotKitMessages", children: [
+    messages.map((message, index) => {
+      const isCurrentMessage = index === messages.length - 1;
+      if (message.role === "user") {
+        return /* @__PURE__ */ jsx("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
+      } else if (message.role == "assistant") {
+        if (isCurrentMessage && inProgress && !message.content) {
+          return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+        } else if ((!inProgress || index != messages.length - 1) && !message.content && message.function_call) {
+          return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
+        } else {
+          return /* @__PURE__ */ jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ jsx(Markdown, { content: message.content }) }, index);
+        }
+      }
+    }),
+    /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+  ] });
+};
+function makeInitialMessages(initial) {
+  let initialArray = [];
+  if (initial) {
+    if (Array.isArray(initial)) {
+      initialArray.push(...initial);
+    } else {
+      initialArray.push(initial);
+    }
+  }
+  return initialArray.map((message) => ({
+    id: nanoid(),
+    role: "assistant",
+    content: message
+  }));
+}
+
+export { Messages };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-ZVAH2Z2W.mjs.map

package/dist/chunk-ZVAH2Z2W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Messages.tsx"],"names":[],"mappings":";;;;;;;;AAAA,OAAO,SAAS,WAAW,eAAe;AAG1C,SAAS,cAAc;AA2BnB,SAMQ,KANR;AAvBG,IAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,MAAM;AAC7E,QAAM,UAAU,eAAe;AAC/B,QAAM,kBAAkB;AAAA,IACtB,MAAM,oBAAoB,QAAQ,OAAO,OAAO;AAAA,IAChD,CAAC,QAAQ,OAAO,OAAO;AAAA,EACzB;AACA,aAAW,CAAC,GAAG,iBAAiB,GAAG,QAAQ;AAE3C,QAAM,iBAAiB,MAAM,OAAuB,IAAI;AAExD,QAAM,iBAAiB,MAAM;AAC3B,QAAI,eAAe,SAAS;AAC1B,qBAAe,QAAQ,eAAe;AAAA,QACpC,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAEA,YAAU,MAAM;AACd,mBAAe;AAAA,EACjB,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,qBAAC,SAAI,WAAU,sBACZ;AAAA,aAAS,IAAI,CAAC,SAAS,UAAU;AAChC,YAAM,mBAAmB,UAAU,SAAS,SAAS;AAErD,UAAI,QAAQ,SAAS,QAAQ;AAC3B,eACE,oBAAC,SAAgB,WAAU,2CACxB,kBAAQ,WADD,KAEV;AAAA,MAEJ,WAAW,QAAQ,QAAQ,aAAa;AACtC,YAAI,oBAAoB,cAAc,CAAC,QAAQ,SAAS;AACtD,iBACE,oBAAC,SAAgB,WAAW,gDACzB,kBAAQ,MAAM,eADP,KAEV;AAAA,QAEJ,YACG,CAAC,cAAc,SAAS,SAAS,SAAS,MAC3C,CAAC,QAAQ,WACT,QAAQ,eACR;AACA,iBACE,oBAAC,SAAgB,WAAW,gDACzB,kBAAQ,OAAO,QADR,KAEV;AAAA,QAEJ,OAWK;AACH,iBACE,oBAAC,SAAgB,WAAW,gDAC1B,8BAAC,YAAS,SAAS,QAAQ,SAAS,KAD5B,KAEV;AAAA,QAEJ;AAAA,MACF;AAAA,IAgBF,CAAC;AAAA,IACD,oBAAC,SAAI,KAAK,gBAAgB;AAAA,KAC5B;AAEJ;AAEA,SAAS,oBAAoB,SAAwC;AACnE,MAAI,eAAyB,CAAC;AAC9B,MAAI,SAAS;AACX,QAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,mBAAa,KAAK,GAAG,OAAO;AAAA,IAC9B,OAAO;AACL,mBAAa,KAAK,OAAO;AAAA,IAC3B;AAAA,EACF;AAEA,SAAO,aAAa,IAAI,CAAC,aAAa;AAAA,IACpC,IAAI,OAAO;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX,EAAE;AACJ","sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { MessagesProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { nanoid } from \"nanoid\";\nimport { Message } from \"@copilotkit/react-core\";\nimport { Markdown } from \"./Markdown\";\n\nexport const Messages: React.FC<MessagesProps> = ({ messages, inProgress }) => {\n  const context = useChatContext();\n  const initialMessages = useMemo(\n    () => makeInitialMessages(context.labels.initial),\n    [context.labels.initial],\n  );\n  messages = [...initialMessages, ...messages];\n\n  const messagesEndRef = React.useRef<HTMLDivElement>(null);\n\n  const scrollToBottom = () => {\n    if (messagesEndRef.current) {\n      messagesEndRef.current.scrollIntoView({\n        behavior: \"auto\",\n      });\n    }\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [messages]);\n\n  return (\n    <div className=\"copilotKitMessages\">\n      {messages.map((message, index) => {\n        const isCurrentMessage = index === messages.length - 1;\n\n        if (message.role === \"user\") {\n          return (\n            <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n              {message.content}\n            </div>\n          );\n        } else if (message.role == \"assistant\") {\n          if (isCurrentMessage && inProgress && !message.content) {\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            );\n          } else if (\n            (!inProgress || index != messages.length - 1) &&\n            !message.content &&\n            message.function_call\n          ) {\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.labels.done}\n              </div>\n            );\n          }\n          // TODO: Add back partial message\n          // This shows up when the assistant is executing a function\n          //\n          // else if (message.status === \"partial\") {\n          //   return (\n          //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          //       {context.labels.thinking} {context.icons.spinnerIcon}\n          //     </div>\n          //   );\n          // }\n          else {\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                <Markdown content={message.content} />\n              </div>\n            );\n          }\n        }\n        // TODO: Add back function and error messages\n        //\n        // else if (message.role === \"function\" && message.status === \"success\") {\n        //   return (\n        //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n        //       {context.labels.done}\n        //     </div>\n        //   );\n        // } else if (message.status === \"error\") {\n        //   return (\n        //     <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n        //       {context.labels.error}\n        //     </div>\n        //   );\n        // }\n      })}\n      <div ref={messagesEndRef} />\n    </div>\n  );\n};\n\nfunction makeInitialMessages(initial?: string | string[]): Message[] {\n  let initialArray: string[] = [];\n  if (initial) {\n    if (Array.isArray(initial)) {\n      initialArray.push(...initial);\n    } else {\n      initialArray.push(initial);\n    }\n  }\n\n  return initialArray.map((message) => ({\n    id: nanoid(),\n    role: \"assistant\",\n    content: message,\n  }));\n}\n"]}

package/dist/components/chat/Button.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { ButtonProps } from './props.js';
+import '@copilotkit/react-core';
+
+declare const Button: React__default.FC<ButtonProps>;
+
+export { Button };

package/dist/components/chat/Button.mjs

@@ -0,0 +1,6 @@
+export { Button } from '../../chunk-Y2RUG4B3.mjs';
+import '../../chunk-6H3Y2XEI.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Button.mjs.map

package/dist/components/chat/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/Chat.d.ts

@@ -0,0 +1,95 @@
+import React__default from 'react';
+import { CopilotKitChatIcons, CopilotKitChatLabels } from './ChatContext.js';
+import { SystemMessageFunction } from '@copilotkit/react-core';
+import { WindowProps, ButtonProps, HeaderProps, MessagesProps, InputProps, ResponseButtonProps } from './props.js';
+
+/**
+ * Props for CopilotKitChat component.
+ */
+interface CopilotKitChatProps {
+    /**
+     * Custom instructions to be added to the system message. Use this property to
+     * provide additional context or guidance to the language model, influencing
+     * its responses. These instructions can include specific directions,
+     * preferences, or criteria that the model should consider when generating
+     * its output, thereby tailoring the conversation more precisely to the
+     * user's needs or the application's requirements.
+     */
+    instructions?: string;
+    /**
+     * Whether the chat window should be open by default.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * If the chat window should close when the user clicks outside of it.
+     * @default true
+     */
+    clickOutsideToClose?: boolean;
+    /**
+     * If the chat window should close when the user hits the Escape key.
+     * @default true
+     */
+    hitEscapeToClose?: boolean;
+    /**
+     * A callback that gets called when the chat window opens or closes.
+     */
+    onSetOpen?: (open: boolean) => void;
+    /**
+     * The hotkey to open the chat window.
+     * Uses Command-<hotkey> on a Mac and Ctrl-<hotkey> on Windows.
+     * @default "e"
+     */
+    hotkey?: string;
+    /**
+     * Icons can be used to set custom icons for the chat window.
+     */
+    icons?: CopilotKitChatIcons;
+    /**
+     * Labels can be used to set custom labels for the chat window.
+     */
+    labels?: CopilotKitChatLabels;
+    /**
+     * A function that takes in context string and instructions and returns
+     * the system message to include in the chat request.
+     * Use this to completely override the system message, when providing
+     * instructions is not enough.
+     */
+    makeSystemMessage?: SystemMessageFunction;
+    /**
+     * Whether to show the response button.
+     * @default true
+     */
+    showResponseButton?: boolean;
+    /**
+     * A custom Window component to use instead of the default.
+     */
+    Window?: React__default.ComponentType<WindowProps>;
+    /**
+     * A custom Button component to use instead of the default.
+     */
+    Button?: React__default.ComponentType<ButtonProps>;
+    /**
+     * A custom Header component to use instead of the default.
+     */
+    Header?: React__default.ComponentType<HeaderProps>;
+    /**
+     * A custom Messages component to use instead of the default.
+     */
+    Messages?: React__default.ComponentType<MessagesProps>;
+    /**
+     * A custom Input component to use instead of the default.
+     */
+    Input?: React__default.ComponentType<InputProps>;
+    /**
+     * A custom ResponseButton component to use instead of the default.
+     */
+    ResponseButton?: React__default.ComponentType<ResponseButtonProps>;
+    /**
+     * A class name to apply to the root element.
+     */
+    className?: string;
+}
+declare const CopilotKitChat: React__default.FC<CopilotKitChatProps>;
+
+export { CopilotKitChat, CopilotKitChatProps };

package/dist/components/chat/Chat.mjs

@@ -0,0 +1,16 @@
+export { CopilotKitChat } from '../../chunk-DN3OI5WF.mjs';
+import '../../chunk-47SYBLI2.mjs';
+import '../../chunk-QFASQEFJ.mjs';
+import '../../chunk-ZVAH2Z2W.mjs';
+import '../../chunk-UIRFLYXI.mjs';
+import '../../chunk-GPEJCUWA.mjs';
+import '../../chunk-WM6BS77F.mjs';
+import '../../chunk-Y2RUG4B3.mjs';
+import '../../chunk-NXWVWC33.mjs';
+import '../../chunk-DPUPEOGG.mjs';
+import '../../chunk-6H3Y2XEI.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-POVINPXX.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Chat.mjs.map

package/dist/components/chat/Chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/ChatContext.d.ts

@@ -0,0 +1,105 @@
+import React__default from 'react';
+
+/**
+ * Icons for CopilotKitChat component.
+ */
+interface CopilotKitChatIcons {
+    /**
+     * The icon to use for the open chat button.
+     * @default <OpenIcon />
+     */
+    openIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the close chat button.
+     * @default <CloseIcon />
+     */
+    closeIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the close chat button in the header.
+     * @default <HeaderCloseIcon />
+     */
+    headerCloseIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the send button.
+     * @default <SendIcon />
+     */
+    sendIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the activity indicator.
+     * @default <ActivityIcon />
+     */
+    activityIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the spinner.
+     * @default <SpinnerIcon />
+     */
+    spinnerIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the stop button.
+     * @default <StopIcon />
+     */
+    stopIcon?: React__default.ReactNode;
+    /**
+     * The icon to use for the regenerate button.
+     * @default <RegenerateIcon />
+     */
+    regenerateIcon?: React__default.ReactNode;
+}
+/**
+ * Labels for CopilotKitChat component.
+ */
+interface CopilotKitChatLabels {
+    /**
+     * The initial message(s) to display in the chat window.
+     */
+    initial?: string | string[];
+    /**
+     * The title to display in the header.
+     * @default "CopilotKit"
+     */
+    title?: string;
+    /**
+     * The placeholder to display in the input.
+     * @default "Type a message..."
+     */
+    placeholder?: string;
+    /**
+     * The message to display while the chat GPT is "thinking".
+     * @default "Thinking..."
+     */
+    thinking?: string;
+    /**
+     * The message to display when the chat is done executing a function.
+     * @default "✅ Done"
+     */
+    done?: string;
+    /**
+     * The message to display when an error occurs.
+     * @default "❌ An error occurred. Please try again."
+     */
+    error?: string;
+    /**
+     * The label to display on the stop button.
+     * @default "Stop generating"
+     */
+    stopGenerating?: string;
+    /**
+     * The label to display on the regenerate button.
+     * @default "Regenerate response"
+     */
+    regenerateResponse?: string;
+}
+interface ChatContext {
+    labels: Required<CopilotKitChatLabels>;
+    icons: Required<CopilotKitChatIcons>;
+}
+declare const ChatContext: React__default.Context<ChatContext | undefined>;
+declare function useChatContext(): ChatContext;
+interface ChatContextProps {
+    labels?: CopilotKitChatLabels;
+    icons?: CopilotKitChatIcons;
+    children?: React__default.ReactNode;
+}
+declare const ChatContextProvider: React__default.FC<ChatContextProps>;
+
+export { ChatContext, ChatContextProvider, CopilotKitChatIcons, CopilotKitChatLabels, useChatContext };

package/dist/components/chat/ChatContext.mjs

@@ -0,0 +1,5 @@
+export { ChatContext, ChatContextProvider, useChatContext } from '../../chunk-6H3Y2XEI.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ChatContext.mjs.map

package/dist/components/chat/ChatContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/CodeBlock.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+
+interface Props {
+    language: string;
+    value: string;
+}
+interface languageMap {
+    [key: string]: string | undefined;
+}
+declare const programmingLanguages: languageMap;
+declare const generateRandomString: (length: number, lowercase?: boolean) => string;
+declare const CodeBlock: FC<Props>;
+
+export { CodeBlock, generateRandomString, programmingLanguages };

package/dist/components/chat/CodeBlock.mjs

@@ -0,0 +1,6 @@
+export { CodeBlock, generateRandomString, programmingLanguages } from '../../chunk-NXWVWC33.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-POVINPXX.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CodeBlock.mjs.map

package/dist/components/chat/CodeBlock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/Header.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { HeaderProps } from './props.js';
+import '@copilotkit/react-core';
+
+declare const Header: React__default.FC<HeaderProps>;
+
+export { Header };

package/dist/components/chat/Header.mjs

@@ -0,0 +1,6 @@
+export { Header } from '../../chunk-DPUPEOGG.mjs';
+import '../../chunk-6H3Y2XEI.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Header.mjs.map

package/dist/components/chat/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/Icons.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+declare const OpenIcon: JSX.Element;
+declare const CloseIcon: JSX.Element;
+declare const HeaderCloseIcon: JSX.Element;
+declare const SendIcon: JSX.Element;
+declare const SpinnerIcon: JSX.Element;
+declare const ActivityIcon: JSX.Element;
+declare function CheckIcon({ className, ...props }: React__default.ComponentProps<"svg">): JSX.Element;
+declare function DownloadIcon({ className, ...props }: React__default.ComponentProps<"svg">): JSX.Element;
+declare function CopyIcon({ className, ...props }: React__default.ComponentProps<"svg">): JSX.Element;
+declare const StopIcon: JSX.Element;
+declare const RegenerateIcon: JSX.Element;
+
+export { ActivityIcon, CheckIcon, CloseIcon, CopyIcon, DownloadIcon, HeaderCloseIcon, OpenIcon, RegenerateIcon, SendIcon, SpinnerIcon, StopIcon };

package/dist/components/chat/Icons.mjs

@@ -0,0 +1,4 @@
+export { ActivityIcon, CheckIcon, CloseIcon, CopyIcon, DownloadIcon, HeaderCloseIcon, OpenIcon, RegenerateIcon, SendIcon, SpinnerIcon, StopIcon } from '../../chunk-7YXG7D47.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Icons.mjs.map

package/dist/components/chat/Icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/Input.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { InputProps } from './props.js';
+import '@copilotkit/react-core';
+
+declare const Input: React__default.FC<InputProps>;
+
+export { Input };

package/dist/components/chat/Input.mjs

@@ -0,0 +1,7 @@
+export { Input } from '../../chunk-QFASQEFJ.mjs';
+import '../../chunk-WM6BS77F.mjs';
+import '../../chunk-6H3Y2XEI.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Input.mjs.map

package/dist/components/chat/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/Markdown.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+type MarkdownProps = {
+    content: string;
+};
+declare const Markdown: React__default.FC<MarkdownProps>;
+
+export { Markdown };

package/dist/components/chat/Markdown.mjs

@@ -0,0 +1,7 @@
+export { Markdown } from '../../chunk-UIRFLYXI.mjs';
+import '../../chunk-NXWVWC33.mjs';
+import '../../chunk-7YXG7D47.mjs';
+import '../../chunk-POVINPXX.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=Markdown.mjs.map

package/dist/components/chat/Markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/chat/Messages.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { MessagesProps } from './props.js';
+import '@copilotkit/react-core';
+
+declare const Messages: React__default.FC<MessagesProps>;
+
+export { Messages };