diff --git a/web/src/components/Modal.tsx b/web/src/components/Modal.tsx
index dc211a37..c1629c38 100644
--- a/web/src/components/Modal.tsx
+++ b/web/src/components/Modal.tsx
@@ -84,6 +84,7 @@ export const Modal: React.FC<ModalProps> = React.memo((props) => {
       <div
         className="absolute left-0 right-0 top-0 bottom-0 bg-black bg-opacity-60 flex justify-center items-center z-10"
         onClick={handleClose}
+        data-tc-role="modal-mask"
       >
         <ModalContext.Provider value={{ closeModal }}>
           {/* Inner */}
@@ -91,6 +92,7 @@ export const Modal: React.FC<ModalProps> = React.memo((props) => {
             className="modal-inner bg-content-light dark:bg-content-dark rounded overflow-auto relative z-10"
             style={{ maxHeight: '80vh', maxWidth: '80vw' }}
             onClick={stopPropagation}
+            data-tc-role="modal"
           >
             {closable === true && (
               <Icon
diff --git a/web/src/components/modals/CreateGroupPanel.tsx b/web/src/components/modals/CreateGroupPanel.tsx
index f7fd6943..87ec17ec 100644
--- a/web/src/components/modals/CreateGroupPanel.tsx
+++ b/web/src/components/modals/CreateGroupPanel.tsx
@@ -9,6 +9,7 @@ import {
   createGroupPanel,
   createFastFormSchema,
   fieldSchema,
+  showToasts,
 } from 'tailchat-shared';
 import { ModalWrapper } from '../Modal';
 import { WebFastForm } from '../WebFastForm';
@@ -86,6 +87,7 @@ export const ModalCreateGroupPanel: React.FC<{
         pluginPanelName,
         meta,
       });
+      showToasts(t('创建成功'), 'success');
       props.onCreateSuccess();
     },
     [props.groupId, props.onCreateSuccess]