(mainHover = true)} onfocus={() => (mainHover = true)} onmouseout={() => (mainHover = false)} onblur={() => (mainHover = false)} > {#if event && hover}

{/if} {#if sender && !(prev && prev?.getType() === event?.getType() && prev.sender?.userId === event.sender?.userId)} {@const color = memberColor(sender, $theme)} {@const avatarMxc = sender.getMxcAvatarUrl()} {#if avatarMxc} {@const avatar = $matrixClient.mxcUrlToHttp(avatarMxc, 32, 32)}

{:else}

person

{/if}

{sender.name} {#if replay || replayPlayer}

{#each new Array(3) as _, i}

{/each}

{/if}

{#if event} {#if event.getType() === "m.room.message"} {:else}

{event.getType()}

{JSON.stringify(event.event, null, 2)}

{/if} {/if} {#if replayPlayer} {/if}

{#if event && hover} {/if} {#if $annotations && $annotations.length > 0}

{#each $annotations as [reaction, events]} {/each}

{/if}