@copilotkit/react-ui 1.4.7 → 1.4.8-coagents-v0-3.1

package/dist/index.mjs

@@ -4,18 +4,18 @@ import "./chunk-MMVDU6DF.mjs";
 import "./chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-TKFQ7VQR.mjs";
+} from "./chunk-ROVHRIKR.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-VYKDFXGS.mjs";
-import "./chunk-63ZKP62F.mjs";
+} from "./chunk-VUK75M5B.mjs";
+import "./chunk-H7UVF2NY.mjs";
 import "./chunk-YAGE7RCE.mjs";
 import "./chunk-VEC45H6Q.mjs";
 import "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-DHGDU64D.mjs";
+} from "./chunk-M7MHMZ5O.mjs";
 import "./chunk-6INMITFA.mjs";
 import "./chunk-RU73BEZM.mjs";
 import "./chunk-V7W6IM2V.mjs";
@@ -24,15 +24,15 @@ import "./chunk-ZABXREBH.mjs";
 import "./chunk-RJCZRKTV.mjs";
 import {
   CopilotDevConsole
-} from "./chunk-2B57NCBA.mjs";
+} from "./chunk-6GBOJUX4.mjs";
 import {
   shouldShowDevConsole
-} from "./chunk-4FIGRRFS.mjs";
+} from "./chunk-PNQVKBPN.mjs";
 import "./chunk-KXE2JCUH.mjs";
-import "./chunk-WOUWNTAV.mjs";
-import "./chunk-4T3TMQNJ.mjs";
+import "./chunk-ICGZEGHQ.mjs";
+import "./chunk-BH6PCAAL.mjs";
 import "./chunk-OTPAZXVR.mjs";
-import "./chunk-4LUMV4YO.mjs";
+import "./chunk-EMQEEXUB.mjs";
 import "./chunk-YQFVRDNC.mjs";
 import "./chunk-YQ3D5IQV.mjs";
 import "./chunk-RKPANT3F.mjs";

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.4.7",
+  "version": "1.4.8-coagents-v0-3.1",
   "sideEffects": [
     "**/*.css"
   ],
@@ -50,9 +50,9 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "@copilotkit/react-core": "1.4.7",
-    "@copilotkit/runtime-client-gql": "1.4.7",
-    "@copilotkit/shared": "1.4.7"
+    "@copilotkit/react-core": "1.4.8-coagents-v0-3.1",
+    "@copilotkit/runtime-client-gql": "1.4.8-coagents-v0-3.1",
+    "@copilotkit/shared": "1.4.8-coagents-v0-3.1"
   },
   "keywords": [
     "copilotkit",

package/src/components/chat/Input.tsx

@@ -50,7 +50,12 @@ export const Input = ({ inProgress, onSend, isVisible = false }: InputProps) =>
     pushToTalkConfigured &&
     (pushToTalkState === "idle" || pushToTalkState === "recording") &&
     !inProgress;
-  const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== "idle";
+
+  const canSend = () => {
+    return !inProgress && text.trim().length > 0 && pushToTalkState === "idle";
+  };
+
+  const sendDisabled = !canSend();
 
   return (
     <div className="copilotKitInput" onClick={handleDivClick}>
@@ -64,7 +69,9 @@ export const Input = ({ inProgress, onSend, isVisible = false }: InputProps) =>
         onKeyDown={(event) => {
           if (event.key === "Enter" && !event.shiftKey) {
             event.preventDefault();
-            send();
+            if (canSend()) {
+              send();
+            }
           }
         }}
       />

package/src/components/dev-console/utils.ts

@@ -135,7 +135,7 @@ export function logMessages(context: CopilotMessagesContextParams) {
         type: "ActionExecutionMessage",
         role: undefined,
         name: message.name,
-        scope: message.scope,
+        scope: message.parentMessageId,
         content: message.arguments,
       };
     } else if (message.isResultMessage()) {

package/src/components/help-modal/icons.tsx

@@ -38,3 +38,31 @@ export const CloseIcon = () => (
     <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
   </svg>
 );
+
+export const LoadingSpinnerIcon = ({ color = "rgb(107 114 128)" }: { color?: string }) => (
+  <svg
+    style={{
+      animation: "copilotKitSpinAnimation 1s linear infinite",
+      color,
+    }}
+    width="24"
+    height="24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <circle
+      style={{ opacity: 0.25 }}
+      cx="12"
+      cy="12"
+      r="10"
+      stroke="currentColor"
+      strokeWidth="4"
+    ></circle>
+    <path
+      style={{ opacity: 0.75 }}
+      fill="currentColor"
+      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    ></path>
+  </svg>
+);

package/src/components/help-modal/modal.tsx

@@ -1,12 +1,45 @@
-import React, { useState } from "react";
-import { CloseIcon, LifeBuoyIcon } from "./icons";
+import React, { useMemo, useState } from "react";
+import { CloseIcon, LifeBuoyIcon, LoadingSpinnerIcon } from "./icons";
 
 export function CopilotKitHelpModal() {
   const [showHelpModal, setShowHelpModal] = useState(false);
   const [issueDescription, setIssueDescription] = useState("");
+  const [email, setEmail] = useState("");
+  const [emailError, setEmailError] = useState("");
+  const [submitting, setSubmitting] = useState(false);
 
-  const handleSubmit = () => {
-    // submit issueDescription
+  const validateEmail = (email: string) => {
+    const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    return re.test(email);
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+
+    if (email?.length > 0 && !validateEmail(email)) {
+      setEmailError("Please enter a valid email address");
+      return;
+    }
+    setSubmitting(true);
+
+    await fetch("https://api.segment.io/v1/track", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        event: "oss.dev-console.help",
+        anonymousId: window.crypto.randomUUID(),
+        properties: { email, text: issueDescription },
+        writeKey: "q0gQqvGYyw9pNyhIocNzefSYKGO1aiwW",
+      }),
+    });
+
+    // Reset
+    setEmailError("");
+    setEmail("");
+    setIssueDescription("");
+    setSubmitting(false);
     setShowHelpModal(false);
   };
 
@@ -20,6 +53,11 @@ export function CopilotKitHelpModal() {
     </button>
   );
 
+  const submitButtonDisabled = useMemo(
+    () => submitting || !!emailError || issueDescription == null || issueDescription?.length == 0,
+    [submitting, emailError, issueDescription],
+  );
+
   return (
     <>
       <HelpButton />
@@ -60,29 +98,54 @@ export function CopilotKitHelpModal() {
                 </a>
               </div>
             </div>
-            {/*<form onSubmit={handleSubmit} className="flex flex-col space-y-4">*/}
-            {/*    <div>*/}
-            {/*        <label htmlFor="feedback" className="block text-sm font-medium text-gray-700 mb-1">*/}
-            {/*            Let us know what your issue is:*/}
-            {/*        </label>*/}
-            {/*        <textarea*/}
-            {/*            id="feedback"*/}
-            {/*            rows={4}*/}
-            {/*            className="w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500"*/}
-            {/*            placeholder="A Loom link / screen recording is always great!"*/}
-            {/*            onChange={e => setIssueDescription(e.target.value)}*/}
-            {/*            value={issueDescription}*/}
-            {/*        ></textarea>*/}
-            {/*    </div>*/}
-            {/*    <div className="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse rounded-b-lg">*/}
-            {/*        <button*/}
-            {/*            type="submit"*/}
-            {/*            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"*/}
-            {/*        >*/}
-            {/*            Submit*/}
-            {/*        </button>*/}
-            {/*    </div>*/}
-            {/*</form>*/}
+            <form onSubmit={handleSubmit} className="flex flex-col space-y-2">
+              <div>
+                <label htmlFor="feedback" className="block text-sm font-medium text-gray-700 mb-1">
+                  Let us know what your issue is:
+                </label>
+                <textarea
+                  id="feedback"
+                  rows={4}
+                  className="w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500"
+                  placeholder="A Loom link / screen recording is always great!"
+                  onChange={(e) => setIssueDescription(e.target.value)}
+                  value={issueDescription}
+                  required
+                ></textarea>
+              </div>
+              <div>
+                <label htmlFor="email" className="block text-sm font-medium text-gray-700 mb-1">
+                  Email (optional):
+                </label>
+                <input
+                  type="email"
+                  id="email"
+                  className={`w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-blue-500 ${emailError ? "border-red-500" : ""}`}
+                  placeholder="Enter your email for follow-up"
+                  onChange={(e) => {
+                    setEmail(e.target.value);
+                    setEmailError("");
+                  }}
+                  value={email}
+                />
+                {emailError && <p className="text-red-500 text-sm mt-1">{emailError}</p>}
+              </div>
+              <div className="bg-gray-50 px-4 py-4 sm:px-6 sm:flex sm:flex-row-reverse rounded-b-lg">
+                <button
+                  type="submit"
+                  onClick={handleSubmit}
+                  disabled={submitButtonDisabled}
+                  style={
+                    submitButtonDisabled
+                      ? { backgroundColor: "rgb(216, 216, 216)", color: "rgb(129, 129, 129)" }
+                      : undefined
+                  }
+                  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"
+                >
+                  {submitting ? <LoadingSpinnerIcon color="white" /> : "Submit"}
+                </button>
+              </div>
+            </form>
           </div>
         </div>
       )}

package/dist/chunk-4LUMV4YO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useEffect, 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 } from \"@copilotkit/react-core\";\n\nexport const Input = ({ inProgress, onSend, isVisible = false }: InputProps) => {\n  const context = useChatContext();\n  const copilotContext = useCopilotContext();\n\n  const pushToTalkConfigured =\n    copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n    copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    // Check if the clicked element is not the textarea itself\n    if (event.target !== event.currentTarget) return;\n\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  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 sendIcon =\n    inProgress || pushToTalkState === \"transcribing\"\n      ? context.icons.activityIcon\n      : context.icons.sendIcon;\n  const showPushToTalk =\n    pushToTalkConfigured &&\n    (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n    !inProgress;\n  const sendDisabled = inProgress || text.length === 0 || pushToTalkState !== \"idle\";\n\n  return (\n    <div className=\"copilotKitInput\" onClick={handleDivClick}>\n      <AutoResizingTextarea\n        ref={textareaRef}\n        placeholder={context.labels.placeholder}\n        autoFocus={true}\n        maxRows={5}\n        value={text}\n        onChange={(event) => setText(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\" && !event.shiftKey) {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      <div className=\"copilotKitInputControls\">\n        {showPushToTalk && (\n          <button\n            onClick={() =>\n              setPushToTalkState(pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\")\n            }\n            className={pushToTalkState === \"recording\" ? \"copilotKitPushToTalkRecording\" : \"\"}\n          >\n            {context.icons.pushToTalkIcon}\n          </button>\n        )}\n        <button\n          disabled={sendDisabled}\n          onClick={send}\n          data-copilotkit-in-progress={!!inProgress}\n          data-testid={inProgress ? \"copilot-chat-request-in-progress\" : undefined}\n        >\n          {sendIcon}\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAKnD,SAAS,yBAAyB;AAmD5B,cAcA,YAdA;AAjDC,IAAM,QAAQ,CAAC,EAAE,YAAY,QAAQ,YAAY,MAAM,MAAkB;AAC9E,QAAM,UAAU,eAAe;AAC/B,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,uBACJ,eAAe,iBAAiB,oBAAoB,UACpD,eAAe,iBAAiB,uBAAuB;AAEzD,QAAM,cAAc,OAA4B,IAAI;AAEpD,QAAM,iBAAiB,CAAC,UAA4C;AAjBtE;AAmBI,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,OAAO,MAAM;AAzBrB;AA0BI,QAAI;AAAY;AAChB,WAAO,IAAI;AACX,YAAQ,EAAE;AAEV,sBAAY,YAAZ,mBAAqB;AAAA,EACvB;AAEA,YAAU,MAAM;AAjClB;AAkCI,QAAI,WAAW;AACb,wBAAY,YAAZ,mBAAqB;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,cAAc;AAAA,IAC5D,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,WACJ,cAAc,oBAAoB,iBAC9B,QAAQ,MAAM,eACd,QAAQ,MAAM;AACpB,QAAM,iBACJ,yBACC,oBAAoB,UAAU,oBAAoB,gBACnD,CAAC;AACH,QAAM,eAAe,cAAc,KAAK,WAAW,KAAK,oBAAoB;AAE5E,SACE,qBAAC,SAAI,WAAU,mBAAkB,SAAS,gBACxC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAa,QAAQ,OAAO;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;AAC5C,kBAAM,eAAe;AACrB,iBAAK;AAAA,UACP;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MACP,mBAAmB,oBAAoB,SAAS,cAAc,cAAc;AAAA,UAE9E,WAAW,oBAAoB,cAAc,kCAAkC;AAAA,UAE9E,kBAAQ,MAAM;AAAA;AAAA,MACjB;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,SAAS;AAAA,UACT,+BAA6B,CAAC,CAAC;AAAA,UAC/B,eAAa,aAAa,qCAAqC;AAAA,UAE9D;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-4T3TMQNJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/help-modal/icons.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const LifeBuoyIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"icon icon-tabler icons-tabler-outline icon-tabler-lifebuoy\"\n  >\n    <g transform=\"translate(0, -1)\">\n      <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n      <path d=\"M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\" />\n      <path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" />\n      <path d=\"M15 15l3.35 3.35\" />\n      <path d=\"M9 15l-3.35 3.35\" />\n      <path d=\"M5.65 5.65l3.35 3.35\" />\n      <path d=\"M18.35 5.65l-3.35 3.35\" />\n    </g>\n  </svg>\n);\n\nexport const CloseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    strokeWidth=\"1.5\"\n    stroke=\"currentColor\"\n    width=\"20\"\n    height=\"20\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n);\n"],"mappings":";AAeI,SACE,KADF;AAbG,IAAM,eAAe,MAC1B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,WAAU;AAAA,IAEV,+BAAC,OAAE,WAAU,oBACX;AAAA,0BAAC,UAAK,QAAO,QAAO,GAAE,iBAAgB,MAAK,QAAO;AAAA,MAClD,oBAAC,UAAK,GAAE,4CAA2C;AAAA,MACnD,oBAAC,UAAK,GAAE,8CAA6C;AAAA,MACrD,oBAAC,UAAK,GAAE,oBAAmB;AAAA,MAC3B,oBAAC,UAAK,GAAE,oBAAmB;AAAA,MAC3B,oBAAC,UAAK,GAAE,wBAAuB;AAAA,MAC/B,oBAAC,UAAK,GAAE,0BAAyB;AAAA,OACnC;AAAA;AACF;AAGK,IAAM,YAAY,MACvB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,OAAM;AAAA,IACN,QAAO;AAAA,IAEP,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,wBAAuB;AAAA;AAC9E;","names":[]}

package/dist/chunk-WOUWNTAV.mjs

@@ -1,72 +0,0 @@
-import {
-  CloseIcon,
-  LifeBuoyIcon
-} from "./chunk-4T3TMQNJ.mjs";
-
-// src/components/help-modal/modal.tsx
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CopilotKitHelpModal() {
-  const [showHelpModal, setShowHelpModal] = useState(false);
-  const [issueDescription, setIssueDescription] = useState("");
-  const handleSubmit = () => {
-    setShowHelpModal(false);
-  };
-  const HelpButton = () => /* @__PURE__ */ jsx(
-    "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",
-      "aria-label": "Open Help",
-      children: /* @__PURE__ */ jsx(LifeBuoyIcon, {})
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(HelpButton, {}),
-    showHelpModal && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "fixed inset-0 flex items-center justify-center p-4",
-        style: { backgroundColor: "rgba(11, 15, 26, 0.5)", zIndex: 99 },
-        children: /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full p-4 flex-col relative", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "absolute text-gray-400 hover:text-gray-600 focus:outline-none",
-              style: { top: "10px", right: "10px" },
-              onClick: () => setShowHelpModal(false),
-              "aria-label": "Close",
-              children: /* @__PURE__ */ jsx(CloseIcon, {})
-            }
-          ),
-          /* @__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://go.copilotkit.ai/dev-console-support-discord",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: "Go to Discord Support Channel (Community Support)"
-              }
-            ) }),
-            /* @__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://go.copilotkit.ai/dev-console-support-slack",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: "Apply for Priority Direct Slack Support"
-              }
-            ) })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-
-export {
-  CopilotKitHelpModal
-};
-//# sourceMappingURL=chunk-WOUWNTAV.mjs.map

package/dist/chunk-WOUWNTAV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/help-modal/modal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { CloseIcon, LifeBuoyIcon } from \"./icons\";\n\nexport function CopilotKitHelpModal() {\n  const [showHelpModal, setShowHelpModal] = useState(false);\n  const [issueDescription, setIssueDescription] = useState(\"\");\n\n  const handleSubmit = () => {\n    // submit issueDescription\n    setShowHelpModal(false);\n  };\n\n  const HelpButton = () => (\n    <button\n      onClick={() => setShowHelpModal(true)}\n      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\"\n      aria-label=\"Open Help\"\n    >\n      <LifeBuoyIcon />\n    </button>\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://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-4\">*/}\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            {/*        ></textarea>*/}\n            {/*    </div>*/}\n            {/*    <div className=\"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse rounded-b-lg\">*/}\n            {/*        <button*/}\n            {/*            type=\"submit\"*/}\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\"*/}\n            {/*        >*/}\n            {/*            Submit*/}\n            {/*        </button>*/}\n            {/*    </div>*/}\n            {/*</form>*/}\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAgB,gBAAgB;AAkB1B,SAKF,UALE,KAwBM,YAxBN;AAfC,SAAS,sBAAsB;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,EAAE;AAE3D,QAAM,eAAe,MAAM;AAEzB,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,aAAa,MACjB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,iBAAiB,IAAI;AAAA,MACpC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,8BAAC,gBAAa;AAAA;AAAA,EAChB;AAGF,SACE,iCACE;AAAA,wBAAC,cAAW;AAAA,IACX,iBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,yBAAyB,QAAQ,GAAG;AAAA,QAE9D,+BAAC,SAAI,WAAU,uEACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,cACpC,SAAS,MAAM,iBAAiB,KAAK;AAAA,cACrC,cAAW;AAAA,cAEX,8BAAC,aAAU;AAAA;AAAA,UACb;AAAA,UACA,oBAAC,SAAI,WAAU,mCACb,8BAAC,QAAG,WAAU,sBAAqB,0BAAY,GACjD;AAAA,UACA,qBAAC,SAAI,WAAU,kBACb;AAAA,gCAAC,SAAI,WAAU,uHACb;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,KAAI;AAAA,gBACL;AAAA;AAAA,YAED,GACF;AAAA,YACA,oBAAC,SAAI,WAAU,uHACb;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,KAAI;AAAA,gBACL;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA,WAwBF;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}