@copilotkit/react-ui 1.0.3 → 1.0.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @copilotkit/react-ui@1.0.3 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-ui
+> @copilotkit/react-ui@1.0.4 build /home/runner/work/CopilotKit/CopilotKit/CopilotKit/packages/react-ui
 > tsup --clean
 
 CLI Building entry: src/index.tsx, src/components/index.ts, src/context/index.ts, src/hooks/index.ts, src/hooks/use-copilot-chat-suggestions.tsx, src/hooks/use-copy-to-clipboard.tsx, src/hooks/use-push-to-talk.tsx, src/lib/utils.test.ts, src/lib/utils.ts, src/types/css.ts, src/types/index.ts, src/types/suggestions.ts, src/components/chat/Button.tsx, src/components/chat/Chat.tsx, src/components/chat/ChatContext.tsx, src/components/chat/CodeBlock.tsx, src/components/chat/Header.tsx, src/components/chat/Icons.tsx, src/components/chat/Input.tsx, src/components/chat/Markdown.tsx, src/components/chat/Messages.tsx, src/components/chat/Modal.tsx, src/components/chat/Popup.tsx, src/components/chat/Response.tsx, src/components/chat/Sidebar.tsx, src/components/chat/Suggestion.tsx, src/components/chat/Textarea.tsx, src/components/chat/Window.tsx, src/components/chat/index.tsx, src/components/chat/props.ts
@@ -18,18 +18,18 @@
 ESM dist/chunk-EFZPSZWO.mjs                         43.00 B
 ESM dist/chunk-JD7BAH7U.mjs                         43.00 B
 ESM dist/chunk-MRFF7GSQ.mjs                         43.00 B
-ESM dist/chunk-NYDX3JVD.mjs                         1.02 KB
+ESM dist/chunk-QHAVUMXM.mjs                         1.02 KB
 ESM dist/chunk-WB3YULQ4.mjs                         43.00 B
-ESM dist/chunk-ADMZDZCJ.mjs                         573.00 B
-ESM dist/chunk-2K5GFKKP.mjs                         2.17 KB
+ESM dist/chunk-DYHXNV2B.mjs                         573.00 B
+ESM dist/chunk-OLL5TU65.mjs                         2.17 KB
 ESM dist/chunk-B7DNOYVQ.mjs                         3.80 KB
 ESM dist/chunk-SE6DAYSX.mjs                         566.00 B
 ESM dist/chunk-UC3Y7MWX.mjs                         825.00 B
-ESM dist/chunk-MHTQKDHI.mjs                         4.83 KB
+ESM dist/chunk-5BL3YDGU.mjs                         4.84 KB
 ESM dist/chunk-KSCXPA74.mjs                         3.75 KB
 ESM dist/chunk-U6J5DGOE.mjs                         2.77 KB
 ESM dist/chunk-YQFVRDNC.mjs                         1.53 KB
-ESM dist/chunk-DYXI54LF.mjs                         4.59 KB
+ESM dist/chunk-4Z2WDXSK.mjs                         4.59 KB
 ESM dist/chunk-YQ3D5IQV.mjs                         2.17 KB
 ESM dist/chunk-XSUSSWDS.mjs                         613.00 B
 ESM dist/chunk-BJPGMY3I.mjs                         1.63 KB
@@ -38,7 +38,7 @@
 ESM dist/chunk-IU3WTXLQ.mjs                         43.00 B
 ESM dist/chunk-T26KLXLH.mjs                         43.00 B
 ESM dist/hooks/use-copilot-chat-suggestions.mjs     198.00 B
-ESM dist/chunk-LTCJCXCP.mjs                         713.00 B
+ESM dist/chunk-RMK4ADB6.mjs                         729.00 B
 ESM dist/hooks/use-copy-to-clipboard.mjs            177.00 B
 ESM dist/chunk-54JAUBUJ.mjs                         675.00 B
 ESM dist/hooks/use-push-to-talk.mjs                 290.00 B
@@ -60,7 +60,7 @@
 ESM dist/components/chat/Modal.mjs                  680.00 B
 ESM dist/components/chat/Popup.mjs                  715.00 B
 ESM dist/components/chat/Response.mjs               232.00 B
-ESM dist/lib/utils.mjs                              885.00 B
+ESM dist/lib/utils.mjs                              730.00 B
 ESM dist/types/index.mjs                            66.00 B
 ESM dist/types/suggestions.mjs                      40.00 B
 ESM dist/components/chat/Button.mjs                 214.00 B
@@ -72,36 +72,36 @@
 ESM dist/context/index.mjs.map                      71.00 B
 ESM dist/hooks/index.mjs.map                        71.00 B
 ESM dist/lib/utils.test.mjs.map                     350.00 B
-ESM dist/chunk-EFZPSZWO.mjs.map                     71.00 B
 ESM dist/chunk-JD7BAH7U.mjs.map                     71.00 B
 ESM dist/chunk-MRFF7GSQ.mjs.map                     71.00 B
-ESM dist/chunk-NYDX3JVD.mjs.map                     3.03 KB
+ESM dist/chunk-QHAVUMXM.mjs.map                     3.03 KB
 ESM dist/chunk-WB3YULQ4.mjs.map                     71.00 B
-ESM dist/chunk-ADMZDZCJ.mjs.map                     2.10 KB
-ESM dist/chunk-2K5GFKKP.mjs.map                     4.36 KB
-ESM dist/chunk-B7DNOYVQ.mjs.map                     6.70 KB
+ESM dist/chunk-EFZPSZWO.mjs.map                     71.00 B
 ESM dist/chunk-SE6DAYSX.mjs.map                     773.00 B
 ESM dist/chunk-UC3Y7MWX.mjs.map                     1.12 KB
-ESM dist/chunk-MHTQKDHI.mjs.map                     10.98 KB
+ESM dist/chunk-5BL3YDGU.mjs.map                     10.99 KB
 ESM dist/chunk-KSCXPA74.mjs.map                     6.16 KB
 ESM dist/chunk-U6J5DGOE.mjs.map                     4.27 KB
 ESM dist/chunk-YQFVRDNC.mjs.map                     2.80 KB
-ESM dist/chunk-DYXI54LF.mjs.map                     8.24 KB
+ESM dist/chunk-DYHXNV2B.mjs.map                     2.10 KB
 ESM dist/chunk-YQ3D5IQV.mjs.map                     3.22 KB
 ESM dist/chunk-XSUSSWDS.mjs.map                     854.00 B
 ESM dist/chunk-BJPGMY3I.mjs.map                     4.85 KB
 ESM dist/chunk-UPTB2MVO.mjs.map                     15.59 KB
-ESM dist/chunk-IU3WTXLQ.mjs.map                     71.00 B
 ESM dist/chunk-FZC7X5PK.mjs.map                     10.15 KB
+ESM dist/chunk-IU3WTXLQ.mjs.map                     71.00 B
 ESM dist/chunk-T26KLXLH.mjs.map                     71.00 B
 ESM dist/hooks/use-copilot-chat-suggestions.mjs.map 71.00 B
-ESM dist/chunk-LTCJCXCP.mjs.map                     3.77 KB
+ESM dist/chunk-RMK4ADB6.mjs.map                     3.70 KB
 ESM dist/hooks/use-copy-to-clipboard.mjs.map        71.00 B
 ESM dist/chunk-54JAUBUJ.mjs.map                     1.16 KB
 ESM dist/hooks/use-push-to-talk.mjs.map             71.00 B
 ESM dist/chunk-VOBX4JOA.mjs.map                     8.53 KB
 ESM dist/chunk-MRXNTQOX.mjs.map                     71.00 B
 ESM dist/index.css.map                              18.25 KB
+ESM dist/chunk-B7DNOYVQ.mjs.map                     6.70 KB
+ESM dist/chunk-OLL5TU65.mjs.map                     4.36 KB
+ESM dist/chunk-4Z2WDXSK.mjs.map                     8.20 KB
 ESM dist/components/chat/Sidebar.mjs.map            71.00 B
 ESM dist/types/css.mjs.map                          71.00 B
 ESM dist/components/chat/Suggestion.mjs.map         71.00 B
@@ -117,66 +117,67 @@
 ESM dist/components/chat/Modal.mjs.map              71.00 B
 ESM dist/components/chat/Popup.mjs.map              71.00 B
 ESM dist/components/chat/Response.mjs.map           71.00 B
-ESM dist/lib/utils.mjs.map                          1.49 KB
+ESM dist/lib/utils.mjs.map                          1.24 KB
 ESM dist/types/index.mjs.map                        71.00 B
 ESM dist/types/suggestions.mjs.map                  71.00 B
 ESM dist/components/chat/Button.mjs.map             71.00 B
 ESM dist/components/chat/Chat.mjs.map               71.00 B
 ESM dist/components/chat/ChatContext.mjs.map        71.00 B
 ESM dist/components/chat/CodeBlock.mjs.map          71.00 B
-ESM ⚡️ Build success in 273ms
-CJS dist/index.js                                  56.68 KB
-CJS dist/components/index.js                       55.92 KB
+ESM ⚡️ Build success in 278ms
+CJS dist/index.js                                  56.71 KB
+CJS dist/index.css                                 14.41 KB
+CJS dist/components/index.js                       55.94 KB
 CJS dist/context/index.js                          803.00 B
-CJS dist/hooks/index.js                            1.79 KB
-CJS dist/hooks/use-copilot-chat-suggestions.js     1.86 KB
+CJS dist/hooks/index.js                            1.80 KB
+CJS dist/hooks/use-copilot-chat-suggestions.js     1.87 KB
 CJS dist/hooks/use-copy-to-clipboard.js            2.30 KB
 CJS dist/hooks/use-push-to-talk.js                 6.79 KB
 CJS dist/lib/utils.test.js                         182.00 B
-CJS dist/lib/utils.js                              2.40 KB
+CJS dist/lib/utils.js                              2.21 KB
 CJS dist/types/css.js                              789.00 B
 CJS dist/types/index.js                            797.00 B
 CJS dist/types/suggestions.js                      821.00 B
 CJS dist/components/chat/Button.js                 2.91 KB
-CJS dist/index.css                                 14.41 KB
-CJS dist/components/chat/Chat.js                   47.47 KB
+CJS dist/components/chat/Chat.js                   47.49 KB
 CJS dist/components/chat/ChatContext.js            9.29 KB
-CJS dist/components/chat/Header.js                 2.63 KB
 CJS dist/components/chat/CodeBlock.js              14.30 KB
+CJS dist/components/chat/Header.js                 2.63 KB
 CJS dist/components/chat/Icons.js                  11.01 KB
 CJS dist/components/chat/Input.js                  11.14 KB
 CJS dist/components/chat/Markdown.js               16.47 KB
 CJS dist/components/chat/Messages.js               21.93 KB
-CJS dist/components/chat/Modal.js                  54.40 KB
+CJS dist/components/chat/Modal.js                  54.42 KB
+CJS dist/components/chat/Popup.js                  54.86 KB
 CJS dist/components/chat/Response.js               2.67 KB
-CJS dist/components/chat/Popup.js                  54.84 KB
+CJS dist/components/chat/Sidebar.js                55.38 KB
 CJS dist/components/chat/Suggestion.js             6.30 KB
 CJS dist/components/chat/Textarea.js               2.51 KB
 CJS dist/components/chat/Window.js                 5.46 KB
-CJS dist/components/chat/Sidebar.js                55.36 KB
+CJS dist/components/chat/index.js                  55.93 KB
 CJS dist/components/chat/props.js                  807.00 B
-CJS dist/components/chat/index.js                  55.91 KB
-CJS dist/index.js.map                              97.93 KB
-CJS dist/components/index.js.map                   94.09 KB
+CJS dist/index.js.map                              97.86 KB
+CJS dist/index.css.map                             18.25 KB
+CJS dist/components/index.js.map                   94.10 KB
 CJS dist/context/index.js.map                      139.00 B
-CJS dist/hooks/index.js.map                        3.89 KB
-CJS dist/hooks/use-copilot-chat-suggestions.js.map 3.80 KB
+CJS dist/hooks/index.js.map                        3.82 KB
+CJS dist/hooks/use-copilot-chat-suggestions.js.map 3.74 KB
 CJS dist/hooks/use-copy-to-clipboard.js.map        1.21 KB
 CJS dist/hooks/use-push-to-talk.js.map             8.58 KB
 CJS dist/lib/utils.test.js.map                     352.00 B
-CJS dist/lib/utils.js.map                          1.55 KB
+CJS dist/lib/utils.js.map                          1.30 KB
 CJS dist/types/css.js.map                          788.00 B
 CJS dist/types/index.js.map                        182.00 B
 CJS dist/types/suggestions.js.map                  259.00 B
 CJS dist/components/chat/Button.js.map             5.47 KB
-CJS dist/index.css.map                             18.25 KB
 CJS dist/components/chat/Chat.js.map               76.20 KB
 CJS dist/components/chat/ChatContext.js.map        13.87 KB
-CJS dist/components/chat/Header.js.map             5.11 KB
 CJS dist/components/chat/CodeBlock.js.map          24.33 KB
+CJS dist/components/chat/Header.js.map             5.11 KB
 CJS dist/components/chat/Icons.js.map              10.27 KB
 CJS dist/components/chat/Input.js.map              19.45 KB
-CJS dist/components/chat/Messages.js.map           40.08 KB
+CJS dist/components/chat/Markdown.js.map           27.58 KB
+CJS dist/components/chat/Messages.js.map           40.05 KB
 CJS dist/components/chat/Modal.js.map              89.00 KB
 CJS dist/components/chat/Response.js.map           5.19 KB
 CJS dist/components/chat/Popup.js.map              91.07 KB
@@ -185,11 +186,10 @@
 CJS dist/components/chat/Window.js.map             6.76 KB
 CJS dist/components/chat/Sidebar.js.map            92.01 KB
 CJS dist/components/chat/props.js.map              1.07 KB
-CJS dist/components/chat/index.js.map              94.33 KB
-CJS dist/components/chat/Markdown.js.map           27.58 KB
-CJS ⚡️ Build success in 320ms
+CJS dist/components/chat/index.js.map              94.34 KB
+CJS ⚡️ Build success in 331ms
 DTS Build start
-DTS ⚡️ Build success in 7766ms
+DTS ⚡️ Build success in 7984ms
 DTS dist/index.d.ts                              699.00 B
 DTS dist/components/chat/props.d.ts              1019.00 B
 DTS dist/components/chat/Popup.d.ts              1.78 KB
@@ -206,7 +206,7 @@
 DTS dist/hooks/use-copy-to-clipboard.d.ts        266.00 B
 DTS dist/hooks/use-push-to-talk.d.ts             783.00 B
 DTS dist/lib/utils.test.d.ts                     12.00 B
-DTS dist/lib/utils.d.ts                          263.00 B
+DTS dist/lib/utils.d.ts                          194.00 B
 DTS dist/types/index.d.ts                        68.00 B
 DTS dist/components/chat/Button.d.ts             175.00 B
 DTS dist/components/chat/CodeBlock.d.ts          392.00 B

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # ui
 
+## 1.0.4
+
+### Patch Changes
+
+- Remove nanoid
+- Updated dependencies
+  - @copilotkit/react-core@1.0.4
+  - @copilotkit/runtime-client-gql@1.0.4
+  - @copilotkit/shared@1.0.4
+
 ## 1.0.3
 
 ### Patch Changes

package/README.md

@@ -41,7 +41,7 @@ in-app AI chatbots, AI agents, and AI Textareas.
     <img src="https://github.com/CopilotKit/CopilotKit/assets/131273140/a4a0fd04-6aee-4e02-9c3e-3f11d60b4e8b" alt="Read the Docs" height="30">
   </a>
   &nbsp;&middot;&nbsp;
-  <a href="https://go.copilotkit.ai/kM4Lo86">
+  <a href="https://cloud.copilotkit.ai">
     <img src="https://github.com/CopilotKit/CopilotKit/assets/131273140/28ca62a8-cf93-4d3f-96b0-dc11bf89b734" alt="Try Copilot Cloud" height="30">
   </a>
 </p>

package/dist/{chunk-DYXI54LF.mjs → chunk-4Z2WDXSK.mjs}

@@ -123,4 +123,4 @@ function makeInitialMessages(initial) {
 export {
   Messages
 };
-//# sourceMappingURL=chunk-DYXI54LF.mjs.map
+//# sourceMappingURL=chunk-4Z2WDXSK.mjs.map

package/dist/chunk-4Z2WDXSK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Messages.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { MessagesProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { Markdown } from \"./Markdown\";\nimport { RenderFunctionStatus, useCopilotContext } from \"@copilotkit/react-core\";\nimport {\n  MessageStatusCode,\n  ActionExecutionMessage,\n  Message,\n  ResultMessage,\n  TextMessage,\n  Role,\n} from \"@copilotkit/runtime-client-gql\";\n\nexport const Messages = ({ messages, inProgress, children }: MessagesProps) => {\n  const { chatComponentsCache } = useCopilotContext();\n\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 functionResults: Record<string, string> = {};\n\n  for (let i = 0; i < messages.length; i++) {\n    if (messages[i] instanceof ActionExecutionMessage) {\n      const id = messages[i].id;\n      const resultMessage: ResultMessage | undefined = messages.find(\n        (message) => message instanceof ResultMessage && message.actionExecutionId === id,\n      ) as ResultMessage | undefined;\n\n      if (resultMessage) {\n        functionResults[id] = ResultMessage.decodeResult(resultMessage.result || \"\");\n      }\n    }\n  }\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 instanceof TextMessage && message.role === \"user\") {\n          return (\n            <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n              {message.content}\n            </div>\n          );\n        } else if (message instanceof TextMessage && message.role == \"assistant\") {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && !message.content ? (\n                context.icons.spinnerIcon\n              ) : (\n                <Markdown content={message.content} />\n              )}\n            </div>\n          );\n        } else if (message instanceof ActionExecutionMessage) {\n          if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {\n            const render = chatComponentsCache.current[message.name];\n            // render a static string\n            if (typeof render === \"string\") {\n              // when render is static, we show it only when in progress\n              if (isCurrentMessage && inProgress) {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {context.icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n                  </div>\n                );\n              }\n              // Done - silent by default to avoid a series of \"done\" messages\n              else {\n                return null;\n              }\n            }\n            // render is a function\n            else {\n              const args = message.arguments;\n\n              let status: RenderFunctionStatus = \"inProgress\";\n\n              if (functionResults[message.id] !== undefined) {\n                status = \"complete\";\n              } else if (message.status.code !== MessageStatusCode.Pending) {\n                status = \"executing\";\n              }\n\n              const toRender = render({\n                status: status as any,\n                args,\n                result: functionResults[message.id],\n              });\n\n              // No result and complete: stay silent\n              if (!toRender && status === \"complete\") {\n                return null;\n              }\n\n              if (typeof toRender === \"string\") {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}\n                  </div>\n                );\n              } else {\n                return (\n                  <div key={index} className=\"copilotKitCustomAssistantMessage\">\n                    {toRender}\n                  </div>\n                );\n              }\n            }\n          }\n          // No render function found- show the default message\n          else if (!inProgress || !isCurrentMessage) {\n            // Done - silent by default to avoid a series of \"done\" messages\n            return null;\n          } else {\n            // In progress\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            );\n          }\n        }\n      })}\n      <footer ref={messagesEndRef}>{children}</footer>\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(\n    (message) =>\n      new TextMessage({\n        role: Role.Assistant,\n        content: message,\n      }),\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-MHTQKDHI.mjs → chunk-5BL3YDGU.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-U6J5DGOE.mjs";
 import {
   Messages
-} from "./chunk-DYXI54LF.mjs";
+} from "./chunk-4Z2WDXSK.mjs";
 import {
   ResponseButton
 } from "./chunk-XSUSSWDS.mjs";
@@ -22,8 +22,8 @@ import {
 // src/components/chat/Chat.tsx
 import React, { useEffect, useRef, useState } from "react";
 import { useCopilotChat, useCopilotContext } from "@copilotkit/react-core";
-import { nanoid } from "nanoid";
 import { Role, TextMessage } from "@copilotkit/runtime-client-gql";
+import { randomId } from "@copilotkit/shared";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function CopilotChat({
   instructions,
@@ -95,7 +95,7 @@ function WrappedCopilotChat({
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
 var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) => {
   const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } = useCopilotChat({
-    id: nanoid(),
+    id: randomId(),
     makeSystemMessage
   });
   const [currentSuggestions, setCurrentSuggestions] = useState([]);
@@ -154,4 +154,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-MHTQKDHI.mjs.map
+//# sourceMappingURL=chunk-5BL3YDGU.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Chat.tsx"],"sourcesContent":["/**\n * An embeddable chat panel for CopilotKit.\n *\n * <img src=\"/images/CopilotChat/CopilotChat.gif\" width=\"500\" />\n *\n * A chatbot panel component for the CopilotKit framework. The component allows for a high degree\n * of customization through various props and custom CSS.\n *\n * <RequestExample>\n *   ```jsx CopilotChat Example\n *   import { CopilotChat } from \"@copilotkit/react-ui\";\n *\n *   <CopilotChat\n *     labels={{\n *       title: \"Your Assistant\",\n *       initial: \"Hi! 👋 How can I assist you today?\",\n *     }}\n *   />\n *   ```\n * </RequestExample>\n *\n * ## Custom CSS\n *\n * You can customize the colors of the panel by overriding the CSS variables\n * defined in the [default styles](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-ui/src/css/colors.css).\n *\n * For example, to set the primary color to purple:\n *\n * ```jsx\n * <div style={{ \"--copilot-kit-primary-color\": \"#7D5BA6\" }}>\n *   <CopilotPopup />\n * </div>\n * ```\n *\n * To further customize the panel, you can override the CSS classes defined\n * [here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-ui/src/css/).\n *\n * For example:\n *\n * ```css\n * .copilotKitButton {\n *   border-radius: 0;\n * }\n * ```\n */\n\nimport {\n  ChatContext,\n  ChatContextProvider,\n  CopilotChatIcons,\n  CopilotChatLabels,\n} from \"./ChatContext\";\nimport { Messages as DefaultMessages } from \"./Messages\";\nimport { Input as DefaultInput } from \"./Input\";\nimport { ResponseButton as DefaultResponseButton } from \"./Response\";\nimport { Suggestion } from \"./Suggestion\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { SystemMessageFunction, useCopilotChat, useCopilotContext } from \"@copilotkit/react-core\";\nimport { reloadSuggestions } from \"./Suggestion\";\nimport { CopilotChatSuggestion } from \"../../types/suggestions\";\nimport { Message, Role, TextMessage } from \"@copilotkit/runtime-client-gql\";\nimport { InputProps, MessagesProps, ResponseButtonProps } from \"./props\";\nimport { randomId } 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   * 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   * 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 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\nexport function CopilotChat({\n  instructions,\n  onSubmitMessage,\n  makeSystemMessage,\n  showResponseButton = true,\n  onInProgress,\n  Messages = DefaultMessages,\n  Input = DefaultInput,\n  ResponseButton = DefaultResponseButton,\n  className,\n  icons,\n  labels,\n}: CopilotChatProps) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    context.setChatInstructions(instructions || \"\");\n  }, [instructions]);\n\n  const {\n    visibleMessages,\n    isLoading,\n    currentSuggestions,\n    sendMessage,\n    stopGeneration,\n    reloadMessages,\n  } = useCopilotChatLogic(makeSystemMessage, onInProgress, onSubmitMessage);\n\n  const chatContext = React.useContext(ChatContext);\n  const isVisible = chatContext ? chatContext.open : true;\n\n  return (\n    <WrappedCopilotChat icons={icons} labels={labels} className={className}>\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\n            onClick={isLoading ? stopGeneration : reloadMessages}\n            inProgress={isLoading}\n          />\n        )}\n      </Messages>\n      <Input inProgress={isLoading} onSend={sendMessage} isVisible={isVisible} />\n    </WrappedCopilotChat>\n  );\n}\n\nexport function WrappedCopilotChat({\n  children,\n  icons,\n  labels,\n  className,\n}: {\n  children: React.ReactNode;\n  icons?: CopilotChatIcons;\n  labels?: CopilotChatLabels;\n  className?: string;\n}) {\n  const chatContext = React.useContext(ChatContext);\n  if (!chatContext) {\n    return (\n      <ChatContextProvider icons={icons} labels={labels} open={true} setOpen={() => {}}>\n        <div className={`copilotKitChat ${className}`}>{children}</div>\n      </ChatContextProvider>\n    );\n  }\n  return <>{children}</>;\n}\n\nconst SUGGESTIONS_DEBOUNCE_TIMEOUT = 1000;\n\nexport const useCopilotChatLogic = (\n  makeSystemMessage?: SystemMessageFunction,\n  onInProgress?: (isLoading: boolean) => void,\n  onSubmitMessage?: (messageContent: string) => void,\n) => {\n  const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } =\n    useCopilotChat({\n      id: randomId(),\n      makeSystemMessage,\n    });\n\n  const [currentSuggestions, setCurrentSuggestions] = 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  useEffect(() => {\n    onInProgress?.(isLoading);\n\n    abortSuggestions();\n\n    debounceTimerRef.current = setTimeout(\n      () => {\n        if (!isLoading && Object.keys(context.chatSuggestionConfiguration).length !== 0) {\n          suggestionsAbortControllerRef.current = new AbortController();\n          reloadSuggestions(\n            context,\n            context.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, context.chatSuggestionConfiguration]);\n\n  const sendMessage = async (messageContent: string) => {\n    abortSuggestions();\n    setCurrentSuggestions([]);\n    onSubmitMessage?.(messageContent);\n    const message: Message = new TextMessage({\n      content: messageContent,\n      role: Role.User,\n    });\n    appendMessage(message);\n    return message;\n  };\n\n  return {\n    visibleMessages,\n    isLoading,\n    currentSuggestions,\n    sendMessage,\n    stopGeneration,\n    reloadMessages,\n  };\n};\n"],"mappings":"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","names":["Messages","Input","ResponseButton"]}

package/dist/{chunk-ADMZDZCJ.mjs → chunk-DYHXNV2B.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-2K5GFKKP.mjs";
+} from "./chunk-OLL5TU65.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-ADMZDZCJ.mjs.map
+//# sourceMappingURL=chunk-DYHXNV2B.mjs.map

package/dist/{chunk-2K5GFKKP.mjs → chunk-OLL5TU65.mjs}

@@ -9,13 +9,13 @@ import {
 } from "./chunk-UC3Y7MWX.mjs";
 import {
   CopilotChat
-} from "./chunk-MHTQKDHI.mjs";
+} from "./chunk-5BL3YDGU.mjs";
 import {
   Input
 } from "./chunk-U6J5DGOE.mjs";
 import {
   Messages
-} from "./chunk-DYXI54LF.mjs";
+} from "./chunk-4Z2WDXSK.mjs";
 import {
   ResponseButton
 } from "./chunk-XSUSSWDS.mjs";
@@ -90,4 +90,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-2K5GFKKP.mjs.map
+//# sourceMappingURL=chunk-OLL5TU65.mjs.map

package/dist/{chunk-NYDX3JVD.mjs → chunk-QHAVUMXM.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-2K5GFKKP.mjs";
+} from "./chunk-OLL5TU65.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-NYDX3JVD.mjs.map
+//# sourceMappingURL=chunk-QHAVUMXM.mjs.map

package/dist/{chunk-LTCJCXCP.mjs → chunk-RMK4ADB6.mjs}

@@ -1,7 +1,7 @@
 // src/hooks/use-copilot-chat-suggestions.tsx
 import { useEffect } from "react";
-import { nanoid } from "nanoid";
 import { useCopilotContext } from "@copilotkit/react-core";
+import { randomId } from "@copilotkit/shared";
 function useCopilotChatSuggestions({
   instructions,
   className,
@@ -10,7 +10,7 @@ function useCopilotChatSuggestions({
 }, dependencies = []) {
   const context = useCopilotContext();
   useEffect(() => {
-    const id = nanoid();
+    const id = randomId();
     context.addChatSuggestionConfiguration(id, {
       instructions,
       minSuggestions,
@@ -26,4 +26,4 @@ function useCopilotChatSuggestions({
 export {
   useCopilotChatSuggestions
 };
-//# sourceMappingURL=chunk-LTCJCXCP.mjs.map
+//# sourceMappingURL=chunk-RMK4ADB6.mjs.map

package/dist/{chunk-LTCJCXCP.mjs.map → chunk-RMK4ADB6.mjs.map}

@@ -1 +1 @@
-{"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 * <Warning>\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without further notice.\n * </Warning>\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, useCopilotContext } from \"@copilotkit/react-core\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = nanoid();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, dependencies);\n}\n"],"mappings":";AAiEA,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AACvB,SAA6C,yBAAyB;AAuB/D,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,UAAU,kBAAkB;AAElC,YAAU,MAAM;AACd,UAAM,KAAK,OAAO;AAElB,YAAQ,+BAA+B,IAAI;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,kCAAkC,EAAE;AAAA,IAC9C;AAAA,EACF,GAAG,YAAY;AACjB;","names":[]}
+{"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 * <Warning>\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without further notice.\n * </Warning>\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 { useCopilotContext } from \"@copilotkit/react-core\";\nimport { randomId } from \"@copilotkit/shared\";\n\ninterface UseCopilotChatSuggestionsConfiguration {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n}\n\nexport function useCopilotChatSuggestions(\n  {\n    instructions,\n    className,\n    minSuggestions = 1,\n    maxSuggestions = 3,\n  }: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const context = useCopilotContext();\n\n  useEffect(() => {\n    const id = randomId();\n\n    context.addChatSuggestionConfiguration(id, {\n      instructions,\n      minSuggestions,\n      maxSuggestions,\n      className,\n    });\n\n    return () => {\n      context.removeChatSuggestionConfiguration(id);\n    };\n  }, dependencies);\n}\n"],"mappings":";AAiEA,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AAuBlB,SAAS,0BACd;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GACA,eAAsB,CAAC,GACvB;AACA,QAAM,UAAU,kBAAkB;AAElC,YAAU,MAAM;AACd,UAAM,KAAK,SAAS;AAEpB,YAAQ,+BAA+B,IAAI;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,kCAAkC,EAAE;AAAA,IAC9C;AAAA,EACF,GAAG,YAAY;AACjB;","names":[]}

package/dist/components/chat/Chat.js

@@ -1283,8 +1283,8 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react8 = __toESM(require("react"));
 var import_react_core5 = require("@copilotkit/react-core");
-var import_nanoid = require("nanoid");
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
+var import_shared2 = require("@copilotkit/shared");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -1356,7 +1356,7 @@ function WrappedCopilotChat({
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
 var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) => {
   const { visibleMessages, appendMessage, reloadMessages, stopGeneration, isLoading } = (0, import_react_core5.useCopilotChat)({
-    id: (0, import_nanoid.nanoid)(),
+    id: (0, import_shared2.randomId)(),
     makeSystemMessage
   });
   const [currentSuggestions, setCurrentSuggestions] = (0, import_react8.useState)([]);