fn_registry/dev/issues/0148-matrix-client-pc-rooms-timeline.md

id, title, status, priority, created, related_flows, related_issues, dependencies, tags

id	title	status	priority	created	related_flows	related_issues	dependencies	tags
0148	matrix-client-pc rooms list + timeline con sync incremental	pendiente	alta	2026-05-24	0010	0147 0149	0147	matrix sync timeline rooms react mantine sse

Objetivo

Sidebar con rooms (DMs + spaces + grupos) + panel central con timeline del room activo. Sync incremental con Synapse via long-poll /sync. Stream eventos backend -> frontend via SSE (http_sse_server_go_infra). Pagination scroll-up (cargar mensajes anteriores). Optimistic UI al enviar.

Tareas

1. Backend Go:
   • MatrixService.StartSync() — long-poll /sync con since token persistido.
   • MatrixService.SubscribeEvents() -> chan Event — broadcaster events a frontend.
   • SSE endpoint http://127.0.0.1:<puerto>/events (autenticado con cookie session local).
   • Persistir state en SQLite (store.db): rooms, members, last_event_id por room.
2. Frontend React:
   • Hook useMatrixRooms() — devuelve Room[] ordenadas por last_activity.
   • Hook useMatrixTimeline(roomId, limit=50) — devuelve eventos + loadMore().
   • Componente RoomList (sidebar con avatar, nombre, last_msg preview, unread badge).
   • Componente Timeline con react-virtuoso para scroll perf con miles de msgs.
   • Componente EventBubble (text, image, file, redacted, reaction agregada).
   • Reconnect automatico si SSE/sync cae (exponential backoff).
3. Tests:
   • e2e/test_sync_basic.sh — login + verificar que 3 rooms aparecen en sidebar.
   • e2e/test_pagination.sh — scroll-up carga mensajes anteriores sin gap.

Funciones del registry a crear

• matrix_room_subscribe_go_infra — SSE wrapper: subscribe events de Synapse y push a clientes.
• useMatrixTimeline_ts_ui — hook React con dedupe + pagination + optimistic.
• useMatrixRooms_ts_ui — hook React rooms list.
• RoomList_ts_ui — componente sidebar Mantine.
• EventBubble_ts_ui — componente burbuja msg.

Acceptance

• Sidebar lista rooms del usuario test, ordenados por actividad.
• Click en room muestra timeline ultimos 50 msgs.
• Scroll arriba carga msgs anteriores sin duplicar.
• Mensaje enviado desde Element Web aparece en <2s en la timeline.
• Cerrar app + abrir: state restaurado desde SQLite, no re-sync completo.
• Network kill + restore: sync se reanuda sin perder mensajes.

Notas

• DMs vs rooms grupales: detectar via m.direct account data.
• Spaces (m.space): mostrar como grupos colapsables en sidebar.
• Edits + redactions: aplicar in-place, no duplicar bubble.
• Read receipts: TBD en otro issue, no bloquea este.