- 
-
-);
+const InputContextMenu = ({ x, y, onClose, onPaste }) => {
+ const menuRef = useRef(null);
+ const [pos, setPos] = useState({ top: y, left: x });
+ useEffect(() => { const h = () => onClose(); window.addEventListener('click', h); return () => window.removeEventListener('click', h); }, [onClose]);
+ React.useLayoutEffect(() => {
+ if (!menuRef.current) return;
+ const rect = menuRef.current.getBoundingClientRect();
+ let newTop = y, newLeft = x;
+ if (x + rect.width > window.innerWidth) newLeft = x - rect.width;
+ if (y + rect.height > window.innerHeight) newTop = y - rect.height;
+ if (newLeft < 0) newLeft = 10;
+ if (newTop < 0) newTop = 10;
+ setPos({ top: newTop, left: newLeft });
+ }, [x, y]);
+
+ return (
+ e.stopPropagation()}>
+
+ );
+};
const ChatArea = ({ channelId, channelName, channelType, username, channelKey, userId: currentUserId, showMembers, onToggleMembers, onOpenDM, showPinned, onTogglePinned }) => {
const { crypto } = usePlatform();
+ const { isReceivingScreenShareAudio } = useVoice();
const [decryptedMessages, setDecryptedMessages] = useState([]);
const [input, setInput] = useState('');
const [zoomedImage, setZoomedImage] = useState(null);
@@ -481,6 +502,7 @@ const ChatArea = ({ channelId, channelName, channelType, username, channelKey, u
const [isMultiline, setIsMultiline] = useState(false);
const [hoveredMessageId, setHoveredMessageId] = useState(null);
const [contextMenu, setContextMenu] = useState(null);
+ const [inputContextMenu, setInputContextMenu] = useState(null);
const [uploading, setUploading] = useState(false);
const [replyingTo, setReplyingTo] = useState(null);
const [editingMessage, setEditingMessage] = useState(null);
@@ -563,7 +585,7 @@ const ChatArea = ({ channelId, channelName, channelType, username, channelKey, u
return {
...msg,
content: cached?.content ?? '[Decrypting...]',
- isVerified: cached?.isVerified ?? false,
+ isVerified: cached?.isVerified ?? null,
decryptedReply: cached?.decryptedReply ?? null,
};
});
@@ -667,14 +689,15 @@ const ChatArea = ({ channelId, channelName, channelType, username, channelKey, u
const verifyMap = new Map();
for (let i = 0; i < verifyResults.length; i++) {
const msg = verifyMsgMap[i];
- verifyMap.set(msg.id, verifyResults[i].success && verifyResults[i].verified);
+ const verified = verifyResults[i].verified;
+ verifyMap.set(msg.id, verified === null ? null : (verifyResults[i].success && verified));
}
// Populate cache
for (const msg of needsDecryption) {
const content = decryptedMap.get(msg.id) ??
(msg.ciphertext && msg.ciphertext.length < TAG_LENGTH ? '[Invalid Encrypted Message]' : '[Encrypted Message - Key Missing]');
- const isVerified = verifyMap.get(msg.id) ?? false;
+ const isVerified = verifyMap.has(msg.id) ? verifyMap.get(msg.id) : null;
const decryptedReply = replyMap.get(msg.id) ?? null;
messageDecryptionCache.set(msg.id, { content, isVerified, decryptedReply });
}
@@ -715,13 +738,14 @@ const ChatArea = ({ channelId, channelName, channelType, username, channelKey, u
}, [username, myRoleNames]);
const playPingSound = useCallback(() => {
+ if (isReceivingScreenShareAudio) return;
const now = Date.now();
if (now - lastPingTimeRef.current < 1000) return;
lastPingTimeRef.current = now;
const audio = new Audio(PingSound);
audio.volume = 0.5;
audio.play().catch(() => {});
- }, []);
+ }, [isReceivingScreenShareAudio]);
// Play ping sound when a new message mentions us (by username or role)
useEffect(() => {
@@ -1341,6 +1365,38 @@ const ChatArea = ({ channelId, channelName, channelType, username, channelKey, u
{contextMenu && { e.stopPropagation(); onPaste(); onClose(); }}>
+ Paste
+
+