feat(threads): thread drawer, thread browser, live reply counts, and unread badges

.changeset/feat-thread-enhancements.md

@@ -0,0 +1,5 @@
+---
+default: minor
+---
+
+Update threads: various fixes, browse all room threads, and see live reply counts on messages.

src/app/features/room/RoomTimeline.tsx

@@ -32,6 +32,7 @@ import { MessageBase, CompactPlaceholder, DefaultPlaceholder } from '$components
 import { RoomIntro } from '$components/room-intro';
 import { useMatrixClient } from '$hooks/useMatrixClient';
 import { useAlive } from '$hooks/useAlive';
+import { useMessageEdit } from '$hooks/useMessageEdit';
 import { useDocumentFocusChange } from '$hooks/useDocumentFocusChange';
 import { markAsRead } from '$utils/notifications';
 import {
@@ -123,6 +124,8 @@ export function RoomTimeline({
 }: Readonly<RoomTimelineProps>) {
   const mx = useMatrixClient();
   const alive = useAlive();
+
+  const { editId, handleEdit } = useMessageEdit(editor, { onReset: onEditorReset, alive });
   const { navigateRoom } = useRoomNavigate();
 
   const [hideReads] = useSetting(settingsAtom, 'hideReads');
@@ -165,7 +168,6 @@ export function RoomTimeline({
     return myPowerLevel < sendLevel;
   }, [powerLevels, mx]);
 
-  const [editId, setEditId] = useState<string>();
   const [unreadInfo, setUnreadInfo] = useState(() => getRoomUnreadInfo(room, true));
 
   const readUptoEventIdRef = useRef<string | undefined>(undefined);
@@ -458,7 +460,6 @@ export function RoomTimeline({
     room,
     mx,
     editor,
-    alive,
     nicknames,
     globalProfiles,
     spaceId: optionalSpace?.roomId,
@@ -467,8 +468,7 @@ export function RoomTimeline({
     setReplyDraft,
     openThreadId,
     setOpenThread,
-    setEditId,
-    onEditorReset,
+    handleEdit,
     handleOpenEvent: (id) => {
       const evtTimeline = getEventTimeline(room, id);
       const absoluteIndex = evtTimeline