@copilotkit/react-ui 1.50.0-beta.0 → 1.50.0-beta.2

package/dist/index.mjs

@@ -4,29 +4,29 @@ import "./chunk-MMVDU6DF.mjs";
 import "./chunk-SC6JRFAJ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-SOB5EIL7.mjs";
+} from "./chunk-24MMWKMP.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-CQ2WALZ7.mjs";
-import "./chunk-3JYVJHL5.mjs";
+} from "./chunk-L55Z6ZQS.mjs";
+import "./chunk-MGSZR7SA.mjs";
 import "./chunk-C3GSYRC3.mjs";
-import "./chunk-GDSZGYCE.mjs";
+import "./chunk-V6DDX4LH.mjs";
 import "./chunk-V7W6IM2V.mjs";
 import {
   CopilotDevConsole
-} from "./chunk-FFJHOZX6.mjs";
+} from "./chunk-WBPBTTQD.mjs";
+import "./chunk-KXE2JCUH.mjs";
+import "./chunk-NRA3CFEE.mjs";
+import "./chunk-BH6PCAAL.mjs";
 import "./chunk-Q5V6S67N.mjs";
 import {
   shouldShowDevConsole
 } from "./chunk-JY2CSDKN.mjs";
-import "./chunk-KXE2JCUH.mjs";
-import "./chunk-NRA3CFEE.mjs";
-import "./chunk-BH6PCAAL.mjs";
 import "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-G35HUUDA.mjs";
+} from "./chunk-37P64FUX.mjs";
 import {
   Suggestions
 } from "./chunk-QB3GUN2N.mjs";
@@ -34,21 +34,21 @@ import {
   Suggestion
 } from "./chunk-NGJ32FAP.mjs";
 import "./chunk-PLHTVHUW.mjs";
-import "./chunk-HBZW7E5Z.mjs";
+import "./chunk-3W6J75HS.mjs";
 import "./chunk-ELGRNEAO.mjs";
 import "./chunk-QIOJXTIQ.mjs";
-import "./chunk-E6WVAOQA.mjs";
-import "./chunk-ODEHR7KI.mjs";
-import "./chunk-MPF6BJUF.mjs";
+import "./chunk-5AHRKF3X.mjs";
+import "./chunk-CCFOWF6X.mjs";
+import "./chunk-3XBVD2CB.mjs";
+import {
+  UserMessage
+} from "./chunk-RYUCX3ZK.mjs";
 import {
   AssistantMessage
 } from "./chunk-IHFR6PYG.mjs";
 import {
   ImageRenderer
 } from "./chunk-DBKRAOH7.mjs";
-import {
-  UserMessage
-} from "./chunk-3YWFGNSM.mjs";
 import {
   Markdown
 } from "./chunk-JZ3RFQQ6.mjs";
@@ -57,7 +57,6 @@ import {
 } from "./chunk-IEMQ2SQW.mjs";
 import "./chunk-IK2BPURM.mjs";
 import "./chunk-XWG3L6QC.mjs";
-import "./chunk-IU3WTXLQ.mjs";
 import "./chunk-T26KLXLH.mjs";
 import {
   useCopilotChatSuggestions
@@ -66,6 +65,7 @@ import "./chunk-54JAUBUJ.mjs";
 import "./chunk-JGMFJZMG.mjs";
 import "./chunk-O72ZB5V3.mjs";
 import "./chunk-MRXNTQOX.mjs";
+import "./chunk-IU3WTXLQ.mjs";
 export {
   AssistantMessage,
   CopilotChat,

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.50.0-beta.0",
+  "version": "1.50.0-beta.2",
   "sideEffects": [
     "**/*.css"
   ],
@@ -25,17 +25,8 @@
   },
   "types": "./dist/index.d.ts",
   "license": "MIT",
-  "scripts": {
-    "build": "tsup --clean",
-    "dev": "tsup --watch --no-splitting",
-    "test": "jest",
-    "check-types": "tsc --noEmit",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist && rm -rf .next",
-    "link:global": "pnpm link --global",
-    "unlink:global": "pnpm unlink --global"
-  },
   "peerDependencies": {
-    "@copilotkitnext/core": "0.0.22",
+    "@copilotkitnext/core": "0.0.23",
     "react": "^18 || ^19 || ^19.0.0-rc"
   },
   "devDependencies": {
@@ -43,27 +34,27 @@
     "@types/react": "^19.1.0",
     "@types/react-syntax-highlighter": "^15.5.7",
     "eslint": "^8.56.0",
-    "eslint-config-custom": "workspace:*",
     "jest": "^29.6.4",
     "postcss": "^8.4.20",
     "react": "^18.2.0",
-    "tailwind-config": "workspace:*",
     "tailwindcss": "^3.3.0",
     "ts-jest": "^29.1.1",
-    "tsconfig": "workspace:*",
     "tsup": "^6.7.0",
-    "typescript": "^5.2.3"
+    "typescript": "^5.2.3",
+    "eslint-config-custom": "1.4.6",
+    "tailwind-config": "1.4.6",
+    "tsconfig": "1.4.6"
   },
   "dependencies": {
-    "@copilotkit/react-core": "workspace:*",
-    "@copilotkit/runtime-client-gql": "workspace:*",
-    "@copilotkit/shared": "workspace:*",
     "@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"
+    "remark-math": "^6.0.0",
+    "@copilotkit/react-core": "1.50.0-beta.2",
+    "@copilotkit/runtime-client-gql": "1.50.0-beta.2",
+    "@copilotkit/shared": "1.50.0-beta.2"
   },
   "keywords": [
     "copilotkit",
@@ -76,5 +67,14 @@
     "javascript",
     "automation",
     "textarea"
-  ]
-}
+  ],
+  "scripts": {
+    "build": "tsup --clean",
+    "dev": "tsup --watch --no-splitting",
+    "test": "jest",
+    "check-types": "tsc --noEmit",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist && rm -rf .next",
+    "link:global": "pnpm link --global",
+    "unlink:global": "pnpm unlink --global"
+  }
+}

package/src/components/chat/Input.tsx

@@ -11,7 +11,7 @@ const MAX_NEWLINES = 6;
 export const Input = ({
   inProgress,
   onSend,
-  chatReady = true,
+  chatReady = false,
   onStop,
   onUpload,
   hideStopButton = false,
@@ -73,7 +73,7 @@ export const Input = ({
   const isInProgress = inProgress || pushToTalkState === "transcribing";
   const { buttonIcon, buttonAlt } = useMemo(() => {
     if (!chatReady) return { buttonIcon: context.icons.spinnerIcon, buttonAlt: "Loading" };
-    return isInProgress && !hideStopButton
+    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]);

package/src/components/chat/messages/UserMessage.tsx

@@ -11,16 +11,18 @@ const getTextContent = (content: UserMessageContent | undefined): string | undef
     return content;
   }
 
-  return content
-    .map((part) => {
-      if (part.type === "text") {
-        return part.text;
-      }
-      return undefined;
-    })
-    .filter((value): value is string => typeof value === "string" && value.length > 0)
-    .join(" ")
-    .trim() || undefined;
+  return (
+    content
+      .map((part) => {
+        if (part.type === "text") {
+          return part.text;
+        }
+        return undefined;
+      })
+      .filter((value): value is string => typeof value === "string" && value.length > 0)
+      .join(" ")
+      .trim() || undefined
+  );
 };
 
 export const UserMessage = (props: UserMessageProps) => {

package/src/css/messages.css

@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   background-color: var(--copilot-kit-background-color);
+  color: var(--copilot-kit-secondary-contrast-color);
   justify-content: space-between;
   z-index: 1;
 }

package/dist/chunk-3YWFGNSM.mjs.map

@@ -1 +0,0 @@
-{"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 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\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":";AAmCQ;AA/BR,IAAM,iBAAiB,CAAC,YAAgE;AACtF,MAAI,OAAO,YAAY,aAAa;AAClC,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,SAAO,QACJ,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;AACf;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.map

@@ -1 +0,0 @@
-{"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 = true,\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\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"]}