v0.9.3 added user feature to disable participation in private messages

frontend/src/components/NewChatModal.jsx

@@ -142,7 +142,7 @@ export default function NewChatModal({ onClose, onCreated }) {
             )}
 
             <div style={{ maxHeight: 200, overflowY: 'auto', border: '1px solid var(--border)', borderRadius: 'var(--radius)' }}>
-              {users.filter(u => u.id !== user.id).map(u => (
+              {users.filter(u => u.id !== user.id && u.allow_dm !== 0).map(u => (
                 <label key={u.id} className="flex items-center gap-10 pointer" style={{ padding: '10px 14px', gap: 12, borderBottom: '1px solid var(--border)', cursor: 'pointer' }}>
                   <input type="checkbox" checked={!!selected.find(s => s.id === u.id)} onChange={() => toggle(u)} />
                   <Avatar user={u} size="sm" />

frontend/src/components/ProfileModal.jsx

@@ -18,12 +18,13 @@ export default function ProfileModal({ onClose }) {
   const [loading, setLoading] = useState(false);
   const [tab, setTab] = useState('profile'); // 'profile' | 'password'
   const [hideAdminTag, setHideAdminTag] = useState(!!user?.hide_admin_tag);
+  const [allowDm, setAllowDm] = useState(user?.allow_dm !== 0);
 
   const handleSaveProfile = async () => {
     if (displayNameWarning) return toast('Display name is already in use', 'error');
     setLoading(true);
     try {
-      const { user: updated } = await api.updateProfile({ displayName, aboutMe, hideAdminTag });
+      const { user: updated } = await api.updateProfile({ displayName, aboutMe, hideAdminTag, allowDm });
       updateUser(updated);
       setSavedDisplayName(displayName);
       toast('Profile updated', 'success');
@@ -149,6 +150,15 @@ export default function ProfileModal({ onClose }) {
                 Hide "Admin" tag next to my name in messages
               </label>
             )}
+            <label className="flex items-center gap-2 text-sm pointer" style={{ color: 'var(--text-secondary)', userSelect: 'none' }}>
+              <input
+                type="checkbox"
+                checked={allowDm}
+                onChange={e => setAllowDm(e.target.checked)}
+                style={{ accentColor: 'var(--primary)', width: 16, height: 16 }}
+              />
+              Allow others to send me direct messages
+            </label>
             <button className="btn btn-primary" onClick={handleSaveProfile} disabled={loading}>
               {loading ? 'Saving...' : 'Save Changes'}
             </button>

frontend/src/components/UserProfilePopup.jsx

@@ -97,34 +97,46 @@ export default function UserProfilePopup({ user: profileUser, anchorEl, onClose,
         </p>
       )}
       {!isSelf && onDirectMessage && (
-        <button
-          onClick={handleDM}
-          disabled={starting}
-          style={{
-            marginTop: 6,
-            width: '100%',
-            padding: '8px 0',
-            borderRadius: 'var(--radius)',
-            border: '1px solid var(--primary)',
-            background: 'transparent',
-            color: 'var(--primary)',
-            fontSize: 13,
-            fontWeight: 600,
-            cursor: starting ? 'default' : 'pointer',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: 6,
-            transition: 'background var(--transition), color var(--transition)',
-          }}
-          onMouseEnter={e => { e.currentTarget.style.background = 'var(--primary)'; e.currentTarget.style.color = 'white'; }}
-          onMouseLeave={e => { e.currentTarget.style.background = 'transparent'; e.currentTarget.style.color = 'var(--primary)'; }}
-        >
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
-            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
-          </svg>
-          {starting ? 'Opening...' : 'Direct Message'}
-        </button>
+        profileUser.allow_dm === 0 ? (
+          <p style={{
+            marginTop: 8,
+            textAlign: 'center',
+            fontSize: 12,
+            color: 'var(--text-tertiary)',
+            fontStyle: 'italic',
+          }}>
+            DMs disabled by user
+          </p>
+        ) : (
+          <button
+            onClick={handleDM}
+            disabled={starting}
+            style={{
+              marginTop: 6,
+              width: '100%',
+              padding: '8px 0',
+              borderRadius: 'var(--radius)',
+              border: '1px solid var(--primary)',
+              background: 'transparent',
+              color: 'var(--primary)',
+              fontSize: 13,
+              fontWeight: 600,
+              cursor: starting ? 'default' : 'pointer',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              gap: 6,
+              transition: 'background var(--transition), color var(--transition)',
+            }}
+            onMouseEnter={e => { e.currentTarget.style.background = 'var(--primary)'; e.currentTarget.style.color = 'white'; }}
+            onMouseLeave={e => { e.currentTarget.style.background = 'transparent'; e.currentTarget.style.color = 'var(--primary)'; }}
+          >
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
+              <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+            </svg>
+            {starting ? 'Opening...' : 'Direct Message'}
+          </button>
+        )
       )}
     </div>
   );