添加全局 Copilot 聊天框组件

src/components/header/index.tsx

@@ -5,6 +5,7 @@ import DarkModeOutlined from "@mui/icons-material/DarkModeOutlined";
 import LightModeOutlined from "@mui/icons-material/LightModeOutlined";
 import Logout from "@mui/icons-material/Logout";
 import SwapHoriz from "@mui/icons-material/SwapHoriz";
+import ChatOutlined from "@mui/icons-material/ChatOutlined";
 import AppBar from "@mui/material/AppBar";
 import Avatar from "@mui/material/Avatar";
 import ButtonBase from "@mui/material/ButtonBase";
@@ -21,6 +22,7 @@ import { useGetIdentity, useLogout } from "@refinedev/core";
 import { HamburgerMenu, RefineThemedLayoutHeaderProps } from "@refinedev/mui";
 import React, { useContext, useState } from "react";
 import { ProjectSelector } from "@components/project/ProjectSelector";
+import { GlobalChatbox } from "@components/chat/GlobalChatbox";
 import { setMapExtent, setMapWorkspace, setNetworkName } from "@config/config";
 import { useProjectStore } from "@/store/projectStore";
 
@@ -37,6 +39,7 @@ export const Header: React.FC<RefineThemedLayoutHeaderProps> = ({
   const { mutate: logout } = useLogout();
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
   const [showProjectSelector, setShowProjectSelector] = useState(false);
+  const [showChatbox, setShowChatbox] = useState(false);
   const open = Boolean(anchorEl);
   const setCurrentProjectId = useProjectStore(
     (state) => state.setCurrentProjectId,
@@ -91,6 +94,13 @@ export const Header: React.FC<RefineThemedLayoutHeaderProps> = ({
             justifyContent="flex-end"
             alignItems="center"
           >
+            <IconButton
+              color="inherit"
+              onClick={() => setShowChatbox(true)}
+            >
+              <ChatOutlined />
+            </IconButton>
+
             <IconButton
               color="inherit"
               onClick={() => {
@@ -214,6 +224,10 @@ export const Header: React.FC<RefineThemedLayoutHeaderProps> = ({
                 />
               </>
             )}
+            <GlobalChatbox
+              open={showChatbox}
+              onClose={() => setShowChatbox(false)}
+            />
           </Stack>
         </Stack>
       </Toolbar>