@copilotkit/react-ui 0.36.0-mme-push-to-talk.0 → 0.36.0-mme-pre.1

package/dist/chunk-5ASYNEHX.mjs

@@ -1,53 +0,0 @@
-import {
-  useChatContext
-} from "./chunk-KZME7C5S.mjs";
-
-// src/components/chat/Button.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Button = ({ open, setOpen, pushToTalk, setPushToTalk }) => {
-  const context = useChatContext();
-  const timerRef = useRef(null);
-  const [isLongPress, setIsLongPress] = useState(false);
-  const handleMouseDown = () => {
-    timerRef.current = setTimeout(() => {
-      setPushToTalk(true);
-      setIsLongPress(true);
-    }, 500);
-  };
-  const handleMouseUp = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      setPushToTalk(false);
-    }
-  };
-  const handleClick = () => {
-    if (!isLongPress) {
-      setOpen(!open);
-    } else {
-      setIsLongPress(false);
-    }
-  };
-  useEffect(() => {
-    document.addEventListener("mouseup", handleMouseUp);
-    return () => {
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx("div", { onClick: handleClick, onMouseDown: handleMouseDown, 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=chunk-5ASYNEHX.mjs.map

package/dist/chunk-5ASYNEHX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Button.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { ButtonProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\n\nexport const Button = ({ open, setOpen, pushToTalk, setPushToTalk }: ButtonProps) => {\n  const context = useChatContext();\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n  const [isLongPress, setIsLongPress] = useState(false);\n\n  const handleMouseDown = () => {\n    timerRef.current = setTimeout(() => {\n      setPushToTalk(true);\n      setIsLongPress(true);\n    }, 500); // 500ms for long press\n  };\n\n  const handleMouseUp = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      setPushToTalk(false);\n    }\n  };\n\n  const handleClick = () => {\n    if (!isLongPress) {\n      setOpen(!open);\n    } else {\n      setIsLongPress(false);\n    }\n  };\n\n  // we want to handle the mouse up event event outside of the button component\n  useEffect(() => {\n    document.addEventListener(\"mouseup\", handleMouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, []);\n\n  return (\n    <div onClick={handleClick} onMouseDown={handleMouseDown}>\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"],"mappings":";;;;;AAAA,SAAS,WAAW,QAAQ,gBAAgB;AAyCtC,SAIE,KAJF;AArCC,IAAM,SAAS,CAAC,EAAE,MAAM,SAAS,YAAY,cAAc,MAAmB;AACnF,QAAM,UAAU,eAAe;AAC/B,QAAM,WAAW,OAA8B,IAAI;AACnD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,kBAAkB,MAAM;AAC5B,aAAS,UAAU,WAAW,MAAM;AAClC,oBAAc,IAAI;AAClB,qBAAe,IAAI;AAAA,IACrB,GAAG,GAAG;AAAA,EACR;AAEA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,SAAS,SAAS;AACpB,mBAAa,SAAS,OAAO;AAC7B,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,aAAa;AAChB,cAAQ,CAAC,IAAI;AAAA,IACf,OAAO;AACL,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF;AAGA,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,aAAa;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,SAAI,SAAS,aAAa,aAAa,iBACtC;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;","names":[]}

package/dist/chunk-DMAQBCTX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Suggestion.tsx"],"sourcesContent":["import { CopilotContextParams, extract } from \"@copilotkit/react-core\";\nimport { SuggestionsProps } from \"./props\";\nimport { SmallSpinnerIcon } from \"./Icons\";\nimport { CopilotChatSuggestion, CopilotChatSuggestionConfiguration } from \"../../types/suggestions\";\n\nexport function Suggestion({ title, message, onClick, partial, className }: SuggestionsProps) {\n  return (\n    <button\n      disabled={partial}\n      onClick={(e) => {\n        e.preventDefault();\n        onClick(message);\n      }}\n      className={className || \"suggestion\"}\n    >\n      {partial && SmallSpinnerIcon}\n      <span>{title}</span>\n    </button>\n  );\n}\n\nexport const reloadSuggestions = async (\n  context: CopilotContextParams,\n  chatSuggestionConfiguration: { [key: string]: CopilotChatSuggestionConfiguration },\n  setCurrentSuggestions: (suggestions: { title: string; message: string }[]) => void,\n  abortControllerRef: React.MutableRefObject<AbortController | null>,\n) => {\n  const abortController = abortControllerRef.current;\n  const tools = JSON.stringify(context.getChatCompletionFunctionDescriptions(context.entryPoints));\n\n  const allSuggestions: CopilotChatSuggestion[] = [];\n\n  for (const config of Object.values(chatSuggestionConfiguration)) {\n    try {\n      const numOfSuggestionsInstructions =\n        config.minSuggestions === 0\n          ? `Produce up to ${config.maxSuggestions} suggestions. ` +\n            `If there are no highly relevant suggestions you can think of, provide an empty array.`\n          : `Produce between ${config.minSuggestions} and ${config.maxSuggestions} suggestions.`;\n      const result = await extract({\n        context,\n        instructions:\n          \"Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. \" +\n          config.instructions +\n          \"\\n\\n\" +\n          numOfSuggestionsInstructions,\n        data: \"Available tools: \" + tools + \"\\n\\n\",\n        parameters: [\n          {\n            name: \"suggestions\",\n            type: \"object[]\",\n            attributes: [\n              {\n                name: \"title\",\n                description:\n                  \"The title of the suggestion. This is shown as a button and should be short.\",\n                type: \"string\",\n              },\n              {\n                name: \"message\",\n                description:\n                  \"The message to send when the suggestion is clicked. This should be a clear, complete sentence and will be sent as an instruction to the AI.\",\n                type: \"string\",\n              },\n            ],\n          },\n        ],\n        include: {\n          messages: true,\n          readable: true,\n        },\n        abortSignal: abortController?.signal,\n        stream: ({ status, args }) => {\n          const suggestions = args.suggestions || [];\n          const newSuggestions: CopilotChatSuggestion[] = [];\n          for (let i = 0; i < suggestions.length; i++) {\n            // if GPT provides too many suggestions, limit the number of suggestions\n            if (config.maxSuggestions !== undefined && i >= config.maxSuggestions) {\n              break;\n            }\n            const { title, message } = suggestions[i];\n\n            // If this is the last suggestion and the status is not complete, mark it as partial\n            const partial = i == suggestions.length - 1 && status !== \"complete\";\n\n            newSuggestions.push({\n              title,\n              message,\n              partial,\n              className: config.className,\n            });\n          }\n          setCurrentSuggestions([...allSuggestions, ...newSuggestions]);\n        },\n      });\n      allSuggestions.push(...result.suggestions);\n    } catch (error) {\n      console.error(\"Error loading suggestions\", error);\n    }\n  }\n\n  if (abortControllerRef.current === abortController) {\n    abortControllerRef.current = null;\n  }\n};\n"],"mappings":";;;;;;;;AAAA,SAA+B,eAAe;AAO1C,SASE,KATF;AAFG,SAAS,WAAW,EAAE,OAAO,SAAS,SAAS,SAAS,UAAU,GAAqB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,gBAAQ,OAAO;AAAA,MACjB;AAAA,MACA,WAAW,aAAa;AAAA,MAEvB;AAAA,mBAAW;AAAA,QACZ,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,EACf;AAEJ;AAEO,IAAM,oBAAoB,CAC/B,SACA,6BACA,uBACA,uBACG;AACH,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,QAAQ,KAAK,UAAU,QAAQ,sCAAsC,QAAQ,WAAW,CAAC;AAE/F,QAAM,iBAA0C,CAAC;AAEjD,aAAW,UAAU,OAAO,OAAO,2BAA2B,GAAG;AAC/D,QAAI;AACF,YAAM,+BACJ,OAAO,mBAAmB,IACtB,iBAAiB,OAAO,sHAExB,mBAAmB,OAAO,sBAAsB,OAAO;AAC7D,YAAM,SAAS,MAAM,QAAQ;AAAA,QAC3B;AAAA,QACA,cACE,gIACA,OAAO,eACP,SACA;AAAA,QACF,MAAM,sBAAsB,QAAQ;AAAA,QACpC,YAAY;AAAA,UACV;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,YAAY;AAAA,cACV;AAAA,gBACE,MAAM;AAAA,gBACN,aACE;AAAA,gBACF,MAAM;AAAA,cACR;AAAA,cACA;AAAA,gBACE,MAAM;AAAA,gBACN,aACE;AAAA,gBACF,MAAM;AAAA,cACR;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,QACZ;AAAA,QACA,aAAa,mDAAiB;AAAA,QAC9B,QAAQ,CAAC,EAAE,QAAQ,KAAK,MAAM;AAC5B,gBAAM,cAAc,KAAK,eAAe,CAAC;AACzC,gBAAM,iBAA0C,CAAC;AACjD,mBAAS,IAAI,GAAG,IAAI,YAAY,QAAQ,KAAK;AAE3C,gBAAI,OAAO,mBAAmB,UAAa,KAAK,OAAO,gBAAgB;AACrE;AAAA,YACF;AACA,kBAAM,EAAE,OAAO,QAAQ,IAAI,YAAY,CAAC;AAGxC,kBAAM,UAAU,KAAK,YAAY,SAAS,KAAK,WAAW;AAE1D,2BAAe,KAAK;AAAA,cAClB;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW,OAAO;AAAA,YACpB,CAAC;AAAA,UACH;AACA,gCAAsB,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAAA,QAC9D;AAAA,MACF,CAAC;AACD,qBAAe,KAAK,GAAG,OAAO,WAAW;AAAA,IAC3C,SAAS,OAAP;AACA,cAAQ,MAAM,6BAA6B,KAAK;AAAA,IAClD;AAAA,EACF;AAEA,MAAI,mBAAmB,YAAY,iBAAiB;AAClD,uBAAmB,UAAU;AAAA,EAC/B;AACF;","names":[]}

package/dist/chunk-DRNCOXZO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\n\nexport const Input = ({ inProgress, onSend, isVisible = false }: InputProps) => {\n  const context = useChatContext();\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    // Check if the clicked element is not the textarea itself\n    if (event.target !== event.currentTarget) return;\n\n    textareaRef.current?.focus();\n  };\n\n  const [text, setText] = useState(\"\");\n  const send = () => {\n    if (inProgress) return;\n    onSend(text);\n    setText(\"\");\n\n    textareaRef.current?.focus();\n  };\n\n  useEffect(() => {\n    if (isVisible) {\n      textareaRef.current?.focus();\n    }\n  }, [isVisible]);\n\n  const icon = inProgress ? context.icons.activityIcon : context.icons.sendIcon;\n  const disabled = inProgress || text.length === 0;\n\n  return (\n    <div className=\"copilotKitInput\" onClick={handleDivClick}>\n      <button className=\"copilotKitSendButton\" disabled={disabled} onClick={send}>\n        {icon}\n      </button>\n      <AutoResizingTextarea\n        ref={textareaRef}\n        placeholder={context.labels.placeholder}\n        autoFocus={true}\n        maxRows={5}\n        value={text}\n        onChange={(event) => setText(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\" && !event.shiftKey) {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAmC/C,SACE,KADF;AA9BG,IAAM,QAAQ,CAAC,EAAE,YAAY,QAAQ,YAAY,MAAM,MAAkB;AAC9E,QAAM,UAAU,eAAe;AAC/B,QAAM,cAAc,OAA4B,IAAI;AAEpD,QAAM,iBAAiB,CAAC,UAA4C;AATtE;AAWI,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,OAAO,MAAM;AAjBrB;AAkBI,QAAI;AAAY;AAChB,WAAO,IAAI;AACX,YAAQ,EAAE;AAEV,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,YAAU,MAAM;AAzBlB;AA0BI,QAAI,WAAW;AACb,wBAAY,YAAZ,mBAAqB;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,OAAO,aAAa,QAAQ,MAAM,eAAe,QAAQ,MAAM;AACrE,QAAM,WAAW,cAAc,KAAK,WAAW;AAE/C,SACE,qBAAC,SAAI,WAAU,mBAAkB,SAAS,gBACxC;AAAA,wBAAC,YAAO,WAAU,wBAAuB,UAAoB,SAAS,MACnE,gBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAa,QAAQ,OAAO;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;AAC5C,kBAAM,eAAe;AACrB,iBAAK;AAAA,UACP;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-JPX5ODUX.mjs

@@ -1,266 +0,0 @@
-import {
-  Window
-} from "./chunk-B7DNOYVQ.mjs";
-import {
-  requestMicAndPlaybackPermission
-} from "./chunk-PEDSZYHE.mjs";
-import {
-  Input
-} from "./chunk-DRNCOXZO.mjs";
-import {
-  Messages
-} from "./chunk-XYM43AHP.mjs";
-import {
-  ResponseButton
-} from "./chunk-PGZDQT74.mjs";
-import {
-  Suggestion,
-  reloadSuggestions
-} from "./chunk-DMAQBCTX.mjs";
-import {
-  Button
-} from "./chunk-5ASYNEHX.mjs";
-import {
-  Header
-} from "./chunk-MWFHYCQB.mjs";
-import {
-  ChatContextProvider
-} from "./chunk-KZME7C5S.mjs";
-import {
-  __async,
-  __objRest,
-  __restKey,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-SKC7AJIV.mjs";
-
-// src/components/chat/Chat.tsx
-import React, { useEffect, useRef, useState } from "react";
-import {
-  useCopilotChat,
-  useCopilotContext
-} from "@copilotkit/react-core";
-import { nanoid } from "nanoid";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
-var CopilotChat = ({
-  instructions,
-  defaultOpen = false,
-  clickOutsideToClose = true,
-  hitEscapeToClose = true,
-  onSetOpen,
-  onSubmitMessage,
-  shortcut = "/",
-  icons,
-  labels,
-  makeSystemMessage,
-  showResponseButton = true,
-  onInProgress,
-  Window: Window2 = Window,
-  Button: Button2 = Button,
-  Header: Header2 = Header,
-  Messages: Messages2 = Messages,
-  Input: Input2 = Input,
-  ResponseButton: ResponseButton2 = ResponseButton,
-  className,
-  children
-}) => {
-  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({
-    id: nanoid(),
-    makeSystemMessage,
-    additionalInstructions: instructions
-  });
-  const [currentSuggestions, setCurrentSuggestions] = React.useState([]);
-  const suggestionsAbortControllerRef = useRef(null);
-  const debounceTimerRef = useRef();
-  const abortSuggestions = () => {
-    var _a;
-    (_a = suggestionsAbortControllerRef.current) == null ? void 0 : _a.abort();
-    suggestionsAbortControllerRef.current = null;
-  };
-  const context = useCopilotContext();
-  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = useState({});
-  const addChatSuggestionConfiguration = (id, suggestion) => {
-    setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
-  };
-  const removeChatSuggestion = (id) => {
-    setChatSuggestionConfiguration((prev) => {
-      const _a = prev, { [id]: _ } = _a, rest = __objRest(_a, [__restKey(id)]);
-      return rest;
-    });
-  };
-  useEffect(() => {
-    onInProgress == null ? void 0 : onInProgress(isLoading);
-    abortSuggestions();
-    debounceTimerRef.current = setTimeout(
-      () => {
-        if (!isLoading && Object.keys(chatSuggestionConfiguration).length !== 0) {
-          suggestionsAbortControllerRef.current = new AbortController();
-          reloadSuggestions(
-            context,
-            chatSuggestionConfiguration,
-            setCurrentSuggestions,
-            suggestionsAbortControllerRef
-          );
-        }
-      },
-      currentSuggestions.length == 0 ? 0 : SUGGESTIONS_DEBOUNCE_TIMEOUT
-    );
-    return () => {
-      clearTimeout(debounceTimerRef.current);
-    };
-  }, [isLoading, chatSuggestionConfiguration]);
-  const setOpen = (open) => {
-    onSetOpen == null ? void 0 : onSetOpen(open);
-    setOpenState(open);
-  };
-  const sendMessage = (messageContent) => __async(void 0, null, function* () {
-    abortSuggestions();
-    setCurrentSuggestions([]);
-    onSubmitMessage == null ? void 0 : onSubmitMessage(messageContent);
-    const message = {
-      id: nanoid(),
-      content: messageContent,
-      role: "user"
-    };
-    append(message);
-    return message;
-  });
-  const [openState, setOpenState] = React.useState(defaultOpen);
-  const [pushToTalkState, setPushToTalkState] = React.useState(false);
-  const mediaStreamRef = useRef(null);
-  const audioContextRef = useRef(null);
-  const mediaRecorderRef = useRef(null);
-  const [lastMessageIdBeforeAudio, setLastMessageIdBeforeAudio] = useState(null);
-  useEffect(() => {
-    if (pushToTalkState) {
-      console.log("HERE");
-      if (!mediaStreamRef.current || !audioContextRef.current) {
-        setPushToTalkState(false);
-        requestMicAndPlaybackPermission().then((res) => {
-          if (res) {
-            mediaStreamRef.current = res.stream;
-            audioContextRef.current = res.audioContext;
-          }
-        });
-      } else {
-        console.log("Recording started");
-        const recordedChunks = [];
-        mediaRecorderRef.current = new MediaRecorder(mediaStreamRef.current);
-        mediaRecorderRef.current.start(1e3);
-        mediaRecorderRef.current.ondataavailable = (event) => __async(void 0, null, function* () {
-          console.log("Recorded audio: ", event.data);
-          recordedChunks.push(event.data);
-        });
-        mediaRecorderRef.current.onstop = () => __async(void 0, null, function* () {
-          console.log("Recording stopped");
-          const completeBlob = new Blob(recordedChunks, { type: "audio/mp4" });
-          const formData = new FormData();
-          formData.append("file", completeBlob, "recording.mp4");
-          const response = yield fetch(context.copilotApiConfig.transcribeAudioUrl, {
-            method: "POST",
-            body: formData
-          });
-          if (!response.ok) {
-            throw new Error(`Error: ${response.statusText}`);
-          }
-          const transcription = yield response.json();
-          const message = yield sendMessage(transcription.text);
-          setLastMessageIdBeforeAudio(message.id);
-        });
-      }
-    } else {
-      if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
-        mediaRecorderRef.current.stop();
-      }
-    }
-    return () => {
-      if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
-        mediaRecorderRef.current.stop();
-      }
-    };
-  }, [pushToTalkState]);
-  useEffect(() => {
-    if (lastMessageIdBeforeAudio && !isLoading) {
-      if (audioContextRef.current) {
-        const lastMessageIndex = context.messages.findIndex(
-          (message) => message.id === lastMessageIdBeforeAudio
-        );
-        const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter((message) => message.role === "assistant" && message.content);
-        const text = messagesAfterLast.map((message) => message.content).join("\n");
-        const encodedText = encodeURIComponent(text);
-        const url = `${context.copilotApiConfig.textToSpeechUrl}?text=${encodedText}`;
-        fetch(url).then((response) => response.arrayBuffer()).then((arrayBuffer) => audioContextRef.current.decodeAudioData(arrayBuffer)).then((audioBuffer) => {
-          const source = audioContextRef.current.createBufferSource();
-          source.buffer = audioBuffer;
-          source.connect(audioContextRef.current.destination);
-          source.start(0);
-        }).catch((error) => {
-          console.error("Error with decoding audio data", error);
-        });
-        setLastMessageIdBeforeAudio(null);
-      }
-    }
-  }, [isLoading]);
-  return /* @__PURE__ */ jsxs(
-    ChatContextProvider,
-    {
-      icons,
-      labels,
-      open: openState,
-      setOpen: setOpenState,
-      addChatSuggestionConfiguration,
-      removeChatSuggestionConfiguration: removeChatSuggestion,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs("div", { className, children: [
-          /* @__PURE__ */ jsx(
-            Button2,
-            {
-              open: openState,
-              setOpen,
-              pushToTalk: pushToTalkState,
-              setPushToTalk: setPushToTalkState
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Window2,
-            {
-              open: openState,
-              setOpen,
-              clickOutsideToClose,
-              shortcut,
-              hitEscapeToClose,
-              children: [
-                /* @__PURE__ */ jsx(Header2, { open: openState, setOpen }),
-                /* @__PURE__ */ jsxs(Messages2, { messages: visibleMessages, inProgress: isLoading, children: [
-                  currentSuggestions.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h6", { children: "Suggested:" }),
-                    /* @__PURE__ */ jsx("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
-                      Suggestion,
-                      {
-                        title: suggestion.title,
-                        message: suggestion.message,
-                        partial: suggestion.partial,
-                        className: suggestion.className,
-                        onClick: (message) => sendMessage(message)
-                      },
-                      index
-                    )) })
-                  ] }),
-                  showResponseButton && visibleMessages.length > 0 && /* @__PURE__ */ jsx(ResponseButton2, { onClick: isLoading ? stop : reload, inProgress: isLoading })
-                ] }),
-                /* @__PURE__ */ jsx(Input2, { inProgress: isLoading, onSend: sendMessage, isVisible: openState })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-
-export {
-  CopilotChat
-};
-//# sourceMappingURL=chunk-JPX5ODUX.mjs.map

package/dist/chunk-JPX5ODUX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Chat.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { CopilotChatIcons, ChatContextProvider, CopilotChatLabels } from \"./ChatContext\";\nimport {\n  SystemMessageFunction,\n  extract,\n  useCopilotChat,\n  useCopilotContext,\n} from \"@copilotkit/react-core\";\nimport {\n  ButtonProps,\n  HeaderProps,\n  WindowProps,\n  MessagesProps,\n  InputProps,\n  ResponseButtonProps,\n  SuggestionsProps,\n} from \"./props\";\nimport { Window as DefaultWindow } from \"./Window\";\nimport { Button as DefaultButton } from \"./Button\";\nimport { Header as DefaultHeader } from \"./Header\";\nimport { Messages as DefaultMessages } from \"./Messages\";\nimport { Input as DefaultInput } from \"./Input\";\nimport { nanoid } from \"nanoid\";\nimport { ResponseButton as DefaultResponseButton } from \"./Response\";\nimport { Suggestion, reloadSuggestions } from \"./Suggestion\";\nimport { CopilotChatSuggestion, CopilotChatSuggestionConfiguration } from \"../../types/suggestions\";\nimport { requestMicAndPlaybackPermission } from \"./audio\";\nimport { Message } from \"@copilotkit/shared\";\n\n/**\n * Props for CopilotChat component.\n */\nexport interface CopilotChatProps {\n  /**\n   * Custom instructions to be added to the system message. Use this property to\n   * provide additional context or guidance to the language model, influencing\n   * its responses. These instructions can include specific directions,\n   * preferences, or criteria that the model should consider when generating\n   * its output, thereby tailoring the conversation more precisely to the\n   * user's needs or the application's requirements.\n   */\n  instructions?: string;\n\n  /**\n   * Whether the chat window should be open by default.\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * If the chat window should close when the user clicks outside of it.\n   * @default true\n   */\n  clickOutsideToClose?: boolean;\n\n  /**\n   * If the chat window should close when the user hits the Escape key.\n   * @default true\n   */\n  hitEscapeToClose?: boolean;\n\n  /**\n   * A callback that gets called when the chat window opens or closes.\n   */\n  onSetOpen?: (open: boolean) => void;\n\n  /**\n   * A callback that gets called when the in progress state changes.\n   */\n  onInProgress?: (inProgress: boolean) => void;\n\n  /**\n   * A callback that gets called when a new message it submitted.\n   */\n  onSubmitMessage?: (message: string) => void;\n\n  /**\n   * The shortcut key to open the chat window.\n   * Uses Command-[shortcut] on a Mac and Ctrl-[shortcut] on Windows.\n   * @default \"/\"\n   */\n  shortcut?: string;\n\n  /**\n   * Icons can be used to set custom icons for the chat window.\n   */\n  icons?: CopilotChatIcons;\n\n  /**\n   * Labels can be used to set custom labels for the chat window.\n   */\n  labels?: CopilotChatLabels;\n\n  /**\n   * A function that takes in context string and instructions and returns\n   * the system message to include in the chat request.\n   * Use this to completely override the system message, when providing\n   * instructions is not enough.\n   */\n  makeSystemMessage?: SystemMessageFunction;\n\n  /**\n   * Whether to show the response button.\n   * @default true\n   */\n  showResponseButton?: boolean;\n\n  /**\n   * A custom Window component to use instead of the default.\n   */\n  Window?: React.ComponentType<WindowProps>;\n\n  /**\n   * A custom Button component to use instead of the default.\n   */\n  Button?: React.ComponentType<ButtonProps>;\n\n  /**\n   * A custom Header component to use instead of the default.\n   */\n  Header?: React.ComponentType<HeaderProps>;\n\n  /**\n   * A custom Messages component to use instead of the default.\n   */\n  Messages?: React.ComponentType<MessagesProps>;\n\n  /**\n   * A custom Input component to use instead of the default.\n   */\n  Input?: React.ComponentType<InputProps>;\n\n  /**\n   * A custom ResponseButton component to use instead of the default.\n   */\n  ResponseButton?: React.ComponentType<ResponseButtonProps>;\n\n  /**\n   * A class name to apply to the root element.\n   */\n  className?: string;\n\n  /**\n   * Children to render.\n   */\n  children?: React.ReactNode;\n}\n\nconst SUGGESTIONS_DEBOUNCE_TIMEOUT = 1000;\n\nexport const CopilotChat = ({\n  instructions,\n  defaultOpen = false,\n  clickOutsideToClose = true,\n  hitEscapeToClose = true,\n  onSetOpen,\n  onSubmitMessage,\n  shortcut = \"/\",\n  icons,\n  labels,\n  makeSystemMessage,\n  showResponseButton = true,\n  onInProgress,\n  Window = DefaultWindow,\n  Button = DefaultButton,\n  Header = DefaultHeader,\n  Messages = DefaultMessages,\n  Input = DefaultInput,\n  ResponseButton = DefaultResponseButton,\n  className,\n  children,\n}: CopilotChatProps) => {\n  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({\n    id: nanoid(),\n    makeSystemMessage,\n    additionalInstructions: instructions,\n  });\n\n  const [currentSuggestions, setCurrentSuggestions] = React.useState<CopilotChatSuggestion[]>([]);\n  const suggestionsAbortControllerRef = useRef<AbortController | null>(null);\n  const debounceTimerRef = useRef<any>();\n\n  const abortSuggestions = () => {\n    suggestionsAbortControllerRef.current?.abort();\n    suggestionsAbortControllerRef.current = null;\n  };\n\n  const context = useCopilotContext();\n\n  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = useState<{\n    [key: string]: CopilotChatSuggestionConfiguration;\n  }>({});\n\n  const addChatSuggestionConfiguration = (\n    id: string,\n    suggestion: CopilotChatSuggestionConfiguration,\n  ) => {\n    setChatSuggestionConfiguration((prev) => ({ ...prev, [id]: suggestion }));\n  };\n\n  const removeChatSuggestion = (id: string) => {\n    setChatSuggestionConfiguration((prev) => {\n      const { [id]: _, ...rest } = prev;\n      return rest;\n    });\n  };\n\n  useEffect(() => {\n    onInProgress?.(isLoading);\n\n    abortSuggestions();\n\n    debounceTimerRef.current = setTimeout(\n      () => {\n        if (!isLoading && Object.keys(chatSuggestionConfiguration).length !== 0) {\n          suggestionsAbortControllerRef.current = new AbortController();\n          reloadSuggestions(\n            context,\n            chatSuggestionConfiguration,\n            setCurrentSuggestions,\n            suggestionsAbortControllerRef,\n          );\n        }\n      },\n      currentSuggestions.length == 0 ? 0 : SUGGESTIONS_DEBOUNCE_TIMEOUT,\n    );\n\n    return () => {\n      clearTimeout(debounceTimerRef.current);\n    };\n  }, [isLoading, chatSuggestionConfiguration]);\n\n  const setOpen = (open: boolean) => {\n    onSetOpen?.(open);\n    setOpenState(open);\n  };\n\n  const sendMessage = async (messageContent: string) => {\n    abortSuggestions();\n    setCurrentSuggestions([]);\n    onSubmitMessage?.(messageContent);\n    const message: Message = {\n      id: nanoid(),\n      content: messageContent,\n      role: \"user\",\n    };\n    append(message);\n    return message;\n  };\n\n  const [openState, setOpenState] = React.useState(defaultOpen);\n  const [pushToTalkState, setPushToTalkState] = React.useState(false);\n  const mediaStreamRef = useRef<MediaStream | null>(null);\n  const audioContextRef = useRef<AudioContext | null>(null);\n  const mediaRecorderRef = useRef<MediaRecorder | null>(null);\n  const [lastMessageIdBeforeAudio, setLastMessageIdBeforeAudio] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (pushToTalkState) {\n      console.log(\"HERE\");\n      if (!mediaStreamRef.current || !audioContextRef.current) {\n        setPushToTalkState(false);\n        requestMicAndPlaybackPermission().then((res) => {\n          if (res) {\n            mediaStreamRef.current = res.stream;\n            audioContextRef.current = res.audioContext;\n          }\n        });\n      } else {\n        console.log(\"Recording started\");\n        const recordedChunks: Blob[] = [];\n\n        mediaRecorderRef.current = new MediaRecorder(mediaStreamRef.current);\n        mediaRecorderRef.current.start(1000);\n        mediaRecorderRef.current.ondataavailable = async (event) => {\n          console.log(\"Recorded audio: \", event.data);\n          recordedChunks.push(event.data);\n        };\n        mediaRecorderRef.current.onstop = async () => {\n          console.log(\"Recording stopped\");\n          const completeBlob = new Blob(recordedChunks, { type: \"audio/mp4\" });\n\n          const formData = new FormData();\n          formData.append(\"file\", completeBlob, \"recording.mp4\");\n\n          const response = await fetch(context.copilotApiConfig.transcribeAudioUrl!, {\n            method: \"POST\",\n            body: formData,\n          });\n\n          if (!response.ok) {\n            throw new Error(`Error: ${response.statusText}`);\n          }\n\n          const transcription = await response.json();\n          const message = await sendMessage(transcription.text);\n          setLastMessageIdBeforeAudio(message.id);\n        };\n      }\n    } else {\n      if (mediaRecorderRef.current && mediaRecorderRef.current.state !== \"inactive\") {\n        mediaRecorderRef.current.stop();\n      }\n    }\n\n    return () => {\n      if (mediaRecorderRef.current && mediaRecorderRef.current.state !== \"inactive\") {\n        mediaRecorderRef.current.stop();\n      }\n    };\n  }, [pushToTalkState]);\n\n  useEffect(() => {\n    if (lastMessageIdBeforeAudio && !isLoading) {\n      if (audioContextRef.current) {\n        const lastMessageIndex = context.messages.findIndex(\n          (message) => message.id === lastMessageIdBeforeAudio,\n        );\n\n        const messagesAfterLast = context.messages\n          .slice(lastMessageIndex + 1)\n          .filter((message) => message.role === \"assistant\" && message.content);\n\n        const text = messagesAfterLast.map((message) => message.content).join(\"\\n\");\n        const encodedText = encodeURIComponent(text);\n        const url = `${context.copilotApiConfig.textToSpeechUrl}?text=${encodedText}`;\n\n        fetch(url)\n          .then((response) => response.arrayBuffer())\n          .then((arrayBuffer) => audioContextRef.current!.decodeAudioData(arrayBuffer))\n          .then((audioBuffer) => {\n            const source = audioContextRef.current!.createBufferSource();\n            source.buffer = audioBuffer;\n            source.connect(audioContextRef.current!.destination);\n            source.start(0);\n          })\n          .catch((error) => {\n            console.error(\"Error with decoding audio data\", error);\n          });\n\n        setLastMessageIdBeforeAudio(null);\n      }\n    }\n  }, [isLoading]);\n\n  return (\n    <ChatContextProvider\n      icons={icons}\n      labels={labels}\n      open={openState}\n      setOpen={setOpenState}\n      addChatSuggestionConfiguration={addChatSuggestionConfiguration}\n      removeChatSuggestionConfiguration={removeChatSuggestion}\n    >\n      {children}\n      <div className={className}>\n        <Button\n          open={openState}\n          setOpen={setOpen}\n          pushToTalk={pushToTalkState}\n          setPushToTalk={setPushToTalkState}\n        ></Button>\n        <Window\n          open={openState}\n          setOpen={setOpen}\n          clickOutsideToClose={clickOutsideToClose}\n          shortcut={shortcut}\n          hitEscapeToClose={hitEscapeToClose}\n        >\n          <Header open={openState} setOpen={setOpen} />\n          <Messages messages={visibleMessages} inProgress={isLoading}>\n            {currentSuggestions.length > 0 && (\n              <div>\n                <h6>Suggested:</h6>\n                <div className=\"suggestions\">\n                  {currentSuggestions.map((suggestion, index) => (\n                    <Suggestion\n                      key={index}\n                      title={suggestion.title}\n                      message={suggestion.message}\n                      partial={suggestion.partial}\n                      className={suggestion.className}\n                      onClick={(message) => sendMessage(message)}\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n            {showResponseButton && visibleMessages.length > 0 && (\n              <ResponseButton onClick={isLoading ? stop : reload} inProgress={isLoading} />\n            )}\n          </Messages>\n          <Input inProgress={isLoading} onSend={sendMessage} isVisible={openState} />\n        </Window>\n      </div>\n    </ChatContextProvider>\n  );\n};\n"],"mappings":"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","names":["Window","Button","Header","Messages","Input","ResponseButton"]}

package/dist/chunk-KZME7C5S.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/ChatContext.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport * as DefaultIcons from \"./Icons\";\nimport { CopilotChatSuggestion, CopilotChatSuggestionConfiguration } from \"../../types/suggestions\";\n\n/**\n * Icons for CopilotChat component.\n */\nexport interface CopilotChatIcons {\n  /**\n   * The icon to use for the open chat button.\n   * @default <OpenIcon />\n   */\n  openIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button.\n   * @default <CloseIcon />\n   */\n  closeIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button in the header.\n   * @default <HeaderCloseIcon />\n   */\n  headerCloseIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the send button.\n   * @default <SendIcon />\n   */\n  sendIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the activity indicator.\n   * @default <ActivityIcon />\n   */\n  activityIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the spinner.\n   * @default <SpinnerIcon />\n   */\n  spinnerIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the stop button.\n   * @default <StopIcon />\n   */\n  stopIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the regenerate button.\n   * @default <RegenerateIcon />\n   */\n  regenerateIcon?: React.ReactNode;\n}\n\n/**\n * Labels for CopilotChat component.\n */\nexport interface CopilotChatLabels {\n  /**\n   * The initial message(s) to display in the chat window.\n   */\n  initial?: string | string[];\n\n  /**\n   * The title to display in the header.\n   * @default \"CopilotKit\"\n   */\n  title?: string;\n\n  /**\n   * The placeholder to display in the input.\n   * @default \"Type a message...\"\n   */\n  placeholder?: string;\n\n  /**\n   * The message to display while the chat GPT is \"thinking\".\n   * @default \"Thinking...\"\n   */\n  thinking?: string;\n\n  /**\n   * The message to display when an error occurs.\n   * @default \"❌ An error occurred. Please try again.\"\n   */\n  error?: string;\n\n  /**\n   * The label to display on the stop button.\n   * @default \"Stop generating\"\n   */\n  stopGenerating?: string;\n\n  /**\n   * The label to display on the regenerate button.\n   * @default \"Regenerate response\"\n   */\n  regenerateResponse?: string;\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>;\n  icons: Required<CopilotChatIcons>;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  addChatSuggestionConfiguration: (\n    id: string,\n    suggestion: CopilotChatSuggestionConfiguration,\n  ) => void;\n  removeChatSuggestionConfiguration: (id: string) => void;\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(undefined);\n\nexport function useChatContext(): ChatContext {\n  const context = React.useContext(ChatContext);\n  if (context === undefined) {\n    throw new Error(\n      \"Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?\",\n    );\n  }\n  return context;\n}\n\ninterface ChatContextProps {\n  // temperature?: number;\n  // instructions?: string;\n  // maxFeedback?: number;\n  labels?: CopilotChatLabels;\n  icons?: CopilotChatIcons;\n  children?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  addChatSuggestionConfiguration: (\n    id: string,\n    suggestion: CopilotChatSuggestionConfiguration,\n  ) => void;\n  removeChatSuggestionConfiguration: (id: string) => void;\n}\n\nexport const ChatContextProvider = ({\n  // temperature,\n  // instructions,\n  // maxFeedback,\n  labels,\n  icons,\n  children,\n  open,\n  setOpen,\n  addChatSuggestionConfiguration,\n  removeChatSuggestionConfiguration,\n}: ChatContextProps) => {\n  const context = {\n    labels: {\n      ...{\n        initial: \"\",\n        title: \"CopilotKit\",\n        placeholder: \"Type a message...\",\n        thinking: \"Thinking...\",\n        error: \"❌ An error occurred. Please try again.\",\n        stopGenerating: \"Stop generating\",\n        regenerateResponse: \"Regenerate response\",\n      },\n      ...labels,\n    },\n\n    icons: {\n      ...{\n        openIcon: DefaultIcons.OpenIcon,\n        closeIcon: DefaultIcons.CloseIcon,\n        headerCloseIcon: DefaultIcons.HeaderCloseIcon,\n        sendIcon: DefaultIcons.SendIcon,\n        activityIcon: DefaultIcons.ActivityIcon,\n        spinnerIcon: DefaultIcons.SpinnerIcon,\n        stopIcon: DefaultIcons.StopIcon,\n        regenerateIcon: DefaultIcons.RegenerateIcon,\n      },\n      icons,\n    },\n    open,\n    setOpen,\n    addChatSuggestionConfiguration,\n    removeChatSuggestionConfiguration,\n  };\n  return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,WAAkC;AA2LhC;AAxEF,IAAM,cAAc,MAAM,cAAuC,MAAS;AAE1E,SAAS,iBAA8B;AAC5C,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAkBO,IAAM,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,UAAU;AAAA,IACd,QAAQ,kCACH;AAAA,MACD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACtB,IACG;AAAA,IAGL,OAAO,iCACF;AAAA,MACD,UAAuB;AAAA,MACvB,WAAwB;AAAA,MACxB,iBAA8B;AAAA,MAC9B,UAAuB;AAAA,MACvB,cAA2B;AAAA,MAC3B,aAA0B;AAAA,MAC1B,UAAuB;AAAA,MACvB,gBAA6B;AAAA,IAC/B,IAVK;AAAA,MAWL;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,SAAU,UAAS;AACzD;","names":[]}

package/dist/chunk-PEDSZYHE.mjs

@@ -1,36 +0,0 @@
-import {
-  __async
-} from "./chunk-SKC7AJIV.mjs";
-
-// src/components/chat/audio.ts
-var checkMicrophonePermission = () => __async(void 0, null, function* () {
-  try {
-    const permissionStatus = yield navigator.permissions.query({
-      name: "microphone"
-    });
-    if (permissionStatus.state === "granted") {
-      return true;
-    } else {
-      return false;
-    }
-  } catch (err) {
-    console.error("Error checking microphone permission", err);
-  }
-});
-var requestMicAndPlaybackPermission = () => __async(void 0, null, function* () {
-  try {
-    const stream = yield navigator.mediaDevices.getUserMedia({ audio: true });
-    const audioContext = new window.AudioContext();
-    yield audioContext.resume();
-    return { stream, audioContext };
-  } catch (err) {
-    console.error("Error requesting microphone and playback permissions", err);
-    return null;
-  }
-});
-
-export {
-  checkMicrophonePermission,
-  requestMicAndPlaybackPermission
-};
-//# sourceMappingURL=chunk-PEDSZYHE.mjs.map

package/dist/chunk-PEDSZYHE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/audio.ts"],"sourcesContent":["export const checkMicrophonePermission = async () => {\n  try {\n    const permissionStatus = await navigator.permissions.query({\n      name: \"microphone\" as PermissionName,\n    });\n    if (permissionStatus.state === \"granted\") {\n      return true;\n    } else {\n      return false;\n    }\n  } catch (err) {\n    console.error(\"Error checking microphone permission\", err);\n  }\n};\n\nexport const requestMicAndPlaybackPermission = async () => {\n  try {\n    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n    const audioContext = new window.AudioContext();\n    await audioContext.resume();\n    return { stream, audioContext };\n  } catch (err) {\n    console.error(\"Error requesting microphone and playback permissions\", err);\n    return null;\n  }\n};\n"],"mappings":";;;;;AAAO,IAAM,4BAA4B,MAAY;AACnD,MAAI;AACF,UAAM,mBAAmB,MAAM,UAAU,YAAY,MAAM;AAAA,MACzD,MAAM;AAAA,IACR,CAAC;AACD,QAAI,iBAAiB,UAAU,WAAW;AACxC,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,SAAS,KAAP;AACA,YAAQ,MAAM,wCAAwC,GAAG;AAAA,EAC3D;AACF;AAEO,IAAM,kCAAkC,MAAY;AACzD,MAAI;AACF,UAAM,SAAS,MAAM,UAAU,aAAa,aAAa,EAAE,OAAO,KAAK,CAAC;AACxE,UAAM,eAAe,IAAI,OAAO,aAAa;AAC7C,UAAM,aAAa,OAAO;AAC1B,WAAO,EAAE,QAAQ,aAAa;AAAA,EAChC,SAAS,KAAP;AACA,YAAQ,MAAM,wDAAwD,GAAG;AACzE,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/chunk-UGQQ4WEQ.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-UGQQ4WEQ.mjs.map

package/dist/chunk-Z45ZEXJW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * A hook for providing suggestions to the user in the Copilot chat.\n *\n * <img src=\"/images/useCopilotChatSuggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * <img referrerPolicy=\"no-referrer-when-downgrade\" src=\"https://static.scarf.sh/a.png?x-pxid=a9b290bb-38f9-4518-ac3b-8f54fdbf43be\" />\n *\n * `useCopilotChatSuggestions` integrates auto-generated chat suggestions into your application in the context of your\n * app's state. It dynamically manages suggestions based on provided configurations and\n * dependencies.\n *\n * <RequestExample>\n *   ```jsx useCopilotChatSuggestions Example\n *   import { useCopilotChatSuggestions }\n *     from \"@copilotkit/react-ui\";\n *\n *   useCopilotChatSuggestions({\n *     instructions: \"Your instructions for suggestions.\",\n *   })\n *   ```\n * </RequestExample>\n *\n * ## Basic Setup\n *\n * To incorporate this hook into your React components, start by importing it:\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n * ```\n *\n * Then, use it in your component to initiate suggestion functionality:\n *\n * ```tsx\n * useCopilotChatSuggestions({\n *   instructions: \"Your instructions for suggestions.\",\n * });\n * ```\n *\n * ## Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * useCopilotChatSuggestions(\n *   {\n *     instructions: \"Suggest the most relevant next actions.\",\n *   },\n *   [appState],\n * );\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ## Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\n\nimport { useEffect } from \"react\";\nimport { useChatContext } from \"../components\";\nimport { nanoid } from \"nanoid\";\nimport { CopilotChatSuggestionConfiguration } from \"../types/suggestions\";\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: CopilotChatSuggestionConfiguration,\n  dependencies: any[] = [],\n) {\n  const chatContext = useChatContext();\n\n  useEffect(() => {\n    const id = nanoid();\n\n    chatContext.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      chatContext.removeChatSuggestionConfiguration(id);\n    };\n  }, dependencies);\n}\n"],"mappings":";;;;;AA4DA,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AAGhB,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,cAAc,eAAe;AAEnC,YAAU,MAAM;AACd,UAAM,KAAK,OAAO;AAElB,gBAAY,+BAA+B,IAAI;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,kBAAY,kCAAkC,EAAE;AAAA,IAClD;AAAA,EACF,GAAG,YAAY;AACjB;","names":[]}

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

@@ -1,7 +0,0 @@
-declare const checkMicrophonePermission: () => Promise<boolean | undefined>;
-declare const requestMicAndPlaybackPermission: () => Promise<{
-    stream: MediaStream;
-    audioContext: AudioContext;
-} | null>;
-
-export { checkMicrophonePermission, requestMicAndPlaybackPermission };

package/dist/components/chat/audio.js

@@ -1,77 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/components/chat/audio.ts
-var audio_exports = {};
-__export(audio_exports, {
-  checkMicrophonePermission: () => checkMicrophonePermission,
-  requestMicAndPlaybackPermission: () => requestMicAndPlaybackPermission
-});
-module.exports = __toCommonJS(audio_exports);
-var checkMicrophonePermission = () => __async(void 0, null, function* () {
-  try {
-    const permissionStatus = yield navigator.permissions.query({
-      name: "microphone"
-    });
-    if (permissionStatus.state === "granted") {
-      return true;
-    } else {
-      return false;
-    }
-  } catch (err) {
-    console.error("Error checking microphone permission", err);
-  }
-});
-var requestMicAndPlaybackPermission = () => __async(void 0, null, function* () {
-  try {
-    const stream = yield navigator.mediaDevices.getUserMedia({ audio: true });
-    const audioContext = new window.AudioContext();
-    yield audioContext.resume();
-    return { stream, audioContext };
-  } catch (err) {
-    console.error("Error requesting microphone and playback permissions", err);
-    return null;
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  checkMicrophonePermission,
-  requestMicAndPlaybackPermission
-});
-//# sourceMappingURL=audio.js.map

package/dist/components/chat/audio.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/chat/audio.ts"],"sourcesContent":["export const checkMicrophonePermission = async () => {\n  try {\n    const permissionStatus = await navigator.permissions.query({\n      name: \"microphone\" as PermissionName,\n    });\n    if (permissionStatus.state === \"granted\") {\n      return true;\n    } else {\n      return false;\n    }\n  } catch (err) {\n    console.error(\"Error checking microphone permission\", err);\n  }\n};\n\nexport const requestMicAndPlaybackPermission = async () => {\n  try {\n    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n    const audioContext = new window.AudioContext();\n    await audioContext.resume();\n    return { stream, audioContext };\n  } catch (err) {\n    console.error(\"Error requesting microphone and playback permissions\", err);\n    return null;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,4BAA4B,MAAY;AACnD,MAAI;AACF,UAAM,mBAAmB,MAAM,UAAU,YAAY,MAAM;AAAA,MACzD,MAAM;AAAA,IACR,CAAC;AACD,QAAI,iBAAiB,UAAU,WAAW;AACxC,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,SAAS,KAAP;AACA,YAAQ,MAAM,wCAAwC,GAAG;AAAA,EAC3D;AACF;AAEO,IAAM,kCAAkC,MAAY;AACzD,MAAI;AACF,UAAM,SAAS,MAAM,UAAU,aAAa,aAAa,EAAE,OAAO,KAAK,CAAC;AACxE,UAAM,eAAe,IAAI,OAAO,aAAa;AAC7C,UAAM,aAAa,OAAO;AAC1B,WAAO,EAAE,QAAQ,aAAa;AAAA,EAChC,SAAS,KAAP;AACA,YAAQ,MAAM,wDAAwD,GAAG;AACzE,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/components/chat/audio.mjs

@@ -1,10 +0,0 @@
-import {
-  checkMicrophonePermission,
-  requestMicAndPlaybackPermission
-} from "../../chunk-PEDSZYHE.mjs";
-import "../../chunk-SKC7AJIV.mjs";
-export {
-  checkMicrophonePermission,
-  requestMicAndPlaybackPermission
-};
-//# sourceMappingURL=audio.mjs.map

package/src/components/chat/audio.ts

@@ -1,26 +0,0 @@
-export const checkMicrophonePermission = async () => {
-  try {
-    const permissionStatus = await navigator.permissions.query({
-      name: "microphone" as PermissionName,
-    });
-    if (permissionStatus.state === "granted") {
-      return true;
-    } else {
-      return false;
-    }
-  } catch (err) {
-    console.error("Error checking microphone permission", err);
-  }
-};
-
-export const requestMicAndPlaybackPermission = async () => {
-  try {
-    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-    const audioContext = new window.AudioContext();
-    await audioContext.resume();
-    return { stream, audioContext };
-  } catch (err) {
-    console.error("Error requesting microphone and playback permissions", err);
-    return null;
-  }
-};