v0.9.29 Bugs fixes

frontend/src/components/GroupManagerModal.jsx

@@ -191,7 +191,7 @@ function AllGroupsTab({ allUsers, onRefresh }) {
 }
 
 // ── Direct Messages tab ───────────────────────────────────────────────────────
-function DirectMessagesTab({ allUserGroups, onRefresh }) {
+function DirectMessagesTab({ allUserGroups, onRefresh, refreshKey }) {
   const toast = useToast();
   const [dms, setDms] = useState([]);
   const [selected, setSelected] = useState(null);
@@ -203,8 +203,9 @@ function DirectMessagesTab({ allUserGroups, onRefresh }) {
   const [showDelete, setShowDelete] = useState(false);
 
   const load = useCallback(() =>
-    api.getMultiGroupDms().then(({ dms }) => setDms(dms)).catch(() => {}), []);
-  useEffect(() => { load(); }, [load]);
+    api.getMultiGroupDms().then(({ dms }) => setDms(dms || [])).catch(e => console.error('multigroup load error:', e)), []);
+  // Reload whenever parent refreshes (e.g. after user group changes that affect membership)
+  useEffect(() => { load(); }, [load, refreshKey]);
 
   const clearSelection = () => {
     setSelected(null); setDmName(''); setGroupIds(new Set()); setSavedGroupIds(new Set()); setShowDelete(false);
@@ -355,7 +356,7 @@ export default function GroupManagerModal({ onClose }) {
         </div>
         <div style={{ flex: 1, overflowY: 'auto', minHeight: 0 }}>
           {tab === 'all' && <AllGroupsTab allUsers={allUsers} onRefresh={onRefresh} />}
-          {tab === 'dm'  && <DirectMessagesTab allUserGroups={allUserGroups} onRefresh={onRefresh} />}
+          {tab === 'dm'  && <DirectMessagesTab allUserGroups={allUserGroups} onRefresh={onRefresh} refreshKey={refreshKey} />}
         </div>
       </div>
     </div>