dm-69

app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt

@@ -1,6 +1,7 @@
 package com.example.login_v3.home.Message.UI.Detail
 
 import android.net.Uri
+import android.util.Log
 import android.widget.Toast
 import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.result.contract.ActivityResultContracts
@@ -307,6 +308,7 @@ fun MessageList(
     }
 }
 
+private fun String?.isNullTabOrBlank(): Boolean = this == null || this.trim().isBlank()
 @Composable
 fun MessageRow(
     message: Message,
@@ -324,8 +326,30 @@ fun MessageRow(
     val isLegacyImage = contentLowerCase.startsWith("http") && imageExtensions.any { contentLowerCase.contains(it) }
     val isImage = isAttachmentImage || isLegacyImage
 
+
     val rawContent = message.content ?: ""
-    val finalImageModel = if (rawContent.startsWith("/")) "http://192.168.0.217$rawContent" else rawContent
+    // 💡 核心修正：利用 remember 根據 message 狀態動態計算正確的圖片 URL
+    val finalImageModel = remember(message) {
+        // 1. 如果有 attachment，優先去拿裡面的 filename；如果沒有，再拿一般的 content
+        // 2. 假設後端儲存路徑通常是在某個特定資料夾（例如 /uploads/），如果 filename 沒帶路徑，記得補上
+        val rawPath = if (isAttachmentImage && !message.attachment?.filename.isNullTabOrBlank()) {
+            message.attachment!!.filename
+        } else {
+            message.content
+        }
+
+        when {
+            rawPath.isBlank() -> ""
+            rawPath.startsWith("https") -> rawPath // 已經是完整網址，直接回傳
+
+            // 💡 注意：請根據你後端圖片實際存放的路由修改這裡。
+            // 如果後端 filename 只有 "abc.jpg"，而實際上網址是 "http://192.168.0.217/uploads/abc.jpg"
+            // 你需要把下面改成 "/uploads/$rawPath"
+            rawPath.startsWith("/") -> "https://192.168.0.217$rawPath"
+
+            else -> "https://192.168.0.217/$rawPath"
+        }
+    }
 
     //emoji value
     var showEmojiPanel by remember { mutableStateOf(false) }
@@ -424,7 +448,15 @@ fun MessageRow(
                                 contentScale = ContentScale.Fit,
                                 modifier = Modifier
                                     .fillMaxWidth()
-                                    .heightIn(max = 300.dp)
+                                    .heightIn(max = 300.dp),
+                                // 🛠️ 移除了 unresolved 的 debugPlaceholder
+                                onError = { errorState ->
+                                    // 這樣就能在 Logcat 裡過濾 "ChatImageError" 關鍵字，看看到底是哪個網址拼錯了！
+                                    android.util.Log.e(
+                                        "ChatImageError",
+                                        "圖片載入失敗, 網址為: $finalImageModel, 原因: ${errorState.result.throwable}"
+                                    )
+                                }
                             )
                         }
                     } else {

app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging_detail/MessageInputBar.kt

@@ -5,6 +5,7 @@ import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.result.contract.ActivityResultContracts
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.background
+import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -32,6 +33,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.blur
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
@@ -61,14 +63,27 @@ fun MessageInputBar(
             .navigationBarsPadding() // 自動適應 Android 系統導覽列高度
             .padding(horizontal = 16.dp, vertical = 8.dp) // 懸浮的外邊距
     ) {
-        // 使用 Surface 或 Card 來實作圓角與陰影懸浮感
+
-        Surface(
+        //glass effect
-            modifier = Modifier.fillMaxWidth(),
+        Box(
-            shape = RoundedCornerShape(16.dp), // 整體大圓角化
+            modifier = Modifier
-            color = Color.White,
+                .matchParentSize()
-            tonalElevation = 6.dp, // 頂級懸浮感
+                .blur(10.dp)
-            shadowElevation = 6.dp  // 實體陰影
+        )
-        ) {
+        Box(
+            modifier = Modifier
+                .matchParentSize()
+                .background(
+                    color = MaterialTheme.colorScheme.primary,
+                    RoundedCornerShape(16.dp)
+                )
+                .border(
+                    1.dp,
+                    Color.White.copy(alpha = 0.3f),
+                    RoundedCornerShape(16.dp)
+                )
+        )
+
         Column(modifier = Modifier.fillMaxWidth()) {
 
             // 1. 回覆預覽列 (加入頂部圓角修飾)
@@ -159,5 +174,4 @@ fun MessageInputBar(
             }
         }
     }
-    }
 }

app/src/main/res/xml/network_security_config.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <network-security-config>
-    <domain-config cleartextTrafficPermitted="false">
+    <domain-config cleartextTrafficPermitted="true">
         <domain includeSubdomains="true">192.168.0.217</domain>
 
         <trust-anchors>