feat: bookmarks, message scheduling, image compression, room insights

P3-1: Message Bookmarks — right-click any message to bookmark; saved to
io.lotus.bookmarks account data (max 500, syncs across devices); star
icon in sidebar opens BookmarksPanel with filter, Jump-to-message, and
remove buttons; reactive to AccountData events

P3-2: Message Scheduling (MSC4140) — clock button next to send opens
ScheduleMessageModal with datetime-local picker; validates ≥1 min future;
calls PUT org.matrix.msc4140 delayed event API; collapsible
ScheduledMessagesTray above composer lists pending messages with cancel;
local Jotai atom tracks scheduled messages per room

P3-3: File Upload Compression — opt-in checkbox per JPEG/PNG file ≥200KB
in upload preview; canvas API compresses at 0.82 quality; shows before/
after size estimate; compressed blob used in upload when checked

P3-7: Room Insights — new Insights tab in room settings; top 5 active
members (bar chart), top 5 reactions (chips), media breakdown (4 tiles),
24-hour activity heatmap (CSS bar chart); all from local cache only with
disclaimer banner; never the first tab shown

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-04 10:26:08 -04:00
parent ad508ac61e
commit 9273eb5f2e
19 changed files with 1694 additions and 7 deletions
+45
View File
@@ -0,0 +1,45 @@
import { IContent, MatrixClient, Method } from 'matrix-js-sdk';
/**
* Schedule a message via MSC4140 (delayed messages).
* @param mx - Matrix client instance
* @param roomId - The room to send the message in
* @param content - The message event content
* @param sendAtMs - Unix timestamp (ms) when the message should be sent
* @returns The delay_id returned by the server (use to cancel/restart)
*/
export async function scheduleMessage(
mx: MatrixClient,
roomId: string,
content: IContent,
sendAtMs: number,
): Promise<string> {
const delayMs = sendAtMs - Date.now();
const txnId = `sched_${Date.now()}_${Math.random().toString(36).slice(2)}`;
const path = `/_matrix/client/unstable/org.matrix.msc4140/rooms/${encodeURIComponent(roomId)}/send/m.room.message/${txnId}?delay=${Math.max(1000, Math.round(delayMs))}`;
const res = (await mx.http.authedRequest(Method.Put, path, undefined, content, {
prefix: '',
})) as { delay_id: string };
return res.delay_id;
}
/**
* Cancel a scheduled message via MSC4140.
* @param mx - Matrix client instance
* @param delayId - The delay_id from scheduleMessage
*/
export async function cancelScheduledMessage(mx: MatrixClient, delayId: string): Promise<void> {
const path = `/_matrix/client/unstable/org.matrix.msc4140/delayed_events/${encodeURIComponent(delayId)}`;
await mx.http.authedRequest(Method.Post, path, undefined, { action: 'cancel' }, { prefix: '' });
}
/**
* Restart (refresh heartbeat) a scheduled message via MSC4140.
* Resets the delay timer from now.
* @param mx - Matrix client instance
* @param delayId - The delay_id from scheduleMessage
*/
export async function restartScheduledMessage(mx: MatrixClient, delayId: string): Promise<void> {
const path = `/_matrix/client/unstable/org.matrix.msc4140/delayed_events/${encodeURIComponent(delayId)}`;
await mx.http.authedRequest(Method.Post, path, undefined, { action: 'restart' }, { prefix: '' });
}