@copilotkit/react-ui 1.10.5 → 1.10.6-next.1

package/dist/index.mjs

@@ -4,12 +4,12 @@ import "./chunk-MMVDU6DF.mjs";
 import "./chunk-SC6JRFAJ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-SDQTGCT2.mjs";
+} from "./chunk-SNGWNZNH.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-QPONDGDJ.mjs";
-import "./chunk-DSNTTAJX.mjs";
+} from "./chunk-5HQD6ZPA.mjs";
+import "./chunk-7HAFY2YK.mjs";
 import "./chunk-C3GSYRC3.mjs";
 import "./chunk-GDSZGYCE.mjs";
 import "./chunk-V7W6IM2V.mjs";
@@ -26,7 +26,7 @@ import "./chunk-BH6PCAAL.mjs";
 import "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-K2FLPUR5.mjs";
+} from "./chunk-G7VB7A4O.mjs";
 import {
   Suggestions
 } from "./chunk-226ZMOE3.mjs";
@@ -34,8 +34,8 @@ import {
   Suggestion
 } from "./chunk-W26XFBEG.mjs";
 import "./chunk-PLHTVHUW.mjs";
-import "./chunk-DTRPPNSA.mjs";
-import "./chunk-CGEAG65D.mjs";
+import "./chunk-ZJCHKHE4.mjs";
+import "./chunk-ELGRNEAO.mjs";
 import "./chunk-QIOJXTIQ.mjs";
 import "./chunk-W7ONZTSW.mjs";
 import "./chunk-2LIO4Z3E.mjs";

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.10.5",
+  "version": "1.10.6-next.1",
   "sideEffects": [
     "**/*.css"
   ],
@@ -51,9 +51,9 @@
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "@copilotkit/react-core": "1.10.5",
-    "@copilotkit/runtime-client-gql": "1.10.5",
-    "@copilotkit/shared": "1.10.5"
+    "@copilotkit/react-core": "1.10.6-next.1",
+    "@copilotkit/runtime-client-gql": "1.10.6-next.1",
+    "@copilotkit/shared": "1.10.6-next.1"
   },
   "keywords": [
     "copilotkit",

package/src/components/chat/PoweredByTag.tsx

@@ -1,9 +1,22 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
 import { useDarkMode } from "../../hooks/use-dark-mode";
 
 export function PoweredByTag({ showPoweredBy = true }: { showPoweredBy?: boolean }) {
+  const [mounted, setMounted] = useState(false);
   const isDark = useDarkMode();
 
+  /*
+    note(tylerslaton):
+
+    Ensure we only use the isDark computed value after client-side mount.
+    This prevents hydration mismatches by using a default color on the
+    server and initial client render, then updating to the correct
+    dark mode color after hydration is complete.
+  */
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
   if (!showPoweredBy) {
     return null;
   }
@@ -15,7 +28,7 @@ export function PoweredByTag({ showPoweredBy = true }: { showPoweredBy?: boolean
     textAlign: "center",
     fontSize: "12px",
     padding: "3px 0",
-    color: isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)",
+    color: mounted && isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)",
   };
 
   return (

package/dist/chunk-CGEAG65D.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/PoweredByTag.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDarkMode } from \"../../hooks/use-dark-mode\";\n\nexport function PoweredByTag({ showPoweredBy = true }: { showPoweredBy?: boolean }) {\n  const isDark = useDarkMode();\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: 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":";;;;;AAuBM;AApBC,SAAS,aAAa,EAAE,gBAAgB,KAAK,GAAgC;AAClF,QAAM,SAAS,YAAY;AAE3B,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,SAAS,oBAAoB;AAAA,EACtC;AAEA,SACE,oBAAC,SAEC,8BAAC,OAAE,WAAU,aAAY,OAAO,gBAAgB,mCAEhD,GACF;AAEJ;","names":[]}