update mcp-demo to Compose Material 3 and bump dependencies

Author: devcrocod

projects/mcp/mcp-demo/composeApp/build.gradle.kts

@@ -15,7 +15,7 @@ kotlin {
         commonMain.dependencies {
             implementation(compose.runtime)
             implementation(compose.foundation)
-            implementation(compose.material)
+            implementation(compose.material3)
             implementation(compose.ui)
             implementation(compose.components.resources)
             implementation(compose.components.uiToolingPreview)

projects/mcp/mcp-demo/composeApp/src/desktopMain/kotlin/io/github/devcrocod/App.kt

@@ -7,9 +7,7 @@ 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.material.*
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.automirrored.filled.Send
+import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -43,6 +41,7 @@ private fun getCurrentTime(): String {
     return String.format("%02d:%02d", now.hour, now.minute)
 }
 
+@OptIn(ExperimentalMaterial3Api::class)
 @Composable
 @Preview
 fun App() {
@@ -78,9 +77,8 @@ fun App() {
     }
 
     MaterialTheme(
-        colors = MaterialTheme.colors.copy(
+        colorScheme = MaterialTheme.colorScheme.copy(
             primary = DarkBlue,
-            primaryVariant = LightBlue,
             secondary = LightBlue,
             background = Color.White,
             surface = Color.White
@@ -112,8 +110,9 @@ fun App() {
                             )
                         }
                     },
-                    backgroundColor = Color.White,
-                    elevation = 4.dp
+                    colors = TopAppBarDefaults.topAppBarColors(
+                        containerColor = Color.White
+                    )
                 )
             },
             content = { padding ->
@@ -162,7 +161,7 @@ fun App() {
                         // Input field and send button
                         Card(
                             modifier = Modifier.fillMaxWidth(),
-                            elevation = 8.dp
+                            elevation = CardDefaults.cardElevation(defaultElevation = 8.dp)
                         ) {
                             Row(
                                 modifier = Modifier
@@ -188,7 +187,7 @@ fun App() {
                                     placeholder = { Text("Enter your query...") },
                                     enabled = !isLoading,
                                     shape = RoundedCornerShape(24.dp),
-                                    colors = TextFieldDefaults.outlinedTextFieldColors(
+                                    colors = OutlinedTextFieldDefaults.colors(
                                         focusedBorderColor = DarkBlue,
                                         unfocusedBorderColor = Color.LightGray
                                     ),
@@ -211,10 +210,10 @@ fun App() {
                                         .clip(CircleShape)
                                         .background(if (query.isNotBlank()) DarkBlue else Color.LightGray)
                                 ) {
-                                    Icon(
-                                        imageVector = Icons.AutoMirrored.Filled.Send,
-                                        contentDescription = "Send",
-                                        tint = Color.White
+                                    Text(
+                                        text = "Send",
+                                        color = Color.White,
+                                        fontWeight = FontWeight.Bold
                                     )
                                 }
                             }

projects/mcp/mcp-demo/composeApp/src/desktopMain/kotlin/io/github/devcrocod/MCPClient.kt

@@ -59,7 +59,7 @@ class MCPClient : AutoCloseable {
     lateinit var availableTools: List<ChatCompletionTool>
 
     // Configures using the `OPENAI_API_KEY`, `OPENAI_ORG_ID` and `OPENAI_PROJECT_ID` environment variables
-    var openAiClient: OpenAIClient = OpenAIOkHttpClient.fromEnv()
+    val openAiClient: OpenAIClient = OpenAIOkHttpClient.fromEnv()
 
     val serverVersion: Implementation
         get() = mcpClient.serverVersion ?: error("Server version is not available")

projects/mcp/mcp-demo/gradle/libs.versions.toml

@@ -1,14 +1,14 @@
 [versions]
-androidx-lifecycle = "2.8.4"
-compose-multiplatform = "1.7.3"
+androidx-lifecycle = "2.9.0"
+compose-multiplatform = "1.8.1"
 junit = "4.13.2"
-kotlin = "2.1.20"
-kotlinx-coroutines = "1.10.1"
-mcp = "0.4.0"
-slf4j = "2.0.9"
+kotlin = "2.1.21"
+kotlinx-coroutines = "1.10.2"
+mcp = "0.5.0"
+slf4j = "2.0.17"
 ktor = "3.1.1"
 shadow = "8.1.1"
-openai = "0.44.3"
+openai = "2.2.0"
 
 [libraries]
 kotlin-test = { module = "org.jetbrains.kotlin:kotlin-test", version.ref = "kotlin" }