@copilotkit/react-ui 1.4.8-no-pino-redact.1 → 1.4.8

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # ui
 
-## 1.4.8-no-pino-redact.1
+## 1.4.8
 
 ### Patch Changes
 
-- @copilotkit/runtime-client-gql@1.4.8-no-pino-redact.1
-- @copilotkit/react-core@1.4.8-no-pino-redact.1
-- @copilotkit/shared@1.4.8-no-pino-redact.1
+- ea0c5d5: - fix: prevent sending empty messages via Enter key
+
+  When the input field was empty, pressing Enter would still trigger the
+  send() function despite the send button being correctly disabled. Added
+  the sendDisabled check to the onKeyDown handler to ensure consistent
+  validation between button and keyboard triggers.
+
+  - Added validation check to Enter key handler
+  - Ensures empty messages can't be sent via keyboard shortcut
+  - Makes behavior consistent with disabled send button state
+
+  Resolves #1129
+
+- - Better error handling
+  - Introduce new "EmptyLLMAdapter" for when using CoAgents
+  - Improve dev console help options
+  - Allow CopilotKit remote endpoint without agents
+- Updated dependencies
+  - @copilotkit/react-core@1.4.8
+  - @copilotkit/runtime-client-gql@1.4.8
+  - @copilotkit/shared@1.4.8
 
 ## 1.4.8-next.0
 

package/dist/{chunk-T35X2SFE.mjs → chunk-46UJJGXP.mjs}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-RJCZRKTV.mjs";
 import {
   CopilotDevConsole
-} from "./chunk-TTYR7XPN.mjs";
+} from "./chunk-DVMTTXGZ.mjs";
 import {
   Input
 } from "./chunk-EMQEEXUB.mjs";
@@ -198,4 +198,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-T35X2SFE.mjs.map
+//# sourceMappingURL=chunk-46UJJGXP.mjs.map

package/dist/{chunk-E5SSVET3.mjs → chunk-752NGHCE.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-T35X2SFE.mjs";
+} from "./chunk-46UJJGXP.mjs";
 import {
   Input
 } from "./chunk-EMQEEXUB.mjs";
@@ -88,4 +88,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-E5SSVET3.mjs.map
+//# sourceMappingURL=chunk-752NGHCE.mjs.map

package/dist/{chunk-FUDBUYBG.mjs → chunk-CVHT5XCA.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-E5SSVET3.mjs";
+} from "./chunk-752NGHCE.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-FUDBUYBG.mjs.map
+//# sourceMappingURL=chunk-CVHT5XCA.mjs.map

package/dist/{chunk-TTYR7XPN.mjs → chunk-DVMTTXGZ.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-4FIGRRFS.mjs";
 import {
   CopilotKitHelpModal
-} from "./chunk-ICGZEGHQ.mjs";
+} from "./chunk-TI7SY2RI.mjs";
 import {
   CheckIcon,
   ChevronDownIcon,
@@ -229,4 +229,4 @@ export {
   CopilotDevConsole,
   DebugMenuButton
 };
-//# sourceMappingURL=chunk-TTYR7XPN.mjs.map
+//# sourceMappingURL=chunk-DVMTTXGZ.mjs.map

package/dist/{chunk-ZQFKJLQ6.mjs → chunk-PNKBFDUI.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-E5SSVET3.mjs";
+} from "./chunk-752NGHCE.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-ZQFKJLQ6.mjs.map
+//# sourceMappingURL=chunk-PNKBFDUI.mjs.map

package/dist/{chunk-ICGZEGHQ.mjs → chunk-TI7SY2RI.mjs}

@@ -1,6 +1,5 @@
 import {
   CloseIcon,
-  LifeBuoyIcon,
   LoadingSpinnerIcon
 } from "./chunk-BH6PCAAL.mjs";
 import {
@@ -49,9 +48,10 @@ function CopilotKitHelpModal() {
     "button",
     {
       onClick: () => setShowHelpModal(true),
-      className: "p-2 bg-transparent rounded-full shadow-lg hover:shadow-xl transition-shadow duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500",
+      style: { width: "50px", height: "30px", marginRight: "0.25rem" },
+      className: "text-sm p-0 bg-transparent rounded border border-blue-500",
       "aria-label": "Open Help",
-      children: /* @__PURE__ */ jsx(LifeBuoyIcon, {})
+      children: "Help"
     }
   );
   const submitButtonDisabled = useMemo(
@@ -78,6 +78,15 @@ function CopilotKitHelpModal() {
           ),
           /* @__PURE__ */ jsx("div", { className: "w-full flex mb-6 justify-center", children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Help Options" }) }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "https://docs.copilotkit.ai/coagents/troubleshooting/common-issues",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "Visit the Troubleshooting and FAQ section in the docs"
+              }
+            ) }),
             /* @__PURE__ */ jsx("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ jsx(
               "a",
               {
@@ -152,4 +161,4 @@ function CopilotKitHelpModal() {
 export {
   CopilotKitHelpModal
 };
-//# sourceMappingURL=chunk-ICGZEGHQ.mjs.map
+//# sourceMappingURL=chunk-TI7SY2RI.mjs.map

package/dist/chunk-TI7SY2RI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/help-modal/modal.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { CloseIcon, LifeBuoyIcon, LoadingSpinnerIcon } from \"./icons\";\n\nexport function CopilotKitHelpModal() {\n  const [showHelpModal, setShowHelpModal] = useState(false);\n  const [issueDescription, setIssueDescription] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [emailError, setEmailError] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n\n  const validateEmail = (email: string) => {\n    const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n    return re.test(email);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (email?.length > 0 && !validateEmail(email)) {\n      setEmailError(\"Please enter a valid email address\");\n      return;\n    }\n    setSubmitting(true);\n\n    await fetch(\"https://api.segment.io/v1/track\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify({\n        event: \"oss.dev-console.help\",\n        anonymousId: window.crypto.randomUUID(),\n        properties: { email, text: issueDescription },\n        writeKey: \"q0gQqvGYyw9pNyhIocNzefSYKGO1aiwW\",\n      }),\n    });\n\n    // Reset\n    setEmailError(\"\");\n    setEmail(\"\");\n    setIssueDescription(\"\");\n    setSubmitting(false);\n    setShowHelpModal(false);\n  };\n\n  const HelpButton = () => (\n    <button\n      onClick={() => setShowHelpModal(true)}\n      style={{ width: \"50px\", height: \"30px\", marginRight: \"0.25rem\" }}\n      className=\"text-sm p-0 bg-transparent rounded border border-blue-500\"\n      aria-label=\"Open Help\"\n    >\n      Help\n    </button>\n  );\n\n  const submitButtonDisabled = useMemo(\n    () => submitting || !!emailError || issueDescription == null || issueDescription?.length == 0,\n    [submitting, emailError, issueDescription],\n  );\n\n  return (\n    <>\n      <HelpButton />\n      {showHelpModal && (\n        <div\n          className=\"fixed inset-0 flex items-center justify-center p-4\"\n          style={{ backgroundColor: \"rgba(11, 15, 26, 0.5)\", zIndex: 99 }}\n        >\n          <div className=\"bg-white rounded-lg shadow-xl max-w-md w-full p-4 flex-col relative\">\n            <button\n              className=\"absolute text-gray-400 hover:text-gray-600 focus:outline-none\"\n              style={{ top: \"10px\", right: \"10px\" }}\n              onClick={() => setShowHelpModal(false)}\n              aria-label=\"Close\"\n            >\n              <CloseIcon />\n            </button>\n            <div className=\"w-full flex mb-6 justify-center\">\n              <h2 className=\"text-2xl font-bold\">Help Options</h2>\n            </div>\n            <div className=\"space-y-4 mb-4\">\n              <div className=\"block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm\">\n                <a\n                  href=\"https://docs.copilotkit.ai/coagents/troubleshooting/common-issues\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  Visit the Troubleshooting and FAQ section in the docs\n                </a>\n              </div>\n              <div className=\"block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm\">\n                <a\n                  href=\"https://go.copilotkit.ai/dev-console-support-discord\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  Go to Discord Support Channel (Community Support)\n                </a>\n              </div>\n              <div className=\"block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm\">\n                <a\n                  href=\"https://go.copilotkit.ai/dev-console-support-slack\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  Apply for Priority Direct Slack Support\n                </a>\n              </div>\n            </div>\n            <form onSubmit={handleSubmit} className=\"flex flex-col space-y-2\">\n              <div>\n                <label htmlFor=\"feedback\" className=\"block text-sm font-medium text-gray-700 mb-1\">\n                  Let us know what your issue is:\n                </label>\n                <textarea\n                  id=\"feedback\"\n                  rows={4}\n                  className=\"w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500\"\n                  placeholder=\"A Loom link / screen recording is always great!\"\n                  onChange={(e) => setIssueDescription(e.target.value)}\n                  value={issueDescription}\n                  required\n                ></textarea>\n              </div>\n              <div>\n                <label htmlFor=\"email\" className=\"block text-sm font-medium text-gray-700 mb-1\">\n                  Email (optional):\n                </label>\n                <input\n                  type=\"email\"\n                  id=\"email\"\n                  className={`w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500 ${emailError ? \"border-red-500\" : \"\"}`}\n                  placeholder=\"Enter your email for follow-up\"\n                  onChange={(e) => {\n                    setEmail(e.target.value);\n                    setEmailError(\"\");\n                  }}\n                  value={email}\n                />\n                {emailError && <p className=\"text-red-500 text-sm mt-1\">{emailError}</p>}\n              </div>\n              <div className=\"bg-gray-50 px-4 py-4 sm:px-6 sm:flex sm:flex-row-reverse rounded-b-lg\">\n                <button\n                  type=\"submit\"\n                  onClick={handleSubmit}\n                  disabled={submitButtonDisabled}\n                  style={\n                    submitButtonDisabled\n                      ? { backgroundColor: \"rgb(216, 216, 216)\", color: \"rgb(129, 129, 129)\" }\n                      : undefined\n                  }\n                  className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-500 text-base font-medium text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:shadow-none\"\n                >\n                  {submitting ? <LoadingSpinnerIcon color=\"white\" /> : \"Submit\"}\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":["email"]}

package/dist/components/chat/Chat.js

@@ -1764,30 +1764,6 @@ var import_react8 = require("react");
 
 // src/components/help-modal/icons.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var LifeBuoyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "icon icon-tabler icons-tabler-outline icon-tabler-lifebuoy",
-    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { transform: "translate(0, -1)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M15 15l3.35 3.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M9 15l-3.35 3.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M5.65 5.65l3.35 3.35" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M18.35 5.65l-3.35 3.35" })
-    ] })
-  }
-);
 var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "svg",
   {
@@ -1878,9 +1854,10 @@ function CopilotKitHelpModal() {
     "button",
     {
       onClick: () => setShowHelpModal(true),
-      className: "p-2 bg-transparent rounded-full shadow-lg hover:shadow-xl transition-shadow duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500",
+      style: { width: "50px", height: "30px", marginRight: "0.25rem" },
+      className: "text-sm p-0 bg-transparent rounded border border-blue-500",
       "aria-label": "Open Help",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LifeBuoyIcon, {})
+      children: "Help"
     }
   );
   const submitButtonDisabled = (0, import_react8.useMemo)(
@@ -1907,6 +1884,15 @@ function CopilotKitHelpModal() {
           ),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full flex mb-6 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "text-2xl font-bold", children: "Help Options" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-4 mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              "a",
+              {
+                href: "https://docs.copilotkit.ai/coagents/troubleshooting/common-issues",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "Visit the Troubleshooting and FAQ section in the docs"
+              }
+            ) }),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "a",
               {