wip: show messages

Make room elements smaller and change background color

.idea/AndroidProjectSystem.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AndroidProjectSystem">
+    <option name="providerId" value="com.android.tools.idea.GradleProjectSystem" />
+  </component>
+</project>

.idea/inspectionProfiles/Project_Default.xml

@@ -49,6 +49,9 @@
       <option name="composableFile" value="true" />
       <option name="previewFile" value="true" />
     </inspection_tool>
+    <inspection_tool class="PreviewParameterProviderOnFirstParameter" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
     <inspection_tool class="PreviewPickerAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
       <option name="composableFile" value="true" />
       <option name="previewFile" value="true" />

.idea/runConfigurations.xml

@@ -5,8 +5,12 @@
       <set>
         <option value="com.intellij.execution.junit.AbstractAllInDirectoryConfigurationProducer" />
         <option value="com.intellij.execution.junit.AllInPackageConfigurationProducer" />
+        <option value="com.intellij.execution.junit.PatternConfigurationProducer" />
         <option value="com.intellij.execution.junit.TestInClassConfigurationProducer" />
         <option value="com.intellij.execution.junit.UniqueIdConfigurationProducer" />
+        <option value="com.intellij.execution.junit.testDiscovery.JUnitTestDiscoveryConfigurationProducer" />
+        <option value="org.jetbrains.kotlin.idea.junit.KotlinJUnitRunConfigurationProducer" />
+        <option value="org.jetbrains.kotlin.idea.junit.KotlinPatternConfigurationProducer" />
       </set>
     </option>
   </component>

.idea/studiobot.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="StudioBotProjectSettings">
+    <option name="shareContext" value="OptedIn" />
+  </component>
+</project>

app/build.gradle.kts

@@ -1,14 +1,13 @@
 /*
- * Created by sweetbread on 22.02.2025, 15:45
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 14:56
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
  */
 
 plugins {
     alias(libs.plugins.android.application)
     alias(libs.plugins.kotlin.android)
     alias(libs.plugins.kotlin.compose)
-    id("com.google.devtools.ksp")
+//    alias(libs.plugins.ksp)
 }
 
 android {
@@ -17,7 +16,7 @@ android {
 
     defaultConfig {
         applicationId = "ru.risdeveau.pixeldragon"
-        minSdk = 24
+        minSdk = 28
         targetSdk = 35
         versionCode = 1
         versionName = "1.0"
@@ -63,6 +62,13 @@ dependencies {
     debugImplementation(libs.androidx.ui.tooling)
     debugImplementation(libs.androidx.ui.test.manifest)
 
+    // Trixnity - Matrix wrapper
+    implementation(libs.trixnity.client)
+    implementation(libs.trixnity.client.media.okio)
+    implementation(libs.trixnity.client.repository.room)
+    implementation(libs.trixnity.client.cryptodriver.vodozemac)
+//    implementation(libs.trixnity.messenger)
+
     // Ktor - web client
     implementation(libs.ktor.client.core)
     implementation(libs.ktor.client.okhttp)
@@ -76,8 +82,17 @@ dependencies {
     implementation(libs.androidx.room.runtime)
     implementation(libs.androidx.lifecycle.viewmodel.ktx)
     implementation(libs.androidx.room.ktx)
-    ksp(libs.androidx.room.compiler)
-    
+//    ksp(libs.androidx.room.compiler)
+
+    // Navigation Compose
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.androidx.navigation.fragment)
+    implementation(libs.androidx.navigation.ui)
+    implementation(libs.androidx.navigation.dynamic.features.fragment)
+    androidTestImplementation(libs.androidx.navigation.testing)
+
     // Others
-    implementation(libs.splitties.base)  // Syntax sugar
+    implementation(libs.splitties.base)           // Syntax sugar
+    implementation(libs.jsoup)                    // HTML parser
+
 }

app/src/main/AndroidManifest.xml

@@ -1,8 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!--
-  ~ Created by sweetbread on 22.02.2025, 15:45
+  ~ Created by sweetbread
   ~ Copyright (c) 2025. All rights reserved.
-  ~ Last modified 22.02.2025, 14:00
   -->
 
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
@@ -21,7 +20,7 @@
         android:theme="@style/Theme.PixelDragon"
         tools:targetApi="31">
         <activity
-            android:name=".ui.activity.Login"
+            android:name=".ui.activity.MainActivity"
             android:exported="true"
             android:theme="@style/Theme.PixelDragon">
             <intent-filter>
@@ -32,7 +31,7 @@
         </activity>
 
         <activity
-            android:name=".ui.activity.MainActivity"
+            android:name=".ui.activity.Login"
             android:exported="false"
             android:theme="@style/Theme.PixelDragon" />
     </application>

app/src/main/java/ru/risdeveau/pixeldragon/Common.kt

@@ -1,24 +1,19 @@
 /*
- * Created by sweetbread on 22.02.2025, 15:45
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 15:45
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
  */
 
 package ru.risdeveau.pixeldragon
 
-import android.content.Context
 import android.util.Log
-import androidx.room.Room
+import de.connect2x.trixnity.client.MatrixClient
 import io.ktor.client.HttpClient
 import io.ktor.client.plugins.cache.HttpCache
 import io.ktor.client.plugins.logging.LogLevel
 import io.ktor.client.plugins.logging.Logger
 import io.ktor.client.plugins.logging.Logging
-import ru.risdeveau.pixeldragon.api.getMe
-import ru.risdeveau.pixeldragon.db.AppDatabase
-import splitties.init.appCtx
 
-val client = HttpClient {
+val webClient = HttpClient {
     install(Logging) {
         logger = object : Logger {
             override fun log(message: String) {
@@ -31,25 +26,4 @@ val client = HttpClient {
     install(HttpCache)
 }
 
-val accountData = appCtx.getSharedPreferences("settings", Context.MODE_PRIVATE)
-lateinit var homeserver: String
-lateinit var baseUrl: String
-lateinit var token: String
-
-suspend fun initCheck(): Boolean {
-    Log.d("initCheck", "checking...")
-
-    if (!accountData.contains("token")) return false
-    if (!accountData.contains("homeserver")) return false
-
-    token = accountData.getString("token", "").toString()
-    homeserver = accountData.getString("homeserver", "").toString()
-    baseUrl = "https://$homeserver/_matrix/client/v3"
-
-    return getMe() != null
-}
-
-val db = Room.databaseBuilder(
-    appCtx,
-    AppDatabase::class.java, "database"
-).build()
+var client: MatrixClient? = null

app/src/main/java/ru/risdeveau/pixeldragon/api/Event.kt

@@ -0,0 +1,50 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */
+
+package ru.risdeveau.pixeldragon.api
+
+import org.json.JSONObject
+import java.time.Instant
+
+class Event (
+    val id: String,
+    val rid: String,
+    val type: String,
+    val content: JSONObject,
+    val time: Instant,
+    val sender: String  
+) {
+//    constructor(json: JSONObject) : this(
+//        json.getString("event_id"),
+//        json.getString("room_id"),
+//        json.getString("sender"),
+//        json.getString("type"),
+//        json.getJSONObject("content")
+//    )
+}
+
+//data class EventsAround (
+//    val base: Event,
+//    val before: List<Event>,
+//    val after: List<Event>
+//)
+//
+//suspend fun getEventsAround(room: String, event: String): EventsAround {
+//    val r = client.get("$baseUrl/rooms/$room/context/$event") {
+//        bearerAuth(token)
+//        parameter("limit", "50")
+//    }
+//    val json = JSONObject(r.bodyAsText())
+//
+//    return EventsAround(
+//        Event(json.getJSONObject("event")),
+//        if (json.has("events_before")) json.getJSONArray("events_before").let {
+//            List<Event>(it.length()) { i -> Event(it.getJSONObject(i))}.reversed()
+//        } else listOf(),
+//        if (json.has("events_after")) json.getJSONArray("events_after").let {
+//            List<Event>(it.length()) { i -> Event(it.getJSONObject(i))}
+//        } else listOf()
+//    )
+//}

app/src/main/java/ru/risdeveau/pixeldragon/api/Room.kt

@@ -1,57 +1,4 @@
 /*
  * Created by sweetbread
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 19:52
+ * Copyright (c) 2026. All rights reserved.
  */
-
-package ru.risdeveau.pixeldragon.api
-
-import io.ktor.client.request.bearerAuth
-import io.ktor.client.request.get
-import io.ktor.client.statement.bodyAsText
-import io.ktor.http.HttpStatusCode
-import org.json.JSONObject
-import ru.risdeveau.pixeldragon.baseUrl
-import ru.risdeveau.pixeldragon.client
-import ru.risdeveau.pixeldragon.db
-import ru.risdeveau.pixeldragon.db.Room
-import ru.risdeveau.pixeldragon.token
-
-//fun getRooms(): List<Room> {
-//    return db.roomDoa().getAllJoined()
-//}
-//
-//fun updateRooms(): List<Room> {
-//
-//}
-
-suspend fun getRooms(): List<String> {
-    val r = client.get("$baseUrl/joined_rooms")
-    { bearerAuth(token) }
-    val rooms = JSONObject(r.bodyAsText()).getJSONArray("joined_rooms")
-    return List<String>(
-        rooms.length()
-    ) { i -> rooms.getString(i) }
-}
-
-suspend fun getRoom(rid: String): Room {
-    var room = db.roomDoa().getById(rid)
-    if (room == null) {
-        val name = getState(rid, "m.room.name", "name")
-        val type = getState(rid, "m.room.create", "type") ?: "m.room"
-        val creator = getState(rid, "m.room.create", "creator")
-        val avatar = getState(rid, "m.room.avatar", "url")
-        room = Room(rid, name, type, creator, null, avatar, null, true)
-        db.roomDoa().insert(room)
-    }
-
-    return room
-}
-
-private suspend fun getState(rid: String, state: String, key: String): String? {
-    val r = client.get("$baseUrl/rooms/$rid/state/$state") { bearerAuth(token) }
-    if (r.status != HttpStatusCode.OK) return null
-    val json = JSONObject(r.bodyAsText())
-    if (!json.has(key)) return null
-    return json.getString(key)
-}

app/src/main/java/ru/risdeveau/pixeldragon/api/Server.kt

@@ -1,31 +1,44 @@
 /*
- * Created by sweetbread on 22.02.2025, 17:28
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 17:28
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
  */
 
 package ru.risdeveau.pixeldragon.api
 
+import android.util.Log
 import io.ktor.client.request.get
 import io.ktor.client.statement.bodyAsText
 import org.json.JSONException
 import org.json.JSONObject
-import ru.risdeveau.pixeldragon.client
-import ru.risdeveau.pixeldragon.homeserver
+import ru.risdeveau.pixeldragon.webClient
+//import ru.risdeveau.pixeldragon.homeserver
 
-suspend fun isMatrixServer(url: String): Boolean {
-    val r = try { client.get("https://$url/.well-known/matrix/client") }
-    catch (_: Exception) { return false }
+suspend fun getHomeserver(url: String): String? {
+    val r = try { webClient.get("https://$url/.well-known/matrix/client") }
+    catch (e: Exception) {
+        Log.w("getHomeserver", "Fail sending the request", e)
+        return null
+    }
 
-    try { JSONObject(r.bodyAsText()) }
-    catch (_: JSONException) { return false }
+    val json = try { JSONObject(r.bodyAsText()) }
+    catch (e: JSONException) {
+        Log.w("getHomeserver", "Fail parsing the JSON", e)
+        return null
+    }
 
-    return true
+    if (!json.has("m.homeserver")) return null
+
+    var homeserver = json.getJSONObject("m.homeserver").getString("base_url")
+    if (homeserver.endsWith("/")) homeserver = homeserver.dropLast(1)
+
+    return homeserver
 }
 
-fun mxcToUrl(mxc: String): String {
-    val pattern = Regex("mxc://([-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6})/([a-zA-Z]+)")
-    val match = pattern.find(mxc)
-
-    return "https://$homeserver/_matrix/client/v1/media/download/${match?.groupValues[1]}/${match?.groupValues[2]}"
-}
+//fun mxcToUrl(mxc: String): String? {
+//    val pattern = Regex("mxc://([-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6})/([^#?]+)")
+//    val match = pattern.find(mxc)
+//
+//    if ((match?.groupValues[1] == null) or (match?.groupValues[2] == null)) return null
+//
+//    return "$homeserver/_matrix/client/v1/media/download/${match?.groupValues[1]}/${match?.groupValues[2]}"
+//}

app/src/main/java/ru/risdeveau/pixeldragon/api/User.kt

@@ -1,82 +1,49 @@
 /*
- * Created by sweetbread on 22.02.2025, 15:45
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 15:45
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
  */
 
 package ru.risdeveau.pixeldragon.api
 
-import android.annotation.SuppressLint
 import android.util.Log
-import io.ktor.client.request.bearerAuth
-import io.ktor.client.request.get
-import io.ktor.client.request.post
-import io.ktor.client.request.setBody
-import io.ktor.client.statement.bodyAsText
-import io.ktor.http.ContentType
-import io.ktor.http.HttpStatusCode
-import io.ktor.http.contentType
-import org.json.JSONObject
-import ru.risdeveau.pixeldragon.accountData
-import ru.risdeveau.pixeldragon.baseUrl
+import de.connect2x.trixnity.client.CryptoDriverModule
+import io.ktor.http.Url
+import de.connect2x.trixnity.client.MatrixClient
+import de.connect2x.trixnity.client.create
+import de.connect2x.trixnity.client.cryptodriver.vodozemac.vodozemac
+import de.connect2x.trixnity.clientserverapi.client.MatrixClientAuthProviderData
+import de.connect2x.trixnity.clientserverapi.client.classicLogin
+import de.connect2x.trixnity.clientserverapi.model.authentication.IdentifierType
 import ru.risdeveau.pixeldragon.client
-import ru.risdeveau.pixeldragon.initCheck
-import ru.risdeveau.pixeldragon.token
+import ru.risdeveau.pixeldragon.util.getMediaStore
+import ru.risdeveau.pixeldragon.util.getRoomStore
+import splitties.experimental.ExperimentalSplittiesApi
 import splitties.init.appCtx
 
-data class Me (val userId: String, val deviceId: String)
 
-/**
- * This func is to validate the token
- */
-suspend fun getMe(): Me? {
-    val r = client.get("$baseUrl/account/whoami") { bearerAuth(token) }
-    if (r.status != HttpStatusCode.OK) {
-        Log.e("getMe", r.bodyAsText())
-        return null
-    }
+@OptIn(ExperimentalSplittiesApi::class)
+suspend fun login(server: String, login: String, pass: String): Boolean {
+    val hs = Url(getHomeserver(server)!!)
 
-    val json = JSONObject(r.bodyAsText())
-    return Me(json.getString("user_id"), json.getString("device_id"))
-}
+    val pinfo = appCtx.packageManager.getPackageInfo(appCtx.packageName, 0)
 
-@SuppressLint("ApplySharedPref")
-suspend fun login(homeserver: String, login: String, pass: String): Boolean {
-    val pinfo = appCtx.packageManager.getPackageInfo(appCtx.packageName, 0);
+    try {
+        client = MatrixClient.create(
+            repositoriesModule = getRoomStore(appCtx),
+            mediaStoreModule = getMediaStore(),
+            cryptoDriverModule = CryptoDriverModule.vodozemac(),
+            authProviderData = MatrixClientAuthProviderData.classicLogin(
+                baseUrl = hs,
+                identifier = IdentifierType.User(login),
+                password = pass,
+                initialDeviceDisplayName = "PixelDragon Android v${pinfo.versionName}",
+            ).getOrThrow()
+        ).getOrThrow()
 
-    val pattern = """
-        {
-          "type": "m.login.password",
-          "identifier": {
-            "type": "m.id.user"
-          },
-          "initial_device_display_name": "PixelDragon Android v${pinfo.versionName}"
-        }
-    """.trimIndent()
-    val json = JSONObject(pattern)
-    json.getJSONObject("identifier").put("user", login)
-    json.put("password", pass)
-
-    val r = try {
-        client.post("https://$homeserver/_matrix/client/v3/login") {
-            setBody(json.toString())
-            contentType(ContentType.Application.Json)
-        }
+        return true
     } catch (e: Exception) {
-        Log.e("login", e.toString())
-        return false
+        Log.i("Login", "Failed to login", e)
     }
 
-    if (r.status != HttpStatusCode.OK) {
-        Log.e("login", r.bodyAsText())
-        return false  // TODO: Inform a user of error code
-    }
-
-    val res = JSONObject(r.bodyAsText())
-    val editor = accountData.edit()
-    editor.putString("token", res.getString("access_token"))
-    editor.putString("homeserver", res.getString("home_server"))
-    editor.commit()
-
-    return initCheck()
-}
+    return false
+}

app/src/main/java/ru/risdeveau/pixeldragon/api/sync.kt

@@ -0,0 +1,4 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */

app/src/main/java/ru/risdeveau/pixeldragon/db/Common.kt

@@ -0,0 +1,4 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */

app/src/main/java/ru/risdeveau/pixeldragon/db/Room.kt

@@ -1,81 +1,4 @@
 /*
  * Created by sweetbread
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 19:49
- */
-
-package ru.risdeveau.pixeldragon.db
-
-import androidx.room.Dao
-import androidx.room.Database
-import androidx.room.Delete
-import androidx.room.Embedded
-import androidx.room.Entity
-import androidx.room.Insert
-import androidx.room.Junction
-import androidx.room.PrimaryKey
-import androidx.room.Query
-import androidx.room.Relation
-import androidx.room.RoomDatabase
-
-@Entity
-data class Room(
-    @PrimaryKey val roomId: String,
-    val name: String?,
-    val type: String,
-    val creatorId: String?,
-    val createTime: Long?,
-    val avatarUrl: String?,
-    val members: Int?,
-    val joined: Boolean
-)
-
-@Dao
-interface RoomDao {
-//    @Query("SELECT * FROM room")
-//    fun getAll(): List<User>
-
-//    @Query("SELECT * FROM user WHERE uid IN (:userIds)")
-//    fun loadAllByIds(userIds: IntArray): List<User>
-
-//    @Query("SELECT * FROM user WHERE first_name LIKE :first AND " +
-//            "last_name LIKE :last LIMIT 1")
-//    fun findByName(first: String, last: String): User
-
-    @Query("SELECT * FROM room WHERE roomId LIKE :rid LIMIT 1")
-    fun getById(rid: String): Room?
-
-//    @Transaction
-//    @Query("SELECT * FROM room WHERE ")
-//    fun getSpace(rid: String): Space
-
-    @Query("SELECT * FROM room WHERE joined = 1 AND roomId NOT IN (SELECT roomId FROM SpaceToRoom)")
-    fun getAllJoined(): List<Room>
-
-    @Insert
-    fun insert(vararg rooms: Room)
-
-    @Delete
-    fun delete(room: Room)
-}
-
-@Entity(primaryKeys = ["spaceId", "roomId"])
-data class SpaceToRoom(
-    val spaceId: String,
-    val roomId: String
-)
-
-data class Space(
-    @Embedded val space: Room,
-    @Relation(
-        parentColumn = "spaceId",
-        entityColumn = "roomId",
-        associateBy = Junction(SpaceToRoom::class)
-    )
-    val children: List<Room>
-)
-
-@Database(entities = [Room::class, SpaceToRoom::class, User::class], version = 1)
-abstract class AppDatabase : RoomDatabase() {
-    abstract fun roomDoa(): RoomDao
-}
+ * Copyright (c) 2026. All rights reserved.
+ */

app/src/main/java/ru/risdeveau/pixeldragon/db/User.kt

@@ -1,18 +1,4 @@
 /*
- * Created by sweetbread on 22.02.2025, 15:45
- * Copyright (c) 2025. All rights reserved.
- * Last modified 21.02.2025, 13:38
- */
-
-package ru.risdeveau.pixeldragon.db
-
-import androidx.room.ColumnInfo
-import androidx.room.Entity
-import androidx.room.PrimaryKey
-
-@Entity
-data class User(
-    @PrimaryKey val uid: String,
-    @ColumnInfo(name = "name") val name: String?,
-    @ColumnInfo(name = "avatar") val avatar: String?
-)
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */

app/src/main/java/ru/risdeveau/pixeldragon/repo/Room.kt

@@ -0,0 +1,4 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */

app/src/main/java/ru/risdeveau/pixeldragon/repo/User.kt

@@ -0,0 +1,4 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */

app/src/main/java/ru/risdeveau/pixeldragon/ui/activity/Login.kt

@@ -1,7 +1,6 @@
 /*
- * Created by sweetbread on 22.02.2025, 15:45
+ * Created by sweetbread
  * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 15:45
  */
 
 package ru.risdeveau.pixeldragon.ui.activity
@@ -36,11 +35,9 @@ import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.input.PasswordVisualTransformation
 import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.DelicateCoroutinesApi
-import kotlinx.coroutines.GlobalScope
 import kotlinx.coroutines.launch
-import ru.risdeveau.pixeldragon.api.isMatrixServer
+import ru.risdeveau.pixeldragon.api.getHomeserver
 import ru.risdeveau.pixeldragon.api.login
-import ru.risdeveau.pixeldragon.initCheck
 import ru.risdeveau.pixeldragon.ui.theme.PixelDragonTheme
 import splitties.activities.start
 
@@ -49,11 +46,6 @@ class Login : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
 
-
-        GlobalScope.launch {
-            if (initCheck()) start<MainActivity>()
-        }
-
         enableEdgeToEdge()
         setContent {
             PixelDragonTheme {
@@ -72,7 +64,10 @@ class Login : ComponentActivity() {
                                 .padding(innerPadding)) {
                             LoginField(
                                 Modifier.align(Alignment.Center),
-                                { start<MainActivity>() },
+                                {
+                                    start<MainActivity>()
+                                    finish()
+                                },
                                 {
                                     scope.launch {
                                         snackbarHostState
@@ -102,7 +97,7 @@ fun LoginField(modifier: Modifier = Modifier, ok: () -> Unit, err: () -> Unit) {
         var login by remember { mutableStateOf("") }
         var pass by remember { mutableStateOf("") }
 
-        var hmsValid by remember { mutableStateOf(false) }
+        var hmsValid: Boolean by remember { mutableStateOf(false) }
 
         OutlinedTextField(
             modifier = Modifier.padding(4.dp),
@@ -142,7 +137,7 @@ fun LoginField(modifier: Modifier = Modifier, ok: () -> Unit, err: () -> Unit) {
         }
 
         LaunchedEffect(homeserver) {
-            scope.launch { hmsValid = isMatrixServer(homeserver) }
+            scope.launch { hmsValid = (getHomeserver(homeserver) != null) }
         }
     }
 }

app/src/main/java/ru/risdeveau/pixeldragon/ui/activity/MainActivity.kt

@@ -1,61 +1,53 @@
 /*
  * Created by sweetbread
- * Copyright (c) 2025. All rights reserved.
- * Last modified 22.02.2025, 20:24
+ * Copyright (c) 2026. All rights reserved.
  */
 
 package ru.risdeveau.pixeldragon.ui.activity
 
 import android.os.Bundle
+import android.util.Log
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.foundation.lazy.LazyColumn
-import androidx.compose.foundation.lazy.items
-import androidx.compose.foundation.lazy.rememberLazyListState
-import androidx.compose.foundation.shape.CircleShape
-import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.CenterAlignedTopAppBar
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.ExperimentalMaterial3Api
-import androidx.compose.material3.LinearProgressIndicator
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
-import androidx.compose.material3.TopAppBar
 import androidx.compose.material3.TopAppBarDefaults.topAppBarColors
-import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.layout.ContentScale
-import androidx.compose.ui.unit.dp
-import coil3.compose.SubcomposeAsyncImage
-import coil3.network.NetworkHeaders
-import coil3.network.httpHeaders
-import coil3.request.ImageRequest
+import androidx.navigation.NavType
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+import androidx.navigation.navArgument
+import de.connect2x.trixnity.client.CryptoDriverModule
+import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
-import kotlinx.coroutines.withContext
-import ru.risdeveau.pixeldragon.api.getRoom
-import ru.risdeveau.pixeldragon.api.getRooms
-import ru.risdeveau.pixeldragon.api.mxcToUrl
-import ru.risdeveau.pixeldragon.db.Room
-import ru.risdeveau.pixeldragon.token
+import de.connect2x.trixnity.client.MatrixClient
+import de.connect2x.trixnity.client.create
+import de.connect2x.trixnity.client.cryptodriver.vodozemac.vodozemac
+import de.connect2x.trixnity.clientserverapi.client.SyncState
+import ru.risdeveau.pixeldragon.R
+import ru.risdeveau.pixeldragon.client
+import ru.risdeveau.pixeldragon.ui.layout.RoomList
 import ru.risdeveau.pixeldragon.ui.theme.PixelDragonTheme
+import ru.risdeveau.pixeldragon.util.getMediaStore
+import ru.risdeveau.pixeldragon.util.getRoomStore
+import splitties.activities.start
 import splitties.init.appCtx
+import splitties.resources.str
+
 
 class MainActivity : ComponentActivity() {
     @OptIn(ExperimentalMaterial3Api::class)
@@ -65,137 +57,87 @@ class MainActivity : ComponentActivity() {
         enableEdgeToEdge()
         setContent {
             PixelDragonTheme {
-                Scaffold(
-                    modifier = Modifier.fillMaxSize(),
-                    topBar = {
-                        TopAppBar(
-                            colors = topAppBarColors(
-                                containerColor = MaterialTheme.colorScheme.primaryContainer,
-                                titleContentColor = MaterialTheme.colorScheme.primary,
-                            ),
-                            title = {
-                                Text("Top app bar")
-                            }
-                        )
-                    },
-                ) { innerPadding ->
-                    RoomList(Modifier.padding(innerPadding))
-                }
-            }
-        }
-    }
-}
+                var isClientReady by remember { mutableStateOf(false) }
+                val syncState by remember { mutableStateOf(SyncState.STOPPED) }
 
-@Composable
-fun RoomList(modifier: Modifier = Modifier) {
-    var list by remember { mutableStateOf(listOf<String>()) }
-    val coroutineScope = rememberCoroutineScope()
-    val listState = rememberLazyListState()
-
-//    if (itemState.scrollToTop) {
-//        LaunchedEffect(coroutineScope) {
-//            Log.e("TAG", "TopCoinsScreen: scrollToTop" )
-//            listState.scrollToItem(0)
-//        }
-//    }
-
-    LaunchedEffect(true) {
-        coroutineScope.launch {
-            withContext(Dispatchers.IO) {
-                list = getRooms()
-            }
-        }
-    }
-
-    LazyColumn(modifier = modifier, state = listState) {
-        items(list) { rid ->
-            RoomItem(rid = rid)
-        }
-
-        item {
-            if (list.isEmpty()) {
-                Text("You have no rooms")
-            }
-        }
-    }
-}
-
-@Composable
-fun RoomItem(modifier: Modifier = Modifier, rid: String) {
-    var room by remember { mutableStateOf<Room?>(null) }
-    val scope = rememberCoroutineScope()
-
-    LaunchedEffect(true) {
-        scope.launch {
-            withContext(Dispatchers.IO) {
-                room = getRoom(rid)
-            }
-        }
-    }
-
-    if (room != null) {
-        Row(
-            modifier
-                .padding(8.dp)
-                .height(80.dp)
-                .fillMaxWidth()
-                .background(MaterialTheme.colorScheme.primaryContainer, RoundedCornerShape(16.dp))
-                .padding(8.dp)
-        ) {
-            SubcomposeAsyncImage(
-                modifier = Modifier
-                    .padding(end = 4.dp)
-                    .height(64.dp)
-                    .width(64.dp)
-                    .let {
-                        if (room!!.type == "m.space")
-                            it.clip(RoundedCornerShape(12.dp))
-                        else
-                            it.clip(CircleShape)
-                    },
-                model = ImageRequest.Builder(appCtx)
-                    .data(mxcToUrl(room!!.avatarUrl ?: ""))
-                    .httpHeaders(
-                        NetworkHeaders.Builder()
-                            .set("Authorization", "Bearer $token")
-                            .set("Cache-Control", "max-age=86400")
-                            .build()
-                    )
-                    .build(),
-                contentDescription = room!!.roomId,
-                contentScale = ContentScale.Crop,
-                loading = {
+                if (!isClientReady) {
                     CircularProgressIndicator()
+                } else {
+                    Scaffold(
+                        modifier = Modifier.fillMaxSize(),
+                        topBar = {
+                            CenterAlignedTopAppBar(
+                                colors = topAppBarColors(
+                                    containerColor = MaterialTheme.colorScheme.primaryContainer,
+                                    titleContentColor = MaterialTheme.colorScheme.primary,
+                                ),
+                                title = {
+                                    when (syncState) {
+                                        SyncState.STARTED -> Text("Syncing...")
+                                        SyncState.INITIAL_SYNC -> Text("Initial sync...")
+                                        SyncState.STOPPED,
+                                        SyncState.RUNNING -> Text(str(R.string.app_name))
+                                        SyncState.TIMEOUT -> Text("No network connection")
+                                        SyncState.ERROR -> Text("Error syncing")
+                                    }
+                                }
+                            )
+                        },
+                    ) { innerPadding ->
+                        val navController = rememberNavController()
+
+                        NavHost(navController = navController, startDestination = "rooms") {
+                            composable("rooms") {
+                                RoomList(Modifier.padding(innerPadding), navController)
+                            }
+                            composable(
+                                "room/{rid}",
+                                arguments = listOf(navArgument("rid") { type = NavType.StringType })
+                            ) { navBackStackEntry ->
+//                            Room(Modifier
+//                                .padding(innerPadding)
+//                                .fillMaxSize(), navBackStackEntry.arguments!!.getString("rid")!!)
+                            }
+                            composable(
+                                "space/{rid}",
+                                arguments = listOf(navArgument("rid") { type = NavType.StringType })
+                            ) { navBackStackEntry ->
+                                Text(
+                                    modifier = Modifier.padding(innerPadding),
+                                    text = "Not implemented"
+                                )
+                            }
+                        }
+                    }
+                }
+
+                LaunchedEffect(Unit) {
+                    if (client == null) {
+                        client = MatrixClient.create(
+                            repositoriesModule = getRoomStore(appCtx),
+                            mediaStoreModule = getMediaStore(),
+                            cryptoDriverModule = CryptoDriverModule.vodozemac()
+                        ).getOrNull()
+
+                        if (client == null) {
+                            start<Login>()
+                            finish()
+                            return@LaunchedEffect
+                        }
+                    }
+
+                    Log.i("MainActivity", "Log in as ${client!!.userId}")
+                    client!!.startSync()
+                    isClientReady = true
                 }
-            )
-            Column {
-                Text(
-                    room!!.name ?: "Unnamed",
-                    maxLines = 1,
-                    color = MaterialTheme.colorScheme.primary,
-                    fontSize = MaterialTheme.typography.titleLarge.fontSize
-                )
             }
         }
-    } else {
-        Row(
-            modifier
-                .padding(8.dp)
-                .height(80.dp)
-                .fillMaxWidth()
-                .background(MaterialTheme.colorScheme.primaryContainer, RoundedCornerShape(16.dp))
-                .padding(8.dp)
-        ) {
-            LinearProgressIndicator(Modifier.fillMaxWidth())
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        CoroutineScope(Dispatchers.Main).launch {
+            client?.stopSync()
         }
     }
 }
-
-//@Preview(showBackground = true)
-//@Composable
-//fun GreetingPreview() {
-//    PixelDragonTheme {
-//        RoomItem()
-//    }
-//}
-

app/src/main/java/ru/risdeveau/pixeldragon/ui/item/Image.kt

@@ -0,0 +1,129 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */
+
+package ru.risdeveau.pixeldragon.ui.item
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.outlined.Warning
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
+import coil3.compose.rememberAsyncImagePainter
+import coil3.request.ImageRequest
+import kotlinx.coroutines.flow.MutableStateFlow
+import de.connect2x.trixnity.client.media
+import de.connect2x.trixnity.clientserverapi.model.media.FileTransferProgress
+import ru.risdeveau.pixeldragon.client
+
+enum class ImageLoadState {
+    Loading, Success, Error
+}
+
+@Composable
+fun MXCImage(
+    mxcUrl: String,
+    modifier: Modifier = Modifier,
+    contentScale: ContentScale = ContentScale.Fit,
+    contentDescription: String = "",
+    showProgress: Boolean = true
+) {
+    val context = LocalContext.current
+    var imageLoadState by remember { mutableStateOf(ImageLoadState.Loading) }
+    var imageBytes by remember { mutableStateOf<ByteArray?>(null) }
+
+    val progressFlow = remember { MutableStateFlow<FileTransferProgress?>(null) }
+
+    LaunchedEffect(mxcUrl) {
+        if (mxcUrl.isBlank()) {
+            imageLoadState = ImageLoadState.Error
+            return@LaunchedEffect
+        }
+        imageLoadState = ImageLoadState.Loading
+        progressFlow.value = null
+
+        val result = client!!.media.getMedia(
+            uri = mxcUrl,
+            progress = progressFlow.takeIf { showProgress },
+            saveToCache = true
+        )
+
+        imageLoadState = result.fold(
+            onSuccess = { media ->
+                val bytes = media.toByteArray()
+                if (bytes != null) {
+                    imageBytes = bytes
+                    ImageLoadState.Success
+                } else {
+                    ImageLoadState.Error
+                }
+            },
+            onFailure = {
+                ImageLoadState.Error
+            }
+        )
+    }
+
+    val progress by progressFlow.collectAsState()
+
+    val showProgressIndicator = showProgress &&
+            imageLoadState == ImageLoadState.Loading &&
+            progress != null
+
+    val painter = rememberAsyncImagePainter(
+        model = ImageRequest.Builder(context)
+            .data(imageBytes)
+            .build()
+    )
+
+    Box(modifier = modifier, contentAlignment = Alignment.Center) {
+        if (imageBytes != null) {
+            Image(
+                painter = painter,
+                contentDescription = contentDescription,
+                contentScale = contentScale,
+                modifier = Modifier.fillMaxSize()
+            )
+        }
+
+        when {
+            showProgressIndicator -> {
+                progress?.let { p ->
+                    val percent = p.total?.let { p.transferred.toFloat() / it }
+                    if (percent == null) {
+                        CircularProgressIndicator(modifier = Modifier.align(Alignment.Center))
+                    } else {
+                        CircularProgressIndicator(
+                            progress = percent,
+                            modifier = Modifier.align(Alignment.Center)
+                        )
+                    }
+                } ?: CircularProgressIndicator(modifier = Modifier.align(Alignment.Center))
+            }
+            imageLoadState == ImageLoadState.Loading -> {
+                CircularProgressIndicator(modifier = Modifier.align(Alignment.Center))
+            }
+            imageLoadState == ImageLoadState.Error -> {
+                Icon(
+                    Icons.Outlined.Warning,
+                    contentDescription = "Error",
+                    modifier = Modifier.align(Alignment.Center)
+                )
+            }
+        }
+    }
+}

app/src/main/java/ru/risdeveau/pixeldragon/ui/layout/Room.kt

@@ -0,0 +1,367 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2025. All rights reserved.
+ */
+
+package ru.risdeveau.pixeldragon.ui.layout
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import android.webkit.WebResourceRequest
+import android.webkit.WebView
+import android.webkit.WebViewClient
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.produceState
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
+import de.connect2x.trixnity.client.room
+import de.connect2x.trixnity.client.room.toFlowList
+import de.connect2x.trixnity.client.store.TimelineEvent
+import de.connect2x.trixnity.client.user
+import de.connect2x.trixnity.core.model.RoomId
+import de.connect2x.trixnity.core.model.events.ClientEvent
+import de.connect2x.trixnity.core.model.events.m.room.RoomMessageEventContent
+import io.ktor.util.reflect.instanceOf
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.filterNotNull
+import kotlinx.coroutines.flow.first
+import kotlinx.coroutines.flow.flatMapConcat
+import kotlinx.coroutines.withContext
+import org.jsoup.Jsoup
+import org.jsoup.safety.Safelist
+import ru.risdeveau.pixeldragon.client
+import ru.risdeveau.pixeldragon.ui.item.MXCImage
+
+@Composable
+fun Room(modifier: Modifier = Modifier, rid: String) {
+    val roomId = remember(rid) { RoomId(rid) }
+    val limit = remember { MutableStateFlow(50) }
+    val eventsFlow = remember(roomId) {
+        client!!.room
+            .getLastTimelineEvents(roomId)
+            .toFlowList(limit)
+    }
+    val eventFlows by eventsFlow.collectAsState(initial = emptyList())
+
+    val listState = rememberLazyListState()
+
+    LazyColumn(modifier = modifier, state = listState, reverseLayout = true) {
+        items(eventFlows, key = { it.hashCode() }) { eventFlow ->
+            EventItem(eventFlow)
+        }
+
+        if (eventFlows.isEmpty()) {
+            item {
+                Text("Empty room", modifier = Modifier.padding(16.dp))
+            }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun EventItem(eventFlow: Flow<TimelineEvent>) {
+    val event by eventFlow.collectAsState(null)
+    event?.let { event ->
+        Box(Modifier.fillMaxWidth()) {
+            /*when (event.type) {
+            "m.room.message" -> Column(
+                Modifier
+                    .fillMaxSize()
+                    .then(
+                        if (event.sender != ME!!.userId)
+                            Modifier.padding(end = 16.dp)
+                        else
+                            Modifier.padding(start = 16.dp)
+                    )
+                    .padding(4.dp)
+                    .background(
+                        if (event.sender != ME?.userId)
+                            MaterialTheme.colorScheme.surfaceContainer
+                        else
+                            MaterialTheme.colorScheme.primaryContainer
+                    )
+                    .clip(RoundedCornerShape(16.dp))
+                    .padding(4.dp)
+            ) {
+                Text(event.sender, maxLines = 1, fontWeight = FontWeight.Bold)
+
+                when (val msgtype = event.content.optString("msgtype", null)) {
+                    "m.text" -> when (event.content.optString("format")) {
+                        "org.matrix.custom.html" -> {
+                            if (event.content.getString("body") == event.content.getString("formatted_body"))
+                                Text(event.content.getString("body"))
+                            HtmlRenderer(event.content.getString("formatted_body"))
+                        }
+
+                        else -> Text(event.content.getString("body"))
+                    }
+
+                    "m.image" ->
+                        MXCImage(event.content.getString("url"), Modifier.fillMaxWidth(.9f))
+
+                    null -> Text(event.content.toString(2))
+
+                    else -> Text("Unknown type: $msgtype", color = MaterialTheme.colorScheme.error)
+                }
+
+            }
+
+            else -> Text(event.content?.getOrNull().toString(),
+                Modifier
+                    .fillMaxHeight()
+                    .padding(4.dp)
+                    .background(MaterialTheme.colorScheme.errorContainer)
+                    .padding(4.dp)
+            )*/
+            Text(event.content?.getOrNull().toString())
+        }
+    }
+}
+
+private fun String.sanitizeHTML(): String {
+    val matrixSafelist = Safelist()
+        .addTags(
+            "h1", "h2", "h3", "h4", "h5", "h6",
+            "b", "i", "u", "strong", "s", "del",
+            "sup", "sub", "code",
+            "table", "thead", "tbody",
+            "tr", "th", "td", "ul", "ol", "li",
+            "blockquote", "details", "summary",
+            "em", "code", "div", "pre", "span", "img"
+        )
+//        .addAttributes("span",
+//            "data-mx-bg-color", "data-mx-color",
+//            "data-mx-spoiler", "data-mx-maths"
+//        )
+        .addAttributes("a",
+            "target", "href"
+        )
+        .addAttributes("img",
+            "width", "height", "alt", "title", "src"
+        )
+        .addAttributes("ol", "start")
+        .addAttributes("code", "class")
+        .addAttributes("div", "data-mx-maths")
+
+    val doc = Jsoup.parse(this)
+    doc.select("mx-reply").remove()
+
+    val out = Jsoup.clean(doc.body().toString(), matrixSafelist)
+    return out
+}
+
+
+@Composable
+fun HtmlRenderer(
+    htmlContent: String,
+    modifier: Modifier = Modifier
+) {
+    val context = LocalContext.current
+    val webView = remember { WebView(context).apply {
+        settings.apply {
+            javaScriptEnabled = false
+            loadWithOverviewMode = true
+            useWideViewPort = true
+        }
+        isVerticalScrollBarEnabled = false
+        setBackgroundColor(Color.Transparent.toArgb())
+    } }
+
+    val css = """
+        body {
+            font-family: -apple-system, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: ${colorToCss(MaterialTheme.colorScheme.onBackground)};
+            margin: 0;
+            padding: 0;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            font-weight: bold;
+            padding: 0;
+        }
+        h1 { font-size: 24px; }
+        h2 { font-size: 22px; }
+        h3 { font-size: 20px; }
+        h4 { font-size: 18px; }
+        h5 { font-size: 16px; }
+        h6 { font-size: 14px; }
+        a {
+            color: ${colorToCss(MaterialTheme.colorScheme.primary)};
+            text-decoration: none;
+        }
+        img {
+            max-width: 100%;
+            height: auto;
+            display: block;
+            margin: 12px 0;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 16px 0;
+        }
+        th, td {
+            border: 1px solid ${colorToCss(MaterialTheme.colorScheme.outline)};
+            padding: 12px;
+            text-align: left;
+        }
+        th {
+            background-color: ${colorToCss(MaterialTheme.colorScheme.surfaceVariant)};
+            font-weight: bold;
+        }
+        blockquote {
+            border-left: 4px solid ${colorToCss(MaterialTheme.colorScheme.primary)};
+            padding-left: 16px;
+            margin-left: 0;
+            color: ${colorToCss(MaterialTheme.colorScheme.onSurfaceVariant)};
+        }
+        pre {
+            background-color: ${colorToCss(MaterialTheme.colorScheme.surfaceVariant)};
+            padding: 16px;
+            overflow: auto;
+            border-radius: 4px;
+        }
+        code {
+            font-family: monospace;
+            background-color: ${colorToCss(MaterialTheme.colorScheme.surfaceVariant)};
+            padding: 2px 4px;
+            border-radius: 4px;
+        }
+        hr {
+            border: 0;
+            height: 1px;
+            background-color: ${colorToCss(MaterialTheme.colorScheme.outline)};
+            margin: 24px 0;
+        }
+        ul, ol {
+            padding-left: 24px;
+            margin: 12px 0;
+        }
+        li {
+            margin-bottom: 8px;
+        }
+        details {
+            margin: 12px 0;
+        }
+        summary {
+            font-weight: bold;
+            cursor: pointer;
+        }
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --border-color: ${colorToCss(MaterialTheme.colorScheme.outline)};
+            }
+        }
+    """.trimIndent()
+
+    LaunchedEffect(htmlContent) {
+        webView.loadDataWithBaseURL(
+            null,
+            wrapHtml(htmlContent, css),
+            "text/html",
+            "UTF-8",
+            null
+        )
+    }
+
+    DisposableEffect(webView) {
+        onDispose {
+            webView.destroy()
+        }
+    }
+
+    AndroidView(
+        factory = { webView },
+        modifier = modifier,
+        update = { view ->
+            view.webViewClient = SafeWebViewClient(context)
+        }
+    )
+}
+
+private class SafeWebViewClient(
+    private val context: Context
+) : WebViewClient() {
+    override fun shouldOverrideUrlLoading(
+        view: WebView,
+        request: WebResourceRequest
+    ): Boolean {
+        val url = request.url.toString()
+        try {
+            // Открываем ссылки во внешнем браузере
+            context.startActivity(
+                Intent(Intent.ACTION_VIEW, Uri.parse(url))
+            )
+            return true
+        } catch (e: Exception) {
+            // Обработка ошибок открытия ссылки
+            return false
+        }
+    }
+}
+
+private fun wrapHtml(content: String, css: String): String {
+    return """
+    <!DOCTYPE html>
+    <html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <style>
+            $css
+        </style>
+    </head>
+    <body>
+        ${content.sanitizeHTML()}
+    </body>
+    </html>
+    """.trimIndent()
+}
+
+private fun colorToCss(color: Color): String {
+    val argb = color.toArgb()
+    return String.format("#%06X", 0xFFFFFF and argb)
+}
+
+@OptIn(ExperimentalCoroutinesApi::class)
+fun Flow<Flow<Flow<TimelineEvent>>?>.flattenTimelineEvents(): Flow<TimelineEvent> = this
+    .filterNotNull()
+    .flatMapConcat { middleFlow ->
+        middleFlow.flatMapConcat { innerFlow ->
+            innerFlow
+        }
+    }

app/src/main/java/ru/risdeveau/pixeldragon/ui/layout/Rooms.kt

@@ -0,0 +1,128 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */
+
+package ru.risdeveau.pixeldragon.ui.layout
+
+import android.annotation.SuppressLint
+import android.util.Log
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import kotlinx.coroutines.flow.map
+import de.connect2x.trixnity.client.flattenValues
+import de.connect2x.trixnity.client.room
+import de.connect2x.trixnity.client.store.Room
+import de.connect2x.trixnity.client.store.type
+import de.connect2x.trixnity.core.model.events.m.room.CreateEventContent
+import ru.risdeveau.pixeldragon.client
+import ru.risdeveau.pixeldragon.ui.item.MXCImage
+
+@SuppressLint("FlowOperatorInvokedInComposition")
+@Composable
+fun RoomList(modifier: Modifier = Modifier, navController: NavController) {
+    val rooms by client!!.room.getAll().flattenValues().map { it.toList() }.collectAsState(initial = emptyList())
+
+    val listState = rememberLazyListState()
+
+//    if (itemState.scrollToTop) {
+//        LaunchedEffect(coroutineScope) {
+//            Log.e("TAG", "TopCoinsScreen: scrollToTop" )
+//            listState.scrollToItem(0)
+//        }
+//    }
+
+//    LaunchedEffect(Unit) {
+//        list = withContext(Dispatchers.IO) { Room.getJoined() }
+//    }
+
+    LazyColumn(modifier = modifier, state = listState) {
+        items(rooms) { room ->
+            RoomItem(room = room, navController = navController )
+        }
+
+        item {
+            if (rooms.isEmpty()) {
+                Text("You have no rooms")
+            }
+        }
+    }
+}
+
+@Composable
+fun RoomItem(modifier: Modifier = Modifier, room: Room, navController: NavController) {
+    val name = room.name
+    val isSpace = room.type == CreateEventContent.RoomType.Space
+
+
+    Row(
+        modifier
+            .padding(8.dp)
+            .height((52 + 8 * 2).dp)
+            .fillMaxWidth()
+            .background(
+                color =
+                    if (isSpace)
+                        MaterialTheme.colorScheme.tertiary
+                    else
+                        MaterialTheme.colorScheme.background
+            )
+            .clip(RoundedCornerShape(12.dp))
+            .clickable {
+                if (isSpace)
+                    navController.navigate("space/${room.roomId}")
+                else
+                    navController.navigate("room/${room.roomId}")
+            }
+            .padding(8.dp)
+    ) {
+        Log.v("RoomItem", room.avatarUrl.toString())
+        room.avatarUrl?.let { mxc ->
+            MXCImage(
+                mxc,
+                modifier = Modifier
+                    .padding(end = 4.dp)
+                    .height(52.dp)
+                    .width(52.dp)
+                    .let {
+                        if (isSpace)
+                            it.clip(RoundedCornerShape(12.dp))
+                        else
+                            it.clip(CircleShape)
+                    },
+                ContentScale.Crop
+            )
+        }
+        Column {
+            (name?.explicitName ?: name?.heroes?.firstNotNullOf {it.localpart})?.let {
+                Text(
+                    it,
+                    maxLines = 1,
+                    color = MaterialTheme.colorScheme.primary,
+                    fontSize = MaterialTheme.typography.titleLarge.fontSize
+                )
+            }
+        }
+    }
+}

app/src/main/java/ru/risdeveau/pixeldragon/util/TrixnityStores.kt

@@ -0,0 +1,24 @@
+/*
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
+ */
+
+package ru.risdeveau.pixeldragon.util
+
+import android.content.Context
+import androidx.room.Room
+import de.connect2x.trixnity.client.MediaStoreModule
+import de.connect2x.trixnity.client.RepositoriesModule
+import de.connect2x.trixnity.client.media.okio.okio
+import de.connect2x.trixnity.client.store.repository.room.TrixnityRoomDatabase
+import de.connect2x.trixnity.client.store.repository.room.room
+import okio.Path.Companion.toPath
+import splitties.init.appCtx
+
+fun getMediaStore() = MediaStoreModule.okio(appCtx.filesDir.resolve("media").absolutePath.toPath())
+fun getRoomStore(context: Context) = RepositoriesModule.room(
+    databaseBuilder = Room.databaseBuilder<TrixnityRoomDatabase>(
+        context,
+        "trixnity.db"
+    )
+)

build.gradle.kts

@@ -1,7 +1,6 @@
 /*
- * Created by sweetbread on 22.02.2025, 15:45
- * Copyright (c) 2025. All rights reserved.
- * Last modified 21.02.2025, 12:21
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
  */
 
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
@@ -9,5 +8,4 @@ plugins {
     alias(libs.plugins.android.application) apply false
     alias(libs.plugins.kotlin.android) apply false
     alias(libs.plugins.kotlin.compose) apply false
-    id("com.google.devtools.ksp") version "2.0.21-1.0.27" apply false
-}
+}

gradle/libs.versions.toml

@@ -1,26 +1,35 @@
 [versions]
-agp = "8.7.3"
+agp = "8.13.0"
 coil = "3.1.0"
-kotlin = "2.0.21"
+jsoup = "1.20.1"
+kotlin = "2.2.21"
 coreKtx = "1.15.0"
 junit = "4.13.2"
 junitVersion = "1.2.1"
 espressoCore = "3.6.1"
+kotlinxSerializationJson = "1.7.3"
 ktor = "3.1.0"
 lifecycleRuntimeKtx = "2.8.7"
 activityCompose = "1.10.0"
 composeBom = "2025.02.00"
+navigationCompose = "2.8.8"
 room = "2.6.1"
 splittiesFunPackAndroidBase = "3.0.0"
+trixnityClient = "5.2.0"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
 androidx-lifecycle-viewmodel-ktx = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "room" }
-androidx-room-compiler = { module = "androidx.room:room-compiler", version.ref = "room" }
+androidx-navigation-compose = { module = "androidx.navigation:navigation-compose", version.ref = "navigationCompose" }
+androidx-navigation-dynamic-features-fragment = { module = "androidx.navigation:navigation-dynamic-features-fragment", version.ref = "navigationCompose" }
+androidx-navigation-fragment = { module = "androidx.navigation:navigation-fragment", version.ref = "navigationCompose" }
+androidx-navigation-testing = { module = "androidx.navigation:navigation-testing", version.ref = "navigationCompose" }
+androidx-navigation-ui = { module = "androidx.navigation:navigation-ui", version.ref = "navigationCompose" }
 androidx-room-ktx = { module = "androidx.room:room-ktx", version.ref = "room" }
 androidx-room-runtime = { module = "androidx.room:room-runtime", version.ref = "room" }
 coil-compose = { module = "io.coil-kt.coil3:coil-compose", version.ref = "coil" }
 coil-network-okhttp = { module = "io.coil-kt.coil3:coil-network-okhttp", version.ref = "coil" }
+jsoup = { module = "org.jsoup:jsoup", version.ref = "jsoup" }
 junit = { group = "junit", name = "junit", version.ref = "junit" }
 androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
 androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
@@ -38,9 +47,12 @@ ktor-client-okhttp = { module = "io.ktor:ktor-client-okhttp", version.ref = "kto
 ktor-client-core = { module = "io.ktor:ktor-client-core", version.ref = "ktor" }
 ktor-client-logging = { module = "io.ktor:ktor-client-logging", version.ref = "ktor" }
 splitties-base = { module = "com.louiscad.splitties:splitties-fun-pack-android-base", version.ref = "splittiesFunPackAndroidBase" }
+trixnity-client = { module = "de.connect2x.trixnity:trixnity-client", version.ref = "trixnityClient" }
+trixnity-client-media-okio = { module = "de.connect2x.trixnity:trixnity-client-media-okio", version.ref = "trixnityClient" }
+trixnity-client-repository-room = { module = "de.connect2x.trixnity:trixnity-client-repository-room", version.ref = "trixnityClient" }
+trixnity-client-cryptodriver-vodozemac = { module = "de.connect2x.trixnity:trixnity-client-cryptodriver-vodozemac", version.ref = "trixnityClient" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
 kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
 kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
-

gradle/wrapper/gradle-wrapper.properties

@@ -1,12 +1,11 @@
 #
-# Created by sweetbread on 21.02.2025, 12:00
+# Created by sweetbread
 # Copyright (c) 2025. All rights reserved.
-# Last modified 21.02.2025, 12:00
 #
 
 #Thu Feb 20 10:45:47 GMT 2025
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

settings.gradle.kts

@@ -1,7 +1,6 @@
 /*
- * Created by sweetbread on 21.02.2025, 12:00
- * Copyright (c) 2025. All rights reserved.
- * Last modified 21.02.2025, 12:00
+ * Created by sweetbread
+ * Copyright (c) 2026. All rights reserved.
  */
 
 pluginManagement {
@@ -17,11 +16,15 @@ pluginManagement {
         gradlePluginPortal()
     }
 }
+plugins {
+    id("org.gradle.toolchains.foojay-resolver-convention") version "1.0.0"
+}
 dependencyResolutionManagement {
     repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
     repositories {
         google()
         mavenCentral()
+        maven("https://gitlab.com/api/v4/projects/47538655/packages/maven")
     }
 }