@copilotkit/react-ui 1.50.0-beta.1 → 1.50.0-beta.10

package/CHANGELOG.md

@@ -1,5 +1,102 @@
 # ui
 
+## 1.50.0-beta.10
+
+### Minor Changes
+
+- add new runner with telemetry baked in
+
+### Patch Changes
+
+- Updated dependencies
+  - @copilotkit/runtime-client-gql@1.50.0-beta.10
+  - @copilotkit/react-core@1.50.0-beta.10
+  - @copilotkit/shared@1.50.0-beta.10
+
+## 1.50.0-beta.9
+
+### Minor Changes
+
+- Refactor suggestions to not always run
+
+### Patch Changes
+
+- Updated dependencies
+  - @copilotkit/runtime-client-gql@1.50.0-beta.9
+  - @copilotkit/react-core@1.50.0-beta.9
+  - @copilotkit/shared@1.50.0-beta.9
+
+## 1.50.0-beta.8
+
+### Patch Changes
+
+- @copilotkit/react-core@1.50.0-beta.8
+- @copilotkit/runtime-client-gql@1.50.0-beta.8
+- @copilotkit/shared@1.50.0-beta.8
+
+## 1.50.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [6ce0edc]
+  - @copilotkit/react-core@1.50.0-beta.7
+  - @copilotkit/runtime-client-gql@1.50.0-beta.7
+  - @copilotkit/shared@1.50.0-beta.7
+
+## 1.50.0-beta.6
+
+### Minor Changes
+
+- Updating dependency versions across all packages
+
+### Patch Changes
+
+- Updated dependencies
+  - @copilotkit/runtime-client-gql@1.50.0-beta.6
+  - @copilotkit/react-core@1.50.0-beta.6
+  - @copilotkit/shared@1.50.0-beta.6
+
+## 1.50.0-beta.4
+
+### Patch Changes
+
+- 2c93ff1: - fix: re-enable repeatable interrupt renders
+- b0e3652: - chore: Update to latest of vnext
+- c38da1c: - feat: add suggestions support to 1.5
+- 5840bab: - fix: adjust dependencies
+- 7808fac: - feat: add spinner indicator to show chat readiness for conversation
+- Updated dependencies [bad5f06]
+- Updated dependencies [8ce60af]
+- Updated dependencies [33f47e3]
+- Updated dependencies [04057d5]
+- Updated dependencies [2c93ff1]
+- Updated dependencies [b0e3652]
+- Updated dependencies [7643e71]
+- Updated dependencies [d55a8bd]
+- Updated dependencies [c38da1c]
+- Updated dependencies [3c60073]
+- Updated dependencies [962546c]
+- Updated dependencies [4942f62]
+- Updated dependencies [ca8eb39]
+- Updated dependencies [907ae5d]
+- Updated dependencies [c3d55e5]
+- Updated dependencies [5840bab]
+- Updated dependencies [7808fac]
+- Updated dependencies [c70210e]
+- Updated dependencies [d2c57a1]
+  - @copilotkit/react-core@1.50.0-beta.4
+  - @copilotkit/runtime-client-gql@1.50.0-beta.4
+  - @copilotkit/shared@1.50.0-beta.4
+
+## 1.10.7-next.0
+
+### Patch Changes
+
+- fcc52cb: - fix: use `--copilot-kit-primary-color` as default `Messages` font color
+  - @copilotkit/react-core@1.10.7-next.0
+  - @copilotkit/runtime-client-gql@1.10.7-next.0
+  - @copilotkit/shared@1.10.7-next.0
+
 ## 1.10.6
 
 ### Patch Changes

package/dist/{chunk-SOB5EIL7.mjs → chunk-4APTIMH3.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-3JYVJHL5.mjs";
+} from "./chunk-ETQOY3FA.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-SOB5EIL7.mjs.map
+//# sourceMappingURL=chunk-4APTIMH3.mjs.map

package/dist/{chunk-ODEHR7KI.mjs → chunk-7OURDQZJ.mjs}

@@ -1,6 +1,6 @@
 import {
   RenderMessage
-} from "./chunk-MPF6BJUF.mjs";
+} from "./chunk-NCIAFFQ2.mjs";
 
 // src/components/chat/messages/LegacyRenderMessage.tsx
 import { aguiToGQL } from "@copilotkit/runtime-client-gql";
@@ -130,4 +130,4 @@ var LegacyRenderMessage = ({
 export {
   LegacyRenderMessage
 };
-//# sourceMappingURL=chunk-ODEHR7KI.mjs.map
+//# sourceMappingURL=chunk-7OURDQZJ.mjs.map

package/dist/{chunk-GDSZGYCE.mjs → chunk-B4EBCYMS.mjs}

@@ -1,9 +1,9 @@
-import {
-  CopilotDevConsole
-} from "./chunk-FFJHOZX6.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
+import {
+  CopilotDevConsole
+} from "./chunk-FKJWIQGB.mjs";
 
 // src/components/chat/Header.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ var Header = ({}) => {
 export {
   Header
 };
-//# sourceMappingURL=chunk-GDSZGYCE.mjs.map
+//# sourceMappingURL=chunk-B4EBCYMS.mjs.map

package/dist/{chunk-3JYVJHL5.mjs → chunk-ETQOY3FA.mjs}

@@ -1,27 +1,27 @@
 import {
   Window
 } from "./chunk-C3GSYRC3.mjs";
-import {
-  Header
-} from "./chunk-GDSZGYCE.mjs";
 import {
   Button
 } from "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-G35HUUDA.mjs";
+} from "./chunk-LG6H5CG5.mjs";
 import {
   Input
-} from "./chunk-HBZW7E5Z.mjs";
+} from "./chunk-SABFRQEH.mjs";
 import {
   Messages
-} from "./chunk-E6WVAOQA.mjs";
+} from "./chunk-HIW7RXCD.mjs";
 import {
   AssistantMessage
 } from "./chunk-IHFR6PYG.mjs";
 import {
   UserMessage
-} from "./chunk-3YWFGNSM.mjs";
+} from "./chunk-RYUCX3ZK.mjs";
+import {
+  Header
+} from "./chunk-B4EBCYMS.mjs";
 import {
   ChatContextProvider,
   useChatContext
@@ -219,4 +219,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-3JYVJHL5.mjs.map
+//# sourceMappingURL=chunk-ETQOY3FA.mjs.map

package/dist/{chunk-FFJHOZX6.mjs → chunk-FKJWIQGB.mjs}

@@ -1,9 +1,6 @@
 import {
-  CheckIcon,
-  ChevronDownIcon,
-  ExclamationMarkIcon,
-  ExclamationMarkTriangleIcon
-} from "./chunk-Q5V6S67N.mjs";
+  CopilotKitHelpModal
+} from "./chunk-NRA3CFEE.mjs";
 import {
   getPublishedCopilotKitVersion,
   logActions,
@@ -11,12 +8,15 @@ import {
   logReadables,
   shouldShowDevConsole
 } from "./chunk-JY2CSDKN.mjs";
-import {
-  CopilotKitHelpModal
-} from "./chunk-NRA3CFEE.mjs";
 import {
   SmallSpinnerIcon
 } from "./chunk-XWG3L6QC.mjs";
+import {
+  CheckIcon,
+  ChevronDownIcon,
+  ExclamationMarkIcon,
+  ExclamationMarkTriangleIcon
+} from "./chunk-Q5V6S67N.mjs";
 
 // src/components/dev-console/console.tsx
 import { useCopilotContext, useCopilotMessagesContext } from "@copilotkit/react-core";
@@ -199,4 +199,4 @@ export {
   CopilotDevConsole,
   DebugMenuButton
 };
-//# sourceMappingURL=chunk-FFJHOZX6.mjs.map
+//# sourceMappingURL=chunk-FKJWIQGB.mjs.map

package/dist/{chunk-E6WVAOQA.mjs → chunk-HIW7RXCD.mjs}

@@ -1,6 +1,6 @@
 import {
   LegacyRenderMessage
-} from "./chunk-ODEHR7KI.mjs";
+} from "./chunk-7OURDQZJ.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -181,4 +181,4 @@ export {
   Messages,
   useScrollToBottom
 };
-//# sourceMappingURL=chunk-E6WVAOQA.mjs.map
+//# sourceMappingURL=chunk-HIW7RXCD.mjs.map

package/dist/{chunk-CQ2WALZ7.mjs → chunk-I2YM5J5H.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-3JYVJHL5.mjs";
+} from "./chunk-ETQOY3FA.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-CQ2WALZ7.mjs.map
+//# sourceMappingURL=chunk-I2YM5J5H.mjs.map

package/dist/{chunk-G35HUUDA.mjs → chunk-LG6H5CG5.mjs}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-PLHTVHUW.mjs";
 import {
   Input
-} from "./chunk-HBZW7E5Z.mjs";
+} from "./chunk-SABFRQEH.mjs";
 import {
   Messages
-} from "./chunk-E6WVAOQA.mjs";
+} from "./chunk-HIW7RXCD.mjs";
 import {
   RenderMessage
-} from "./chunk-MPF6BJUF.mjs";
+} from "./chunk-NCIAFFQ2.mjs";
 import {
   AssistantMessage
 } from "./chunk-IHFR6PYG.mjs";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-DBKRAOH7.mjs";
 import {
   UserMessage
-} from "./chunk-3YWFGNSM.mjs";
+} from "./chunk-RYUCX3ZK.mjs";
 import {
   ChatContext,
   ChatContextProvider
@@ -428,4 +428,4 @@ export {
   CopilotChat,
   WrappedCopilotChat
 };
-//# sourceMappingURL=chunk-G35HUUDA.mjs.map
+//# sourceMappingURL=chunk-LG6H5CG5.mjs.map

package/dist/{chunk-MPF6BJUF.mjs → chunk-NCIAFFQ2.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-DBKRAOH7.mjs";
 import {
   UserMessage
-} from "./chunk-3YWFGNSM.mjs";
+} from "./chunk-RYUCX3ZK.mjs";
 import {
   __objRest
 } from "./chunk-MRXNTQOX.mjs";
@@ -71,10 +71,12 @@ function RenderMessage(_a) {
         },
         index
       );
+    default:
+      return null;
   }
 }
 
 export {
   RenderMessage
 };
-//# sourceMappingURL=chunk-MPF6BJUF.mjs.map
+//# sourceMappingURL=chunk-NCIAFFQ2.mjs.map

package/dist/{chunk-MPF6BJUF.mjs.map → chunk-NCIAFFQ2.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { UserMessage as DefaultUserMessage } from \"./UserMessage\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\nimport { ImageRenderer as DefaultImageRenderer } from \"./ImageRenderer\";\n\nexport function RenderMessage({\n  UserMessage = DefaultUserMessage,\n  AssistantMessage = DefaultAssistantMessage,\n  ImageRenderer = DefaultImageRenderer,\n  ...props\n}: RenderMessageProps) {\n  const {\n    message,\n    messages,\n    inProgress,\n    index,\n    isCurrentMessage,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    messageFeedback,\n    markdownTagRenderers,\n  } = props;\n\n  switch (message.role) {\n    case \"user\":\n      return (\n        <UserMessage\n          key={index}\n          rawData={message}\n          data-message-role=\"user\"\n          message={message}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    case \"assistant\":\n      return (\n        <AssistantMessage\n          key={index}\n          data-message-role=\"assistant\"\n          subComponent={message.generativeUI?.()}\n          rawData={message}\n          message={message}\n          messages={messages}\n          isLoading={inProgress && isCurrentMessage && !message.content}\n          isGenerating={inProgress && isCurrentMessage && !!message.content}\n          isCurrentMessage={isCurrentMessage}\n          onRegenerate={() => onRegenerate?.(message.id)}\n          onCopy={onCopy}\n          onThumbsUp={onThumbsUp}\n          onThumbsDown={onThumbsDown}\n          feedback={messageFeedback?.[message.id] || null}\n          markdownTagRenderers={markdownTagRenderers}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BQ;AAvBD,SAAS,cAAc,IAKP;AALO,eAC5B;AAAA,iBAAAA,eAAc;AAAA,IACd,kBAAAC,oBAAmB;AAAA,IACnB,eAAAC,iBAAgB;AAAA,EARlB,IAK8B,IAIzB,kBAJyB,IAIzB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AARF,MAAAC;AAWE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAS;AAAA,UACT,qBAAkB;AAAA,UAClB;AAAA,UACA,eAAeE;AAAA;AAAA,QAJV;AAAA,MAKP;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAACD;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,eAAcE,MAAA,QAAQ,iBAAR,gBAAAA,IAAA;AAAA,UACd,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,WAAW,cAAc,oBAAoB,CAAC,QAAQ;AAAA,UACtD,cAAc,cAAc,oBAAoB,CAAC,CAAC,QAAQ;AAAA,UAC1D;AAAA,UACA,cAAc,MAAM,6CAAe,QAAQ;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAU,mDAAkB,QAAQ,QAAO;AAAA,UAC3C;AAAA,UACA,eAAeD;AAAA;AAAA,QAfV;AAAA,MAgBP;AAAA,EAEN;AACF;","names":["UserMessage","AssistantMessage","ImageRenderer","_a"]}
+{"version":3,"sources":["../src/components/chat/messages/RenderMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { UserMessage as DefaultUserMessage } from \"./UserMessage\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\nimport { ImageRenderer as DefaultImageRenderer } from \"./ImageRenderer\";\n\nexport function RenderMessage({\n  UserMessage = DefaultUserMessage,\n  AssistantMessage = DefaultAssistantMessage,\n  ImageRenderer = DefaultImageRenderer,\n  ...props\n}: RenderMessageProps) {\n  const {\n    message,\n    messages,\n    inProgress,\n    index,\n    isCurrentMessage,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    messageFeedback,\n    markdownTagRenderers,\n  } = props;\n\n  switch (message.role) {\n    case \"user\":\n      return (\n        <UserMessage\n          key={index}\n          rawData={message}\n          data-message-role=\"user\"\n          message={message}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    case \"assistant\":\n      return (\n        <AssistantMessage\n          key={index}\n          data-message-role=\"assistant\"\n          subComponent={message.generativeUI?.()}\n          rawData={message}\n          message={message}\n          messages={messages}\n          isLoading={inProgress && isCurrentMessage && !message.content}\n          isGenerating={inProgress && isCurrentMessage && !!message.content}\n          isCurrentMessage={isCurrentMessage}\n          onRegenerate={() => onRegenerate?.(message.id)}\n          onCopy={onCopy}\n          onThumbsUp={onThumbsUp}\n          onThumbsDown={onThumbsDown}\n          feedback={messageFeedback?.[message.id] || null}\n          markdownTagRenderers={markdownTagRenderers}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BQ;AAvBD,SAAS,cAAc,IAKP;AALO,eAC5B;AAAA,iBAAAA,eAAc;AAAA,IACd,kBAAAC,oBAAmB;AAAA,IACnB,eAAAC,iBAAgB;AAAA,EARlB,IAK8B,IAIzB,kBAJyB,IAIzB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AARF,MAAAC;AAWE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAS;AAAA,UACT,qBAAkB;AAAA,UAClB;AAAA,UACA,eAAeE;AAAA;AAAA,QAJV;AAAA,MAKP;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAACD;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,eAAcE,MAAA,QAAQ,iBAAR,gBAAAA,IAAA;AAAA,UACd,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,WAAW,cAAc,oBAAoB,CAAC,QAAQ;AAAA,UACtD,cAAc,cAAc,oBAAoB,CAAC,CAAC,QAAQ;AAAA,UAC1D;AAAA,UACA,cAAc,MAAM,6CAAe,QAAQ;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAU,mDAAkB,QAAQ,QAAO;AAAA,UAC3C;AAAA,UACA,eAAeD;AAAA;AAAA,QAfV;AAAA,MAgBP;AAAA,IAEJ;AACE,aAAO;AAAA,EACX;AACF;","names":["UserMessage","AssistantMessage","ImageRenderer","_a"]}

package/dist/{chunk-3YWFGNSM.mjs → chunk-RYUCX3ZK.mjs}

@@ -29,4 +29,4 @@ var UserMessage = (props) => {
 export {
   UserMessage
 };
-//# sourceMappingURL=chunk-3YWFGNSM.mjs.map
+//# sourceMappingURL=chunk-RYUCX3ZK.mjs.map

package/dist/chunk-RYUCX3ZK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/messages/UserMessage.tsx"],"sourcesContent":["import { UserMessageProps } from \"../props\";\n\ntype UserMessageContent = NonNullable<UserMessageProps[\"message\"]>[\"content\"];\n\nconst getTextContent = (content: UserMessageContent | undefined): string | undefined => {\n  if (typeof content === \"undefined\") {\n    return undefined;\n  }\n\n  if (typeof content === \"string\") {\n    return content;\n  }\n\n  return (\n    content\n      .map((part) => {\n        if (part.type === \"text\") {\n          return part.text;\n        }\n        return undefined;\n      })\n      .filter((value): value is string => typeof value === \"string\" && value.length > 0)\n      .join(\" \")\n      .trim() || undefined\n  );\n};\n\nexport const UserMessage = (props: UserMessageProps) => {\n  const { message, ImageRenderer } = props;\n  const isImageMessage = message && \"image\" in message && Boolean(message.image);\n\n  if (isImageMessage) {\n    const imageMessage = message!;\n    const content = getTextContent(imageMessage?.content);\n\n    return (\n      <div className=\"copilotKitMessage copilotKitUserMessage\">\n        <ImageRenderer image={imageMessage.image!} content={content} />\n      </div>\n    );\n  }\n\n  const content = getTextContent(message?.content);\n\n  return <div className=\"copilotKitMessage copilotKitUserMessage\">{content}</div>;\n};\n"],"mappings":";AAqCQ;AAjCR,IAAM,iBAAiB,CAAC,YAAgE;AACtF,MAAI,OAAO,YAAY,aAAa;AAClC,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,SACE,QACG,IAAI,CAAC,SAAS;AACb,QAAI,KAAK,SAAS,QAAQ;AACxB,aAAO,KAAK;AAAA,IACd;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,CAAC,UAA2B,OAAO,UAAU,YAAY,MAAM,SAAS,CAAC,EAChF,KAAK,GAAG,EACR,KAAK,KAAK;AAEjB;AAEO,IAAM,cAAc,CAAC,UAA4B;AACtD,QAAM,EAAE,SAAS,cAAc,IAAI;AACnC,QAAM,iBAAiB,WAAW,WAAW,WAAW,QAAQ,QAAQ,KAAK;AAE7E,MAAI,gBAAgB;AAClB,UAAM,eAAe;AACrB,UAAMA,WAAU,eAAe,6CAAc,OAAO;AAEpD,WACE,oBAAC,SAAI,WAAU,2CACb,8BAAC,iBAAc,OAAO,aAAa,OAAQ,SAASA,UAAS,GAC/D;AAAA,EAEJ;AAEA,QAAM,UAAU,eAAe,mCAAS,OAAO;AAE/C,SAAO,oBAAC,SAAI,WAAU,2CAA2C,mBAAQ;AAC3E;","names":["content"]}

package/dist/{chunk-HBZW7E5Z.mjs → chunk-SABFRQEH.mjs}

@@ -1,9 +1,9 @@
-import {
-  PoweredByTag
-} from "./chunk-ELGRNEAO.mjs";
 import {
   Textarea_default
 } from "./chunk-QIOJXTIQ.mjs";
+import {
+  PoweredByTag
+} from "./chunk-ELGRNEAO.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -19,7 +19,7 @@ var MAX_NEWLINES = 6;
 var Input = ({
   inProgress,
   onSend,
-  chatReady = true,
+  chatReady = false,
   onStop,
   onUpload,
   hideStopButton = false
@@ -57,7 +57,7 @@ var Input = ({
   const { buttonIcon, buttonAlt } = useMemo(() => {
     if (!chatReady)
       return { buttonIcon: context.icons.spinnerIcon, buttonAlt: "Loading" };
-    return isInProgress && !hideStopButton ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
+    return isInProgress && !hideStopButton && chatReady ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
   }, [isInProgress, chatReady, hideStopButton, context.icons.stopIcon, context.icons.sendIcon]);
   const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
   const { interrupt } = useCopilotChatInternal();
@@ -123,4 +123,4 @@ var Input = ({
 export {
   Input
 };
-//# sourceMappingURL=chunk-HBZW7E5Z.mjs.map
+//# sourceMappingURL=chunk-SABFRQEH.mjs.map

package/dist/chunk-SABFRQEH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\nimport { usePushToTalk } from \"../../hooks/use-push-to-talk\";\nimport { useCopilotContext, useCopilotChatInternal } from \"@copilotkit/react-core\";\nimport { PoweredByTag } from \"./PoweredByTag\";\n\nconst MAX_NEWLINES = 6;\n\nexport const Input = ({\n  inProgress,\n  onSend,\n  chatReady = false,\n  onStop,\n  onUpload,\n  hideStopButton = false,\n}: InputProps) => {\n  const context = useChatContext();\n  const copilotContext = useCopilotContext();\n\n  const showPoweredBy = !copilotContext.copilotApiConfig?.publicApiKey;\n\n  const pushToTalkConfigured =\n    copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n    copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [isComposing, setIsComposing] = useState(false);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n\n    // If the user clicked a button or inside a button, don't focus the textarea\n    if (target.closest(\"button\")) return;\n\n    // If the user clicked the textarea, do nothing (it's already focused)\n    if (target.tagName === \"TEXTAREA\") return;\n\n    // Otherwise, focus the textarea\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  // tylerslaton:\n  //\n  // This scrolls CopilotKit into view always. Reading the commit history, it was likely\n  // added to fix a bug but it is causing issues now.\n  //\n  // For the future, if we want this behavior again, we will need to find a way to do it without\n  // forcing CopilotKit to always be in view. This code causes this because focusing an element\n  // in most browsers will scroll that element into view.\n  //\n  // useEffect(() => {\n  //   if (isVisible) {\n  //     textareaRef.current?.focus();\n  //   }\n  // }, [isVisible]);\n\n  const { pushToTalkState, setPushToTalkState } = usePushToTalk({\n    sendFunction: onSend,\n    inProgress,\n  });\n\n  const isInProgress = inProgress || pushToTalkState === \"transcribing\";\n  const { buttonIcon, buttonAlt } = useMemo(() => {\n    if (!chatReady) return { buttonIcon: context.icons.spinnerIcon, buttonAlt: \"Loading\" };\n    return isInProgress && !hideStopButton && chatReady\n      ? { buttonIcon: context.icons.stopIcon, buttonAlt: \"Stop\" }\n      : { buttonIcon: context.icons.sendIcon, buttonAlt: \"Send\" };\n  }, [isInProgress, chatReady, hideStopButton, context.icons.stopIcon, context.icons.sendIcon]);\n  const showPushToTalk =\n    pushToTalkConfigured &&\n    (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n    !inProgress;\n\n  const { interrupt } = useCopilotChatInternal();\n\n  const canSend = useMemo(() => {\n    return !isInProgress && text.trim().length > 0 && pushToTalkState === \"idle\" && !interrupt;\n  }, [interrupt, isInProgress, text, pushToTalkState]);\n\n  const canStop = useMemo(() => {\n    return isInProgress && !hideStopButton;\n  }, [isInProgress, hideStopButton]);\n\n  const sendDisabled = !canSend && !canStop;\n\n  return (\n    <div className={`copilotKitInputContainer ${showPoweredBy ? \"poweredByContainer\" : \"\"}`}>\n      <div className=\"copilotKitInput\" onClick={handleDivClick}>\n        <AutoResizingTextarea\n          ref={textareaRef}\n          placeholder={context.labels.placeholder}\n          autoFocus={false}\n          maxRows={MAX_NEWLINES}\n          value={text}\n          onChange={(event) => setText(event.target.value)}\n          onCompositionStart={() => setIsComposing(true)}\n          onCompositionEnd={() => setIsComposing(false)}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\" && !event.shiftKey && !isComposing) {\n              event.preventDefault();\n              if (canSend) {\n                send();\n              }\n            }\n          }}\n        />\n        <div className=\"copilotKitInputControls\">\n          {onUpload && (\n            <button onClick={onUpload} className=\"copilotKitInputControlButton\">\n              {context.icons.uploadIcon}\n            </button>\n          )}\n\n          <div style={{ flexGrow: 1 }} />\n\n          {showPushToTalk && (\n            <button\n              onClick={() =>\n                setPushToTalkState(pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\")\n              }\n              className={\n                pushToTalkState === \"recording\"\n                  ? \"copilotKitInputControlButton copilotKitPushToTalkRecording\"\n                  : \"copilotKitInputControlButton\"\n              }\n            >\n              {context.icons.pushToTalkIcon}\n            </button>\n          )}\n          <button\n            disabled={sendDisabled}\n            onClick={isInProgress && !hideStopButton ? onStop : send}\n            data-copilotkit-in-progress={inProgress}\n            data-test-id={inProgress ? \"copilot-chat-request-in-progress\" : \"copilot-chat-ready\"}\n            className=\"copilotKitInputControlButton\"\n            aria-label={buttonAlt}\n          >\n            {buttonIcon}\n          </button>\n        </div>\n      </div>\n      <PoweredByTag showPoweredBy={showPoweredBy} />\n    </div>\n  );\n};\n"],"mappings":"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","names":["_a"]}

package/dist/{chunk-OYRZ4VLU.mjs → chunk-Y4FKRAKJ.mjs}

@@ -1,12 +1,12 @@
 // src/hooks/use-copilot-chat-suggestions.tsx
 import {
-  useConfigureChatSuggestions
+  useCopilotChatSuggestions as useCoreCopilotChatSuggestions
 } from "@copilotkit/react-core";
 function useCopilotChatSuggestions(config, dependencies = []) {
-  useConfigureChatSuggestions(config, dependencies);
+  useCoreCopilotChatSuggestions(config, dependencies);
 }
 
 export {
   useCopilotChatSuggestions
 };
-//# sourceMappingURL=chunk-OYRZ4VLU.mjs.map
+//# sourceMappingURL=chunk-Y4FKRAKJ.mjs.map

package/dist/{chunk-OYRZ4VLU.mjs.map → chunk-Y4FKRAKJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\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 */\nimport {\n  useConfigureChatSuggestions,\n  type UseCopilotChatSuggestionsConfiguration,\n} from \"@copilotkit/react-core\";\n\nexport function useCopilotChatSuggestions(\n  config: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  useConfigureChatSuggestions(config, dependencies);\n}\n"],"mappings":";AA4DA;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,8BAA4B,QAAQ,YAAY;AAClD;","names":[]}
+{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\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 */\nimport {\n  useCopilotChatSuggestions as useCoreCopilotChatSuggestions,\n  type UseCopilotChatSuggestionsConfiguration,\n} from \"@copilotkit/react-core\";\n\nexport function useCopilotChatSuggestions(\n  config: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  useCoreCopilotChatSuggestions(config, dependencies);\n}\n"],"mappings":";AA4DA;AAAA,EACE,6BAA6B;AAAA,OAExB;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,gCAA8B,QAAQ,YAAY;AACpD;","names":[]}

package/dist/components/chat/Chat.js

@@ -1146,6 +1146,8 @@ function RenderMessage(_a) {
         },
         index
       );
+    default:
+      return null;
   }
 }
 
@@ -1649,7 +1651,7 @@ var MAX_NEWLINES = 6;
 var Input = ({
   inProgress,
   onSend,
-  chatReady = true,
+  chatReady = false,
   onStop,
   onUpload,
   hideStopButton = false
@@ -1687,7 +1689,7 @@ var Input = ({
   const { buttonIcon, buttonAlt } = (0, import_react10.useMemo)(() => {
     if (!chatReady)
       return { buttonIcon: context.icons.spinnerIcon, buttonAlt: "Loading" };
-    return isInProgress && !hideStopButton ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
+    return isInProgress && !hideStopButton && chatReady ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
   }, [isInProgress, chatReady, hideStopButton, context.icons.stopIcon, context.icons.sendIcon]);
   const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
   const { interrupt } = (0, import_react_core3.useCopilotChatInternal)();