@copilotkit/react-ui 1.51.5-next.0 → 1.51.5-next.2

package/package.json

@@ -9,39 +9,37 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.51.5-next.0",
+  "type": "module",
+  "version": "1.51.5-next.2",
   "sideEffects": [
     "**/*.css"
   ],
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
-    "./styles.css": "./dist/index.css",
-    "./v2/styles.css": "./dist/v2/index.css"
+    "./package.json": "./package.json",
+    "./styles.css": "./dist/index.css"
   },
   "unpkg": "./dist/index.umd.js",
   "jsdelivr": "./dist/index.umd.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.cts",
   "license": "MIT",
   "peerDependencies": {
     "react": "^18 || ^19 || ^19.0.0-rc"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.4",
     "@types/react": "^19.1.0",
     "@types/react-syntax-highlighter": "^15.5.7",
     "eslint": "^8.56.0",
-    "jest": "^29.6.4",
     "postcss": "^8.4.20",
     "react": "^18.2.0",
     "tailwindcss": "^3.3.0",
-    "ts-jest": "^29.1.1",
-    "tsup": "^6.7.0",
+    "vitest": "^3.2.4",
+    "tsdown": "^0.20.3",
     "typescript": "^5.2.3",
     "eslint-config-custom": "1.4.8",
     "tailwind-config": "1.4.8",
@@ -54,9 +52,9 @@
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "@copilotkit/react-core": "1.51.5-next.0",
-    "@copilotkit/runtime-client-gql": "1.51.5-next.0",
-    "@copilotkit/shared": "1.51.5-next.0"
+    "@copilotkit/react-core": "1.51.5-next.2",
+    "@copilotkit/runtime-client-gql": "1.51.5-next.2",
+    "@copilotkit/shared": "1.51.5-next.2"
   },
   "keywords": [
     "copilotkit",
@@ -71,11 +69,14 @@
     "textarea"
   ],
   "scripts": {
-    "build": "tsup --clean && rollup -c rollup.config.mjs",
-    "dev": "tsup --watch --no-splitting",
-    "test": "jest",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "check-types": "tsc --noEmit",
     "link:global": "pnpm link --global",
-    "unlink:global": "pnpm unlink --global"
+    "unlink:global": "pnpm unlink --global",
+    "publint": "publint .",
+    "attw": "attw --pack . --profile node16"
   }
 }

package/src/components/chat/Popup.tsx

@@ -5,7 +5,7 @@
  * A chatbot popup component for the CopilotKit framework. The component allows for a high degree
  * of customization through various props and custom CSS.
  *
- * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.
+ * See [CopilotSidebar](/reference/v1/components/chat/CopilotSidebar) for a sidebar version of this component.
  *
  * ## Install Dependencies
  *

package/src/components/chat/Sidebar.tsx

@@ -4,7 +4,7 @@
  *
  * A chatbot sidebar component for the CopilotKit framework. Highly customizable through various props and custom CSS.
  *
- * See [CopilotPopup](/reference/components/chat/CopilotPopup) for a popup version of this component.
+ * See [CopilotPopup](/reference/v1/components/chat/CopilotPopup) for a popup version of this component.
  *
  * ## Install Dependencies
  *

package/tsdown.config.ts

@@ -0,0 +1,58 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig([
+  {
+    entry: ["src/index.tsx"],
+    format: ["esm", "cjs"],
+    dts: true,
+    sourcemap: true,
+    target: "es2022",
+    outDir: "dist",
+    external: [
+      "react",
+      "react-dom",
+      "@copilotkitnext/core",
+      "@copilotkitnext/react",
+    ],
+    exports: {
+      customExports: (exports) => ({
+        ...exports,
+        "./styles.css": "./dist/index.css",
+      }),
+    },
+  },
+  {
+    entry: ["src/index.tsx"],
+    format: ["umd"],
+    globalName: "CopilotKitReactUI",
+    sourcemap: true,
+    target: "es2018",
+    outDir: "dist",
+    external: [
+      "react",
+      "react-dom",
+      "@copilotkit/react-core",
+      "@copilotkit/shared",
+      "@copilotkit/runtime-client-gql",
+    ],
+    codeSplitting: false,
+    outputOptions(options) {
+      options.entryFileNames = "[name].umd.js";
+      options.globals = {
+        react: "React",
+        "react-dom": "ReactDOM",
+        "react/jsx-runtime": "ReactJsxRuntime",
+        "@copilotkit/react-core": "CopilotKitReactCore",
+        "@copilotkit/shared": "CopilotKitShared",
+        "@copilotkit/runtime-client-gql": "CopilotKitRuntimeClientGQL",
+        "@headlessui/react": "HeadlessUIReact",
+        "react-markdown": "ReactMarkdown",
+        "react-syntax-highlighter": "ReactSyntaxHighlighter",
+        "remark-gfm": "remarkGfm",
+        "remark-math": "remarkMath",
+        "rehype-raw": "rehypeRaw",
+      };
+      return options;
+    },
+  },
+]);

package/vitest.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    environment: "node",
+    globals: true,
+    include: ["src/**/*.{test,spec}.ts"],
+    reporters: [["default", { summary: false }]],
+    silent: true,
+  },
+});

package/dist/chunk-2QEDCM6H.mjs

@@ -1,150 +0,0 @@
-import {
-  __async,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/hooks/use-push-to-talk.tsx
-import {
-  useCopilotContext,
-  useCopilotMessagesContext
-} from "@copilotkit/react-core";
-import { gqlToAGUI } from "@copilotkit/runtime-client-gql";
-import { useEffect, useRef, useState } from "react";
-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;
-  }
-});
-var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
-  if (!mediaStreamRef.current || !audioContextRef.current) {
-    mediaStreamRef.current = yield navigator.mediaDevices.getUserMedia({
-      audio: true
-    });
-    audioContextRef.current = new window.AudioContext();
-    yield audioContextRef.current.resume();
-  }
-  mediaRecorderRef.current = new MediaRecorder(mediaStreamRef.current);
-  mediaRecorderRef.current.start(1e3);
-  mediaRecorderRef.current.ondataavailable = (event) => {
-    recordedChunks.push(event.data);
-  };
-  mediaRecorderRef.current.onstop = onStop;
-});
-var stopRecording = (mediaRecorderRef) => {
-  if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
-    mediaRecorderRef.current.stop();
-  }
-};
-var transcribeAudio = (recordedChunks, transcribeAudioUrl) => __async(void 0, null, function* () {
-  const completeBlob = new Blob(recordedChunks, { type: "audio/mp4" });
-  const formData = new FormData();
-  formData.append("file", completeBlob, "recording.mp4");
-  const response = yield fetch(transcribeAudioUrl, {
-    method: "POST",
-    body: formData
-  });
-  if (!response.ok) {
-    throw new Error(`Error: ${response.statusText}`);
-  }
-  const transcription = yield response.json();
-  return transcription.text;
-});
-var playAudioResponse = (text, textToSpeechUrl, audioContext) => {
-  const encodedText = encodeURIComponent(text);
-  const url = `${textToSpeechUrl}?text=${encodedText}`;
-  fetch(url).then((response) => response.arrayBuffer()).then((arrayBuffer) => audioContext.decodeAudioData(arrayBuffer)).then((audioBuffer) => {
-    const source = audioContext.createBufferSource();
-    source.buffer = audioBuffer;
-    source.connect(audioContext.destination);
-    source.start(0);
-  }).catch((error) => {
-    console.error("Error with decoding audio data", error);
-  });
-};
-var usePushToTalk = ({
-  sendFunction,
-  inProgress
-}) => {
-  const [pushToTalkState, setPushToTalkState] = useState("idle");
-  const mediaStreamRef = useRef(null);
-  const audioContextRef = useRef(null);
-  const mediaRecorderRef = useRef(null);
-  const recordedChunks = useRef([]);
-  const generalContext = useCopilotContext();
-  const messagesContext = useCopilotMessagesContext();
-  const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
-  const [startReadingFromMessageId, setStartReadingFromMessageId] = useState(null);
-  useEffect(() => {
-    if (pushToTalkState === "recording") {
-      startRecording(
-        mediaStreamRef,
-        mediaRecorderRef,
-        audioContextRef,
-        recordedChunks.current,
-        () => {
-          setPushToTalkState("transcribing");
-        }
-      );
-    } else {
-      stopRecording(mediaRecorderRef);
-      if (pushToTalkState === "transcribing") {
-        transcribeAudio(
-          recordedChunks.current,
-          context.copilotApiConfig.transcribeAudioUrl
-        ).then((transcription) => __async(void 0, null, function* () {
-          recordedChunks.current = [];
-          setPushToTalkState("idle");
-          const message = yield sendFunction(transcription);
-          setStartReadingFromMessageId(message.id);
-        }));
-      }
-    }
-    return () => {
-      stopRecording(mediaRecorderRef);
-    };
-  }, [pushToTalkState]);
-  useEffect(() => {
-    if (inProgress === false && startReadingFromMessageId) {
-      const lastMessageIndex = context.messages.findIndex(
-        (message) => message.id === startReadingFromMessageId
-      );
-      const aguiMessages = gqlToAGUI(context.messages);
-      const messagesAfterLast = aguiMessages.slice(lastMessageIndex + 1).filter((message) => message.role === "assistant");
-      const text = messagesAfterLast.map((message) => message.content).join("\n");
-      playAudioResponse(
-        text,
-        context.copilotApiConfig.textToSpeechUrl,
-        audioContextRef.current
-      );
-      setStartReadingFromMessageId(null);
-    }
-  }, [startReadingFromMessageId, inProgress]);
-  return { pushToTalkState, setPushToTalkState };
-};
-
-export {
-  checkMicrophonePermission,
-  requestMicAndPlaybackPermission,
-  usePushToTalk
-};
-//# sourceMappingURL=chunk-2QEDCM6H.mjs.map

package/dist/chunk-2QEDCM6H.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-push-to-talk.tsx"],"sourcesContent":["import {\n  useCopilotContext,\n  useCopilotMessagesContext,\n} from \"@copilotkit/react-core\";\nimport { gqlToAGUI } from \"@copilotkit/runtime-client-gql\";\nimport { Message } from \"@copilotkit/shared\";\nimport { MutableRefObject, useEffect, useRef, useState } from \"react\";\n\nexport 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\nconst startRecording = async (\n  mediaStreamRef: MutableRefObject<MediaStream | null>,\n  mediaRecorderRef: MutableRefObject<MediaRecorder | null>,\n  audioContextRef: MutableRefObject<AudioContext | null>,\n  recordedChunks: Blob[],\n  onStop: () => void,\n) => {\n  if (!mediaStreamRef.current || !audioContextRef.current) {\n    mediaStreamRef.current = await navigator.mediaDevices.getUserMedia({\n      audio: true,\n    });\n    audioContextRef.current = new window.AudioContext();\n    await audioContextRef.current.resume();\n  }\n\n  mediaRecorderRef.current = new MediaRecorder(mediaStreamRef.current!);\n  mediaRecorderRef.current.start(1000);\n  mediaRecorderRef.current.ondataavailable = (event) => {\n    recordedChunks.push(event.data);\n  };\n  mediaRecorderRef.current.onstop = onStop;\n};\n\nconst stopRecording = (\n  mediaRecorderRef: MutableRefObject<MediaRecorder | null>,\n) => {\n  if (\n    mediaRecorderRef.current &&\n    mediaRecorderRef.current.state !== \"inactive\"\n  ) {\n    mediaRecorderRef.current.stop();\n  }\n};\n\nconst transcribeAudio = async (\n  recordedChunks: Blob[],\n  transcribeAudioUrl: string,\n) => {\n  const completeBlob = new Blob(recordedChunks, { type: \"audio/mp4\" });\n  const formData = new FormData();\n  formData.append(\"file\", completeBlob, \"recording.mp4\");\n\n  const response = await fetch(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  return transcription.text;\n};\n\nconst playAudioResponse = (\n  text: string,\n  textToSpeechUrl: string,\n  audioContext: AudioContext,\n) => {\n  const encodedText = encodeURIComponent(text);\n  const url = `${textToSpeechUrl}?text=${encodedText}`;\n\n  fetch(url)\n    .then((response) => response.arrayBuffer())\n    .then((arrayBuffer) => audioContext.decodeAudioData(arrayBuffer))\n    .then((audioBuffer) => {\n      const source = audioContext.createBufferSource();\n      source.buffer = audioBuffer;\n      source.connect(audioContext.destination);\n      source.start(0);\n    })\n    .catch((error) => {\n      console.error(\"Error with decoding audio data\", error);\n    });\n};\n\nexport type PushToTalkState = \"idle\" | \"recording\" | \"transcribing\";\n\nexport type SendFunction = (text: string) => Promise<Message>;\n\nexport const usePushToTalk = ({\n  sendFunction,\n  inProgress,\n}: {\n  sendFunction: SendFunction;\n  inProgress: boolean;\n}) => {\n  const [pushToTalkState, setPushToTalkState] =\n    useState<PushToTalkState>(\"idle\");\n  const mediaStreamRef = useRef<MediaStream | null>(null);\n  const audioContextRef = useRef<AudioContext | null>(null);\n  const mediaRecorderRef = useRef<MediaRecorder | null>(null);\n  const recordedChunks = useRef<Blob[]>([]);\n  const generalContext = useCopilotContext();\n  const messagesContext = useCopilotMessagesContext();\n  const context = { ...generalContext, ...messagesContext };\n  const [startReadingFromMessageId, setStartReadingFromMessageId] = useState<\n    string | null\n  >(null);\n\n  useEffect(() => {\n    if (pushToTalkState === \"recording\") {\n      startRecording(\n        mediaStreamRef,\n        mediaRecorderRef,\n        audioContextRef,\n        recordedChunks.current,\n        () => {\n          setPushToTalkState(\"transcribing\");\n        },\n      );\n    } else {\n      stopRecording(mediaRecorderRef);\n      if (pushToTalkState === \"transcribing\") {\n        transcribeAudio(\n          recordedChunks.current,\n          context.copilotApiConfig.transcribeAudioUrl!,\n        ).then(async (transcription) => {\n          recordedChunks.current = [];\n          setPushToTalkState(\"idle\");\n          const message = await sendFunction(transcription);\n          setStartReadingFromMessageId(message.id);\n        });\n      }\n    }\n\n    return () => {\n      stopRecording(mediaRecorderRef);\n    };\n  }, [pushToTalkState]);\n\n  useEffect(() => {\n    if (inProgress === false && startReadingFromMessageId) {\n      const lastMessageIndex = context.messages.findIndex(\n        (message) => message.id === startReadingFromMessageId,\n      );\n\n      const aguiMessages = gqlToAGUI(context.messages);\n\n      const messagesAfterLast = aguiMessages\n        .slice(lastMessageIndex + 1)\n        .filter((message) => message.role === \"assistant\");\n\n      const text = messagesAfterLast\n        .map((message) => message.content)\n        .join(\"\\n\");\n      playAudioResponse(\n        text,\n        context.copilotApiConfig.textToSpeechUrl!,\n        audioContextRef.current!,\n      );\n\n      setStartReadingFromMessageId(null);\n    }\n  }, [startReadingFromMessageId, inProgress]);\n\n  return { pushToTalkState, setPushToTalkState };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-6SMTHXVA.mjs

@@ -1,28 +0,0 @@
-// src/hooks/use-copy-to-clipboard.tsx
-import * as React from "react";
-function useCopyToClipboard({
-  timeout = 2e3
-}) {
-  const [isCopied, setIsCopied] = React.useState(false);
-  const copyToClipboard = (value) => {
-    var _a;
-    if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
-      return;
-    }
-    if (!value) {
-      return;
-    }
-    navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true);
-      setTimeout(() => {
-        setIsCopied(false);
-      }, timeout);
-    });
-  };
-  return { isCopied, copyToClipboard };
-}
-
-export {
-  useCopyToClipboard
-};
-//# sourceMappingURL=chunk-6SMTHXVA.mjs.map

package/dist/chunk-6SMTHXVA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-copy-to-clipboard.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface useCopyToClipboardProps {\n  timeout?: number;\n}\n\nexport function useCopyToClipboard({\n  timeout = 2000,\n}: useCopyToClipboardProps) {\n  const [isCopied, setIsCopied] = React.useState<Boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (typeof window === \"undefined\" || !navigator.clipboard?.writeText) {\n      return;\n    }\n\n    if (!value) {\n      return;\n    }\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n\n      setTimeout(() => {\n        setIsCopied(false);\n      }, timeout);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAMhB,SAAS,mBAAmB;AAAA,EACjC,UAAU;AACZ,GAA4B;AAC1B,QAAM,CAAC,UAAU,WAAW,IAAU,eAAkB,KAAK;AAE7D,QAAM,kBAAkB,CAAC,UAAkB;AAX7C;AAYI,QAAI,OAAO,WAAW,eAAe,GAAC,eAAU,cAAV,mBAAqB,YAAW;AACpE;AAAA,IACF;AAEA,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,cAAU,UAAU,UAAU,KAAK,EAAE,KAAK,MAAM;AAC9C,kBAAY,IAAI;AAEhB,iBAAW,MAAM;AACf,oBAAY,KAAK;AAAA,MACnB,GAAG,OAAO;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,UAAU,gBAAgB;AACrC;","names":[]}

package/dist/chunk-6TLDRWAD.mjs

@@ -1,95 +0,0 @@
-import {
-  ActivityIcon,
-  CloseIcon,
-  CopyIcon,
-  HeaderCloseIcon,
-  MicrophoneIcon,
-  OpenIcon,
-  RegenerateIcon,
-  SendIcon,
-  SpinnerIcon,
-  StopIcon,
-  ThumbsDownIcon,
-  ThumbsUpIcon,
-  UploadIcon
-} from "./chunk-GBAPANZE.mjs";
-import {
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/ChatContext.tsx
-import React, { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var ChatContext = React.createContext(
-  void 0
-);
-function useChatContext() {
-  const context = React.useContext(ChatContext);
-  if (context === void 0) {
-    throw new Error(
-      "Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?"
-    );
-  }
-  return context;
-}
-var ChatContextProvider = ({
-  // temperature,
-  // instructions,
-  // maxFeedback,
-  labels,
-  icons,
-  children,
-  open,
-  setOpen
-}) => {
-  const memoizedLabels = useMemo(
-    () => __spreadValues(__spreadValues({}, {
-      initial: "",
-      title: "CopilotKit",
-      placeholder: "Type a message...",
-      error: "\u274C An error occurred. Please try again.",
-      stopGenerating: "Stop generating",
-      regenerateResponse: "Regenerate response",
-      copyToClipboard: "Copy to clipboard",
-      thumbsUp: "Thumbs up",
-      thumbsDown: "Thumbs down",
-      copied: "Copied!"
-    }), labels),
-    [labels]
-  );
-  const memoizedIcons = useMemo(
-    () => __spreadValues(__spreadValues({}, {
-      openIcon: OpenIcon,
-      closeIcon: CloseIcon,
-      headerCloseIcon: HeaderCloseIcon,
-      sendIcon: SendIcon,
-      activityIcon: ActivityIcon,
-      spinnerIcon: SpinnerIcon,
-      stopIcon: StopIcon,
-      regenerateIcon: RegenerateIcon,
-      pushToTalkIcon: MicrophoneIcon,
-      copyIcon: CopyIcon,
-      thumbsUpIcon: ThumbsUpIcon,
-      thumbsDownIcon: ThumbsDownIcon,
-      uploadIcon: UploadIcon
-    }), icons),
-    [icons]
-  );
-  const context = useMemo(
-    () => ({
-      labels: memoizedLabels,
-      icons: memoizedIcons,
-      open,
-      setOpen
-    }),
-    [memoizedLabels, memoizedIcons, open, setOpen]
-  );
-  return /* @__PURE__ */ jsx(ChatContext.Provider, { value: context, children });
-};
-
-export {
-  ChatContext,
-  useChatContext,
-  ChatContextProvider
-};
-//# sourceMappingURL=chunk-6TLDRWAD.mjs.map

package/dist/chunk-6TLDRWAD.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 { ThumbsDownIcon, ThumbsUpIcon } from \"./Icons\";\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   * The icons to use for push to talk.\n   * @default <PushToTalkIcon />\n   */\n\n  pushToTalkIcon?: React.ReactNode;\n\n  /**\n   * The icons to use for copy assistant response\n   * @default <CopyIcon />\n   */\n\n  copyIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for thumbs up/response approval.\n   * @default <ThumbsUpIcon />\n   */\n\n  thumbsUpIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for thumbs down/response rejection.\n   * @default <ThumbsDownIcon />\n   */\n\n  thumbsDownIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the upload button.\n   * @default <UploadIcon />\n   */\n  uploadIcon?: 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 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  /**\n   * The label for the copy button.\n   * @default \"Copy to clipboard\"\n   */\n  copyToClipboard?: string;\n\n  /**\n   * The label for the thumbs up button.\n   * @default \"Thumbs up\"\n   */\n  thumbsUp?: string;\n\n  /**\n   * The label for the thumbs down button.\n   * @default \"Thumbs down\"\n   */\n  thumbsDown?: string;\n\n  /**\n   * The text to display when content is copied.\n   * @default \"Copied!\"\n   */\n  copied?: string;\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>;\n  icons: Required<CopilotChatIcons>;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(\n  undefined,\n);\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}\n\nexport const ChatContextProvider = ({\n  // temperature,\n  // instructions,\n  // maxFeedback,\n  labels,\n  icons,\n  children,\n  open,\n  setOpen,\n}: ChatContextProps) => {\n  const memoizedLabels = useMemo(\n    () => ({\n      ...{\n        initial: \"\",\n        title: \"CopilotKit\",\n        placeholder: \"Type a message...\",\n        error: \"❌ An error occurred. Please try again.\",\n        stopGenerating: \"Stop generating\",\n        regenerateResponse: \"Regenerate response\",\n        copyToClipboard: \"Copy to clipboard\",\n        thumbsUp: \"Thumbs up\",\n        thumbsDown: \"Thumbs down\",\n        copied: \"Copied!\",\n      },\n      ...labels,\n    }),\n    [labels],\n  );\n\n  const memoizedIcons = useMemo(\n    () => ({\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        pushToTalkIcon: DefaultIcons.MicrophoneIcon,\n        copyIcon: DefaultIcons.CopyIcon,\n        thumbsUpIcon: DefaultIcons.ThumbsUpIcon,\n        thumbsDownIcon: DefaultIcons.ThumbsDownIcon,\n        uploadIcon: DefaultIcons.UploadIcon,\n      },\n      ...icons,\n    }),\n    [icons],\n  );\n\n  const context = useMemo(\n    () => ({\n      labels: memoizedLabels,\n      icons: memoizedIcons,\n      open,\n      setOpen,\n    }),\n    [memoizedLabels, memoizedIcons, open, setOpen],\n  );\n\n  return (\n    <ChatContext.Provider value={context}>{children}</ChatContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS,eAAyB;AAyPrC;AAvFG,IAAM,cAAc,MAAM;AAAA,EAC/B;AACF;AAEO,SAAS,iBAA8B;AAC5C,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAaO,IAAM,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,iBAAiB;AAAA,IACrB,MAAO,kCACF;AAAA,MACD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV,IACG;AAAA,IAEL,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,gBAAgB;AAAA,IACpB,MAAO,kCACF;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,MAC7B,gBAA6B;AAAA,MAC7B,UAAuB;AAAA,MACvB,cAA2B;AAAA,MAC3B,gBAA6B;AAAA,MAC7B,YAAyB;AAAA,IAC3B,IACG;AAAA,IAEL,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,eAAe,MAAM,OAAO;AAAA,EAC/C;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,SAAU,UAAS;AAEpD;","names":[]}

package/dist/chunk-72FQQMQ2.mjs

@@ -1,25 +0,0 @@
-import {
-  useChatContext
-} from "./chunk-6TLDRWAD.mjs";
-
-// src/components/chat/Button.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Button = ({}) => {
-  const { open, setOpen, icons } = 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: icons.openIcon }),
-        /* @__PURE__ */ jsx("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: icons.closeIcon })
-      ]
-    }
-  ) });
-};
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-72FQQMQ2.mjs.map

package/dist/chunk-72FQQMQ2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Button.tsx"],"sourcesContent":["import { ButtonProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\n\nexport const Button = ({}: ButtonProps) => {\n  const { open, setOpen, icons } = useChatContext();\n\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          {icons.openIcon}\n        </div>\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">\n          {icons.closeIcon}\n        </div>\n      </button>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAQM,SAIE,KAJF;AALC,IAAM,SAAS,CAAC,CAAC,MAAmB;AACzC,QAAM,EAAE,MAAM,SAAS,MAAM,IAAI,eAAe;AAEhD,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,gBAAM,UACT;AAAA,QACA,oBAAC,SAAI,WAAU,kDACZ,gBAAM,WACT;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-AOUHT4JR.mjs

@@ -1,34 +0,0 @@
-import {
-  useDarkMode
-} from "./chunk-JGMFJZMG.mjs";
-
-// src/components/chat/PoweredByTag.tsx
-import { useState, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-function PoweredByTag({
-  showPoweredBy = true
-}) {
-  const [mounted, setMounted] = useState(false);
-  const isDark = useDarkMode();
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  if (!showPoweredBy) {
-    return null;
-  }
-  const poweredByStyle = {
-    visibility: "visible",
-    display: "block",
-    position: "static",
-    textAlign: "center",
-    fontSize: "12px",
-    padding: "3px 0",
-    color: mounted && isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)"
-  };
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "poweredBy", style: poweredByStyle, children: "Powered by CopilotKit" }) });
-}
-
-export {
-  PoweredByTag
-};
-//# sourceMappingURL=chunk-AOUHT4JR.mjs.map

package/dist/chunk-AOUHT4JR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/PoweredByTag.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { useDarkMode } from \"../../hooks/use-dark-mode\";\n\nexport function PoweredByTag({\n  showPoweredBy = true,\n}: {\n  showPoweredBy?: boolean;\n}) {\n  const [mounted, setMounted] = useState(false);\n  const isDark = useDarkMode();\n\n  /*\n    note(tylerslaton):\n\n    Ensure we only use the isDark computed value after client-side mount.\n    This prevents hydration mismatches by using a default color on the\n    server and initial client render, then updating to the correct\n    dark mode color after hydration is complete.\n  */\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!showPoweredBy) {\n    return null;\n  }\n\n  const poweredByStyle = {\n    visibility: \"visible\",\n    display: \"block\",\n    position: \"static\",\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    padding: \"3px 0\",\n    color: mounted && isDark ? \"rgb(69, 69, 69)\" : \"rgb(214, 214, 214)\",\n  };\n\n  return (\n    <div>\n      {/*@ts-expect-error -- expecting position not to be a string, but it can be.*/}\n      <p className=\"poweredBy\" style={poweredByStyle}>\n        Powered by CopilotKit\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAAA,SAAgB,UAAU,iBAAiB;AAwCrC;AArCC,SAAS,aAAa;AAAA,EAC3B,gBAAgB;AAClB,GAEG;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,YAAY;AAU3B,YAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB;AAAA,IACrB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO,WAAW,SAAS,oBAAoB;AAAA,EACjD;AAEA,SACE,oBAAC,SAEC,8BAAC,OAAE,WAAU,aAAY,OAAO,gBAAgB,mCAEhD,GACF;AAEJ;","names":[]}