@copilotkit/react-ui 1.55.1-next.0 → 1.55.2-canary.test-01

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/react-ui",
-  "version": "1.55.1-next.0",
+  "version": "1.55.2-canary.test-01",
   "private": false,
   "keywords": [
     "ai",
@@ -42,15 +42,15 @@
     "access": "public"
   },
   "dependencies": {
+    "@copilotkit/react-core": "1.55.2-canary.test-01",
+    "@copilotkit/runtime-client-gql": "1.55.2-canary.test-01",
+    "@copilotkit/shared": "1.55.2-canary.test-01",
     "@headlessui/react": "^2.2.9",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^15.6.1",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "remark-math": "^6.0.0",
-    "@copilotkit/react-core": "1.55.1-next.0",
-    "@copilotkit/runtime-client-gql": "1.55.1-next.0",
-    "@copilotkit/shared": "1.55.1-next.0"
+    "remark-math": "^6.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.1.0",

package/src/components/chat/Chat.tsx

@@ -929,7 +929,7 @@ export function CopilotChat({
         onDragOver={handleDragOver}
         onDragLeave={handleDragLeave}
         onDrop={handleDrop}
-        className={dragOver ? "copilotKitDragOver" : ""}
+        className={`copilotKitChatBody${dragOver ? " copilotKitDragOver" : ""}`}
       >
         {/* Render error above messages if present */}
         {chatError &&

package/src/components/chat/ChatContext.tsx

@@ -197,18 +197,16 @@ export const ChatContextProvider = ({
 }: ChatContextProps) => {
   const memoizedLabels = useMemo(
     () => ({
-      ...{
-        initial: "",
-        title: "CopilotKit",
-        placeholder: "Type a message...",
-        error: "❌ An error occurred. Please try again.",
-        stopGenerating: "Stop generating",
-        regenerateResponse: "Regenerate response",
-        copyToClipboard: "Copy to clipboard",
-        thumbsUp: "Thumbs up",
-        thumbsDown: "Thumbs down",
-        copied: "Copied!",
-      },
+      initial: "",
+      title: "CopilotKit",
+      placeholder: "Type a message...",
+      error: "❌ 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],
@@ -216,21 +214,19 @@ export const ChatContextProvider = ({
 
   const memoizedIcons = useMemo(
     () => ({
-      ...{
-        openIcon: DefaultIcons.OpenIcon,
-        closeIcon: DefaultIcons.CloseIcon,
-        headerCloseIcon: DefaultIcons.HeaderCloseIcon,
-        sendIcon: DefaultIcons.SendIcon,
-        activityIcon: DefaultIcons.ActivityIcon,
-        spinnerIcon: DefaultIcons.SpinnerIcon,
-        stopIcon: DefaultIcons.StopIcon,
-        regenerateIcon: DefaultIcons.RegenerateIcon,
-        pushToTalkIcon: DefaultIcons.MicrophoneIcon,
-        copyIcon: DefaultIcons.CopyIcon,
-        thumbsUpIcon: DefaultIcons.ThumbsUpIcon,
-        thumbsDownIcon: DefaultIcons.ThumbsDownIcon,
-        uploadIcon: DefaultIcons.UploadIcon,
-      },
+      openIcon: DefaultIcons.OpenIcon,
+      closeIcon: DefaultIcons.CloseIcon,
+      headerCloseIcon: DefaultIcons.HeaderCloseIcon,
+      sendIcon: DefaultIcons.SendIcon,
+      activityIcon: DefaultIcons.ActivityIcon,
+      spinnerIcon: DefaultIcons.SpinnerIcon,
+      stopIcon: DefaultIcons.StopIcon,
+      regenerateIcon: DefaultIcons.RegenerateIcon,
+      pushToTalkIcon: DefaultIcons.MicrophoneIcon,
+      copyIcon: DefaultIcons.CopyIcon,
+      thumbsUpIcon: DefaultIcons.ThumbsUpIcon,
+      thumbsDownIcon: DefaultIcons.ThumbsDownIcon,
+      uploadIcon: DefaultIcons.UploadIcon,
       ...icons,
     }),
     [icons],

package/src/context/index.ts

@@ -1 +0,0 @@
-export {};

package/src/css/sidebar.css

@@ -37,19 +37,6 @@
   overflow: visible;
   margin-right: 0px;
   transition: margin-right 0.3s ease;
-  min-height: 100vh;
-  min-height: 100dvh;
-  height: 100%;
-}
-
-.copilotKitSidebarContentWrapper > .copilotKitModalChildrenWrapper {
-  min-height: 100%;
-  height: 100%;
-}
-
-.copilotKitSidebarContentWrapper > .copilotKitModalChildrenWrapper > * {
-  min-height: 100%;
-  height: 100%;
 }
 
 @media (min-width: 640px) {

package/src/css/window.css

@@ -32,6 +32,13 @@
   transform: translateX(0);
 }
 
+.copilotKitChatBody {
+  flex: 1 1 0%;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
 @media (min-width: 640px) {
   .copilotKitWindow {
     transform-origin: bottom right;

package/src/hooks/use-copy-to-clipboard.tsx

@@ -7,7 +7,7 @@ export interface useCopyToClipboardProps {
 export function useCopyToClipboard({
   timeout = 2000,
 }: useCopyToClipboardProps) {
-  const [isCopied, setIsCopied] = React.useState<Boolean>(false);
+  const [isCopied, setIsCopied] = React.useState<boolean>(false);
 
   const copyToClipboard = (value: string) => {
     if (typeof window === "undefined" || !navigator.clipboard?.writeText) {