@agentscope-ai/chat 1.1.39 → 1.1.41-beta.1764749089549

package/components/AGUI/components/HelpModal/modal.tsx

@@ -1,101 +0,0 @@
-import React, { useMemo, useState, useRef, useEffect } from "react";
-import { CloseIcon } from "./icons";
-
-export function CopilotKitHelpModal() {
-  const [showHelpModal, setShowHelpModal] = useState(false);
-  const buttonRef = useRef<HTMLButtonElement>(null);
-  const popoverRef = useRef<HTMLDivElement>(null);
-
-  // Close popover when clicking outside
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        popoverRef.current &&
-        !popoverRef.current.contains(event.target as Node) &&
-        buttonRef.current &&
-        !buttonRef.current.contains(event.target as Node)
-      ) {
-        setShowHelpModal(false);
-      }
-    };
-
-    if (showHelpModal) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [showHelpModal]);
-
-  const HelpButton = () => (
-    <button
-      ref={buttonRef}
-      onClick={() => setShowHelpModal(!showHelpModal)}
-      className="copilotKitDebugMenuTriggerButton relative"
-      aria-label="Open Help"
-    >
-      Help
-    </button>
-  );
-
-  return (
-    <div className="relative">
-      <HelpButton />
-      {showHelpModal && (
-        <div
-          ref={popoverRef}
-          className="absolute mt-2 z-50"
-          style={{
-            top: "100%",
-            right: "-120px",
-            width: "380px",
-          }}
-        >
-          <div className="copilotKitHelpModal rounded-lg shadow-xl w-full p-4 flex-col relative">
-            <button
-              className="copilotKitHelpModalCloseButton absolute text-gray-400 hover:text-gray-600 focus:outline-none"
-              style={{ top: "10px", right: "10px" }}
-              onClick={() => setShowHelpModal(false)}
-              aria-label="Close"
-            >
-              <CloseIcon />
-            </button>
-            <div className="w-full flex mb-6 justify-center">
-              <h2 className="text-2xl font-bold">Help Options</h2>
-            </div>
-            <div className="space-y-4 mb-4">
-              <div className="copilotKitHelpItemButton">
-                <a
-                  href="https://docs.copilotkit.ai/coagents/troubleshooting/common-issues"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Visit the Troubleshooting and FAQ section in the docs
-                </a>
-              </div>
-              <div className="copilotKitHelpItemButton">
-                <a
-                  href="https://go.copilotkit.ai/dev-console-support-discord"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Go to Discord Support Channel (Community Support)
-                </a>
-              </div>
-              <div className="copilotKitHelpItemButton">
-                <a
-                  href="https://go.copilotkit.ai/dev-console-support-slack"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Apply for Priority Direct Slack Support
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

package/components/AGUI/components/chat/Button.tsx

@@ -1,18 +0,0 @@
-import { ButtonProps } from "./props";
-import { useChatContext } from "./ChatContext";
-
-export const Button = ({}: ButtonProps) => {
-  const { open, setOpen, icons } = useChatContext();
-
-  return (
-    <div onClick={() => setOpen(!open)}>
-      <button
-        className={`copilotKitButton ${open ? "open" : ""}`}
-        aria-label={open ? "Close Chat" : "Open Chat"}
-      >
-        <div className="copilotKitButtonIcon copilotKitButtonIconOpen">{icons.openIcon}</div>
-        <div className="copilotKitButtonIcon copilotKitButtonIconClose">{icons.closeIcon}</div>
-      </button>
-    </div>
-  );
-};