capacitor-pica-network-logger 0.2.2 → 0.2.4

package/CapacitorPicaNetworkLogger.podspec

@@ -1,6 +1,7 @@
 Pod::Spec.new do |s|
+  package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
   s.name = 'CapacitorPicaNetworkLogger'
-  s.version = '0.2.2'
+  s.version = package['version']
   s.summary = 'Capacitor HTTP inspector'
   s.license = 'MIT'
   s.author = { 'Nikos Linakis' => 'nikos@linakis.net' }

package/README.md

@@ -19,12 +19,16 @@ Capacitor HTTP inspector with debug-only native capture and a JS wrapper that mi
 
 - Debug-only request/response logging
 - Native inspector UI (standalone Activity/UIViewController)
+- Body text search with highlighting in the inspector
+- Persistent log storage across inspector sessions
 - Notifications to open inspector
 - Redaction + max body size from Capacitor config
 - cURL/JSON/HAR exports + copy/share
 - Save cURL/JSON/HAR locally
 - Copy all logs as HAR
 
+See the [Changelog](CHANGELOG.md) for a full history of changes.
+
 ## Project layout
 
 - `src/`: JS wrapper and plugin typings

package/android/build.gradle

@@ -11,6 +11,15 @@ android {
     defaultConfig {
         minSdk 23
     }
+
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_21
+        targetCompatibility JavaVersion.VERSION_21
+    }
+}
+
+kotlin {
+    jvmToolchain(21)
 }
 
 dependencies {

package/android/src/main/AndroidManifest.xml

@@ -4,6 +4,7 @@
         <activity
             android:name="com.linakis.capacitorpicanetworklogger.InspectorActivity"
             android:exported="false"
+            android:taskAffinity="com.linakis.capacitorpicanetworklogger.inspector"
             android:theme="@style/Theme.MaterialComponents.DayNight.NoActionBar" />
     </application>
 </manifest>

package/android/src/main/java/com/linakis/capacitorpicanetworklogger/InspectorNotifications.kt

@@ -9,37 +9,68 @@ import android.os.Build
 import androidx.core.app.NotificationCompat
 
 object InspectorNotifications {
-    private const val channelId = "pica_network_logger"
-    private const val channelName = "Network Logger"
+    private const val CHANNEL_ID = "pica_network_inspector"
+    private const val CHANNEL_NAME = "Network Logger"
+    private const val GROUP_KEY = "pica_network_inspector_group"
+    private const val SUMMARY_ID = 0
 
     fun show(context: Context, method: String, url: String, status: Int?) {
         val manager = context.getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-            val channel = NotificationChannel(channelId, channelName, NotificationManager.IMPORTANCE_LOW)
+            val channel = NotificationChannel(CHANNEL_ID, CHANNEL_NAME, NotificationManager.IMPORTANCE_LOW)
             channel.setSound(null, null)
             channel.enableVibration(false)
             manager.createNotificationChannel(channel)
         }
 
         val intent = Intent(context, InspectorActivity::class.java).apply {
-            addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+            addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
         }
+
+        val requestCode = (System.currentTimeMillis() % 10000).toInt()
         val pendingIntent = PendingIntent.getActivity(
             context,
-            0,
+            requestCode,
             intent,
             PendingIntent.FLAG_UPDATE_CURRENT or PendingIntent.FLAG_IMMUTABLE
         )
 
         val title = if (status != null) "$method $status" else method
-        val notification = NotificationCompat.Builder(context, channelId)
+        val notification = NotificationCompat.Builder(context, CHANNEL_ID)
             .setSmallIcon(android.R.drawable.stat_notify_sync)
             .setContentTitle(title)
             .setContentText(url)
             .setContentIntent(pendingIntent)
             .setAutoCancel(true)
+            .setSilent(true)
+            .setGroup(GROUP_KEY)
+            .build()
+
+        manager.notify(requestCode, notification)
+
+        // Summary notification for the group
+        val summaryIntent = Intent(context, InspectorActivity::class.java).apply {
+            addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+        }
+        val summaryNotification = NotificationCompat.Builder(context, CHANNEL_ID)
+            .setSmallIcon(android.R.drawable.stat_notify_sync)
+            .setContentTitle(CHANNEL_NAME)
+            .setContentText("Tap to open inspector")
+            .setContentIntent(
+                PendingIntent.getActivity(
+                    context,
+                    0,
+                    summaryIntent,
+                    PendingIntent.FLAG_UPDATE_CURRENT or PendingIntent.FLAG_IMMUTABLE
+                )
+            )
+            .setAutoCancel(true)
+            .setSilent(true)
+            .setGroup(GROUP_KEY)
+            .setGroupSummary(true)
             .build()
 
-        manager.notify((System.currentTimeMillis() % 10000).toInt(), notification)
+        manager.notify(SUMMARY_ID, summaryNotification)
     }
 }

package/android/src/main/java/com/linakis/capacitorpicanetworklogger/InspectorScreen.kt

@@ -69,6 +69,7 @@ import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -415,39 +416,45 @@ private fun TransactionList(
                 colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surfaceVariant)
             ) {
                 Column(modifier = Modifier.padding(12.dp)) {
+                    // Row 1: pills + date/time
                     Row(
                         horizontalArrangement = Arrangement.spacedBy(8.dp),
-                        verticalAlignment = Alignment.CenterVertically
+                        verticalAlignment = Alignment.CenterVertically,
+                        modifier = Modifier.fillMaxWidth()
                     ) {
                         StatusChip(status = entry.resStatus)
                         MethodChip(method = entry.method)
+                        Spacer(modifier = Modifier.weight(1f))
                         Text(
-                            text = path.ifBlank { entry.url },
-                            style = MaterialTheme.typography.bodyMedium,
-                            color = MaterialTheme.colorScheme.onSurface
+                            text = formatTime(entry.startTs),
+                            style = MaterialTheme.typography.labelSmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
                         )
                     }
+                    // Row 2: full-width path (unlimited lines)
                     Text(
-                        text = host,
-                        style = MaterialTheme.typography.bodySmall,
-                        color = MaterialTheme.colorScheme.onSurfaceVariant
+                        text = path.ifBlank { entry.url },
+                        style = MaterialTheme.typography.bodyMedium,
+                        color = MaterialTheme.colorScheme.onSurface,
+                        modifier = Modifier.padding(top = 6.dp)
                     )
+                    // Row 3: host + duration/size
                     Row(
-                        modifier = Modifier.padding(top = 6.dp),
-                        horizontalArrangement = Arrangement.spacedBy(12.dp)
+                        modifier = Modifier
+                            .padding(top = 6.dp)
+                            .fillMaxWidth(),
+                        verticalAlignment = Alignment.CenterVertically
                     ) {
                         Text(
-                            formatTime(entry.startTs),
-                            style = MaterialTheme.typography.labelSmall,
-                            color = MaterialTheme.colorScheme.onSurfaceVariant
-                        )
-                        Text(
-                            "${entry.durationMs ?: 0} ms",
-                            style = MaterialTheme.typography.labelSmall,
-                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                            text = host,
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant,
+                            maxLines = 1,
+                            overflow = TextOverflow.Ellipsis,
+                            modifier = Modifier.weight(1f)
                         )
                         Text(
-                            formatSize(entry.resBody?.length ?: 0),
+                            text = "${entry.durationMs ?: 0} ms  •  ${formatSize(entry.resBody?.length ?: 0)}",
                             style = MaterialTheme.typography.labelSmall,
                             color = MaterialTheme.colorScheme.onSurfaceVariant
                         )
@@ -473,6 +480,7 @@ private fun TransactionDetail(
         return
     }
     var tab by remember { mutableIntStateOf(0) }
+    var bodyQuery by remember { mutableStateOf("") }
     Column(
         modifier = modifier
             .padding(12.dp)
@@ -481,6 +489,20 @@ private fun TransactionDetail(
         Spacer(modifier = Modifier.height(8.dp))
         OverviewSection(entry)
         Spacer(modifier = Modifier.height(12.dp))
+        OutlinedTextField(
+            value = bodyQuery,
+            onValueChange = { bodyQuery = it },
+            label = { Text("Search body") },
+            modifier = Modifier.fillMaxWidth(),
+            trailingIcon = {
+                if (bodyQuery.isNotEmpty()) {
+                    IconButton(onClick = { bodyQuery = "" }) {
+                        Icon(Icons.Filled.Close, contentDescription = "Clear")
+                    }
+                }
+            }
+        )
+        Spacer(modifier = Modifier.height(8.dp))
         TabRow(
             selectedTabIndex = tab,
             containerColor = MaterialTheme.colorScheme.surface,
@@ -491,8 +513,8 @@ private fun TransactionDetail(
         }
         Spacer(modifier = Modifier.height(8.dp))
         when (tab) {
-            0 -> RequestTab(entry = entry)
-            1 -> ResponseTab(entry = entry)
+            0 -> RequestTab(entry = entry, bodyQuery = bodyQuery)
+            1 -> ResponseTab(entry = entry, bodyQuery = bodyQuery)
         }
     }
 }
@@ -511,27 +533,27 @@ private fun OverviewSection(entry: LogEntry) {
 }
 
 @Composable
-private fun RequestTab(entry: LogEntry) {
+private fun RequestTab(entry: LogEntry, bodyQuery: String) {
     val headers = parseHeaders(entry.reqHeadersJson)
     val body = formatBody(entry.reqBody)
     Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
         HeadersSectionCard(title = "Request Headers", headers = headers)
-        SectionCard(title = "Request Body", body = body)
+        SectionCard(title = "Request Body", body = body, highlightQuery = bodyQuery, isBody = true)
     }
 }
 
 @Composable
-private fun ResponseTab(entry: LogEntry) {
+private fun ResponseTab(entry: LogEntry, bodyQuery: String) {
     val headers = parseHeaders(entry.resHeadersJson)
     val body = formatBody(entry.resBody)
     Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
         HeadersSectionCard(title = "Response Headers", headers = headers)
-        SectionCard(title = "Response Body", body = body)
+        SectionCard(title = "Response Body", body = body, highlightQuery = bodyQuery, isBody = true)
     }
 }
 
 @Composable
-private fun SectionCard(title: String, body: String) {
+private fun SectionCard(title: String, body: String, highlightQuery: String = "", isBody: Boolean = false) {
     Column(modifier = Modifier.fillMaxWidth()) {
         Text(
             title,
@@ -546,7 +568,18 @@ private fun SectionCard(title: String, body: String) {
             colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surfaceVariant)
         ) {
             Column(modifier = Modifier.padding(12.dp)) {
-                Text(body.ifBlank { "-" }, color = MaterialTheme.colorScheme.onSurface)
+                val displayBody = body.ifBlank { "-" }
+                val annotated = if (isBody && displayBody != "-") {
+                    highlightMatches(
+                        text = displayBody,
+                        query = highlightQuery,
+                        highlightColor = MaterialTheme.colorScheme.tertiaryContainer,
+                        textColor = MaterialTheme.colorScheme.onSurface
+                    )
+                } else {
+                    AnnotatedString(displayBody)
+                }
+                Text(annotated, color = MaterialTheme.colorScheme.onSurface)
             }
         }
     }
@@ -708,7 +741,7 @@ private fun Chip(label: String, background: Color, contentColor: Color) {
 
 private fun formatTime(epochMillis: Long): String {
     val date = java.util.Date(epochMillis)
-    val formatter = java.text.SimpleDateFormat("HH:mm:ss.SSS", java.util.Locale.getDefault())
+    val formatter = java.text.SimpleDateFormat("dd MMM HH:mm:ss", java.util.Locale.getDefault())
     return formatter.format(date)
 }
 
@@ -751,6 +784,41 @@ private fun formatBody(body: String?): String {
     }
 }
 
+private fun highlightMatches(
+    text: String,
+    query: String,
+    highlightColor: Color,
+    textColor: Color
+): AnnotatedString {
+    val trimmed = query.trim()
+    if (trimmed.length < 2) return AnnotatedString(text)
+    val lowerText = text.lowercase()
+    val lowerQuery = trimmed.lowercase()
+    var start = 0
+    return buildAnnotatedString {
+        while (start < text.length) {
+            val index = lowerText.indexOf(lowerQuery, startIndex = start)
+            if (index == -1) {
+                append(text.substring(start))
+                break
+            }
+            if (index > start) {
+                append(text.substring(start, index))
+            }
+            withStyle(
+                SpanStyle(
+                    background = highlightColor,
+                    color = textColor,
+                    fontWeight = FontWeight.SemiBold
+                )
+            ) {
+                append(text.substring(index, index + lowerQuery.length))
+            }
+            start = index + lowerQuery.length
+        }
+    }
+}
+
 private fun parseHeaders(headersJson: String?): Map<String, String> {
     if (headersJson.isNullOrBlank()) return emptyMap()
     return try {

package/android/src/main/java/com/linakis/capacitorpicanetworklogger/LogRepository.kt

@@ -1,13 +1,20 @@
 package com.linakis.capacitorpicanetworklogger
 
 import com.getcapacitor.JSObject
+import java.io.File
 import java.util.concurrent.ConcurrentHashMap
 
 class LogRepository {
     private val logsById: MutableMap<String, LogEntry> = ConcurrentHashMap()
+    private var database: LogDatabase? = null
 
     fun attach(@Suppress("UNUSED_PARAMETER") context: android.content.Context) {
-        // No-op: in-memory storage
+        if (database != null) return
+        val dbFile = File(context.applicationContext.filesDir, "cap-pica-logger.sqlite")
+        database = LogDatabase(dbFile)
+        database?.readAll()?.forEach { entry ->
+            logsById[entry.id] = entry
+        }
     }
 
     fun startRequest(data: JSObject) {
@@ -36,6 +43,7 @@ class LogRepository {
             correlationId = correlationId
         )
         logsById[id] = entry
+        database?.upsert(entry)
     }
 
     fun finishRequest(data: JSObject) {
@@ -70,6 +78,7 @@ class LogRepository {
         entry.error = error
         entry.errorMessage = errorMessage
         logsById[id] = entry
+        database?.upsert(entry)
 
         val notifyMethod = entry.method
         val notifyUrl = entry.url
@@ -97,6 +106,166 @@ class LogRepository {
 
     fun clear() {
         logsById.clear()
+        database?.clear()
+    }
+}
+
+private class LogDatabase(private val file: File) {
+    private val driver = DatabaseDriver(file)
+
+    init {
+        driver.open()
+        driver.exec(
+            """
+            CREATE TABLE IF NOT EXISTS logs (
+                id TEXT PRIMARY KEY,
+                startTs INTEGER,
+                durationMs INTEGER,
+                method TEXT,
+                url TEXT,
+                host TEXT,
+                path TEXT,
+                query TEXT,
+                reqHeadersJson TEXT,
+                reqBody TEXT,
+                reqBodyTruncated INTEGER,
+                resStatus INTEGER,
+                resHeadersJson TEXT,
+                resBody TEXT,
+                resBodyTruncated INTEGER,
+                protocol TEXT,
+                ssl INTEGER,
+                error INTEGER,
+                errorMessage TEXT,
+                platform TEXT,
+                correlationId TEXT
+            );
+            """.trimIndent()
+        )
+    }
+
+    fun upsert(entry: LogEntry) {
+        driver.exec(
+            """
+            INSERT OR REPLACE INTO logs (
+                id, startTs, durationMs, method, url, host, path, query, reqHeadersJson, reqBody,
+                reqBodyTruncated, resStatus, resHeadersJson, resBody, resBodyTruncated, protocol,
+                ssl, error, errorMessage, platform, correlationId
+            ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?);
+            """.trimIndent(),
+            listOf(
+                entry.id,
+                entry.startTs,
+                entry.durationMs,
+                entry.method,
+                entry.url,
+                entry.host,
+                entry.path,
+                entry.query,
+                entry.reqHeadersJson,
+                entry.reqBody,
+                if (entry.reqBodyTruncated) 1 else 0,
+                entry.resStatus,
+                entry.resHeadersJson,
+                entry.resBody,
+                if (entry.resBodyTruncated) 1 else 0,
+                entry.protocol,
+                if (entry.ssl) 1 else 0,
+                if (entry.error) 1 else 0,
+                entry.errorMessage,
+                entry.platform,
+                entry.correlationId
+            )
+        )
+    }
+
+    fun readAll(): List<LogEntry> {
+        val rows = driver.query(
+            """
+            SELECT id, startTs, durationMs, method, url, host, path, query, reqHeadersJson, reqBody,
+                   reqBodyTruncated, resStatus, resHeadersJson, resBody, resBodyTruncated, protocol,
+                   ssl, error, errorMessage, platform, correlationId
+            FROM logs
+            """.trimIndent()
+        )
+        return rows.mapNotNull { row ->
+            val id = row[0] as? String ?: return@mapNotNull null
+            val startTs = (row[1] as? Number)?.toLong() ?: return@mapNotNull null
+            val method = row[3] as? String ?: return@mapNotNull null
+            val url = row[4] as? String ?: return@mapNotNull null
+            val platform = row[19] as? String ?: return@mapNotNull null
+            val entry = LogEntry(
+                id = id,
+                startTs = startTs,
+                method = method,
+                url = url,
+                host = row[5] as? String,
+                path = row[6] as? String,
+                query = row[7] as? String,
+                reqHeadersJson = row[8] as? String,
+                reqBody = row[9] as? String,
+                reqBodyTruncated = (row[10] as? Number)?.toInt() == 1,
+                platform = platform,
+                correlationId = row[20] as? String
+            )
+            entry.durationMs = (row[2] as? Number)?.toLong()
+            entry.resStatus = (row[11] as? Number)?.toLong()
+            entry.resHeadersJson = row[12] as? String
+            entry.resBody = row[13] as? String
+            entry.resBodyTruncated = (row[14] as? Number)?.toInt() == 1
+            entry.protocol = row[15] as? String
+            entry.ssl = (row[16] as? Number)?.toInt() == 1
+            entry.error = (row[17] as? Number)?.toInt() == 1
+            entry.errorMessage = row[18] as? String
+            entry
+        }
+    }
+
+    fun clear() {
+        driver.exec("DELETE FROM logs")
+    }
+}
+
+private class DatabaseDriver(private val file: File) {
+    private var database: android.database.sqlite.SQLiteDatabase? = null
+
+    fun open() {
+        if (database != null) return
+        database = android.database.sqlite.SQLiteDatabase.openOrCreateDatabase(file, null)
+    }
+
+    fun exec(sql: String, args: List<Any?> = emptyList()) {
+        val db = database ?: return
+        if (args.isEmpty()) {
+            db.execSQL(sql)
+        } else {
+            db.execSQL(sql, args.toTypedArray())
+        }
+    }
+
+    fun query(sql: String): List<List<Any?>> {
+        val db = database ?: return emptyList()
+        val cursor = db.rawQuery(sql, null)
+        val rows = mutableListOf<List<Any?>>()
+        cursor.use {
+            val count = cursor.columnCount
+            while (cursor.moveToNext()) {
+                val row = ArrayList<Any?>(count)
+                for (i in 0 until count) {
+                    row.add(
+                        when (cursor.getType(i)) {
+                            android.database.Cursor.FIELD_TYPE_NULL -> null
+                            android.database.Cursor.FIELD_TYPE_INTEGER -> cursor.getLong(i)
+                            android.database.Cursor.FIELD_TYPE_FLOAT -> cursor.getDouble(i)
+                            android.database.Cursor.FIELD_TYPE_BLOB -> cursor.getBlob(i)
+                            else -> cursor.getString(i)
+                        }
+                    )
+                }
+                rows.add(row)
+            }
+        }
+        return rows
     }
 }
 

package/android/src/main/java/com/linakis/capacitorpicanetworklogger/PicaNetworkLoggerPlugin.kt

@@ -8,6 +8,7 @@ import com.getcapacitor.annotation.CapacitorPlugin
 import android.content.pm.PackageManager
 import android.os.Build
 import androidx.core.app.ActivityCompat
+import org.json.JSONObject
 
 @CapacitorPlugin(name = "PicaNetworkLogger")
 class PicaNetworkLoggerPlugin : Plugin() {
@@ -58,7 +59,7 @@ class PicaNetworkLoggerPlugin : Plugin() {
         val headers = call.getObject("headers")?.let { obj ->
             obj.keys().asSequence().associateWith { key -> obj.getString(key) ?: "" }
         }
-        val body = call.getString("body")
+        val body = call.data.opt("body")?.let { if ( it == JSONObject.NULL) null else it.toString() }
         val id = java.util.UUID.randomUUID().toString()
         LogRepositoryStore.logStart(id, method, url, headers, body)
         val ret = JSObject()
@@ -73,7 +74,7 @@ class PicaNetworkLoggerPlugin : Plugin() {
         val headers = call.getObject("headers")?.let { obj ->
             obj.keys().asSequence().associateWith { key -> obj.getString(key) ?: "" }
         }
-        val body = call.getString("body")
+        val body = call.data.opt("body")?.let { if ( it == JSONObject.NULL) null else it.toString() }
         val error = call.getString("error")
         LogRepositoryStore.logFinish(id, status, headers, body, error, null, null)
         call.resolve()

package/ios/Plugin/InspectorViewController.swift

@@ -116,10 +116,12 @@ final class InspectorLogCell: UITableViewCell {
     private let container = UIView()
     private let titleLabel = UILabel()
     private let hostLabel = UILabel()
-    private let metaLabel = UILabel()
+    private let dateLabel = UILabel()
+    private let detailLabel = UILabel()
     private let statusChip = InspectorChipLabel()
     private let methodChip = InspectorChipLabel()
     private let headerRow = UIStackView()
+    private let bottomRow = UIStackView()
 
     override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
         super.init(style: style, reuseIdentifier: reuseIdentifier)
@@ -132,26 +134,52 @@ final class InspectorLogCell: UITableViewCell {
         container.layer.masksToBounds = true
         contentView.addSubview(container)
 
+        // Row 1: [statusChip] [methodChip] --- dateLabel
         headerRow.axis = .horizontal
         headerRow.spacing = 8
         headerRow.alignment = .center
         headerRow.translatesAutoresizingMaskIntoConstraints = false
 
+        dateLabel.font = UIFont.systemFont(ofSize: 11, weight: .medium)
+        dateLabel.numberOfLines = 1
+        dateLabel.textAlignment = .right
+        dateLabel.setContentHuggingPriority(.defaultLow, for: .horizontal)
+        dateLabel.setContentCompressionResistancePriority(.required, for: .horizontal)
+
+        let headerSpacer = UIView()
+        headerSpacer.setContentHuggingPriority(.defaultLow, for: .horizontal)
+
+        headerRow.addArrangedSubview(statusChip)
+        headerRow.addArrangedSubview(methodChip)
+        headerRow.addArrangedSubview(headerSpacer)
+        headerRow.addArrangedSubview(dateLabel)
+
+        // Row 2: path (full width, unlimited lines)
         titleLabel.font = UIFont.systemFont(ofSize: 15, weight: .semibold)
-        titleLabel.numberOfLines = 1
-        titleLabel.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
+        titleLabel.numberOfLines = 0
+
+        // Row 3: hostLabel --- detailLabel (duration • size)
+        bottomRow.axis = .horizontal
+        bottomRow.spacing = 8
+        bottomRow.alignment = .center
+        bottomRow.translatesAutoresizingMaskIntoConstraints = false
 
         hostLabel.font = UIFont.systemFont(ofSize: 13, weight: .regular)
         hostLabel.numberOfLines = 1
+        hostLabel.lineBreakMode = .byTruncatingTail
+        hostLabel.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
+        hostLabel.setContentHuggingPriority(.defaultLow, for: .horizontal)
 
-        metaLabel.font = UIFont.systemFont(ofSize: 11, weight: .medium)
-        metaLabel.numberOfLines = 1
+        detailLabel.font = UIFont.systemFont(ofSize: 11, weight: .medium)
+        detailLabel.numberOfLines = 1
+        detailLabel.textAlignment = .right
+        detailLabel.setContentCompressionResistancePriority(.required, for: .horizontal)
+        detailLabel.setContentHuggingPriority(.required, for: .horizontal)
 
-        headerRow.addArrangedSubview(statusChip)
-        headerRow.addArrangedSubview(methodChip)
-        headerRow.addArrangedSubview(titleLabel)
+        bottomRow.addArrangedSubview(hostLabel)
+        bottomRow.addArrangedSubview(detailLabel)
 
-        let stack = UIStackView(arrangedSubviews: [headerRow, hostLabel, metaLabel])
+        let stack = UIStackView(arrangedSubviews: [headerRow, titleLabel, bottomRow])
         stack.axis = .vertical
         stack.spacing = 6
         stack.translatesAutoresizingMaskIntoConstraints = false
@@ -177,7 +205,8 @@ final class InspectorLogCell: UITableViewCell {
         container.backgroundColor = InspectorTheme.cardBackground(isDark)
         titleLabel.textColor = InspectorTheme.textPrimary(isDark)
         hostLabel.textColor = InspectorTheme.textSecondary(isDark)
-        metaLabel.textColor = InspectorTheme.textSecondary(isDark)
+        dateLabel.textColor = InspectorTheme.textSecondary(isDark)
+        detailLabel.textColor = InspectorTheme.textSecondary(isDark)
 
         let statusText = log.resStatus.map { "\($0)" } ?? "-"
         statusChip.configure(text: statusText, background: InspectorTheme.statusColor(log.resStatus), content: InspectorTheme.contentColor(for: InspectorTheme.statusColor(log.resStatus)))
@@ -186,10 +215,10 @@ final class InspectorLogCell: UITableViewCell {
         let path = log.path ?? URL(string: log.url)?.path ?? ""
         titleLabel.text = path.isEmpty ? log.url : path
         hostLabel.text = log.host ?? URL(string: log.url)?.host ?? ""
-        let time = InspectorTheme.formatTime(log.startTs)
+        dateLabel.text = InspectorTheme.formatTime(log.startTs)
         let duration = "\(log.durationMs ?? 0) ms"
         let size = InspectorTheme.formatSize(log.resBody?.count ?? 0)
-        metaLabel.text = [time, duration, size].joined(separator: "  •  ")
+        detailLabel.text = [duration, size].joined(separator: "  •  ")
     }
 }
 
@@ -231,6 +260,7 @@ final class InspectorDetailViewController: UIViewController {
     private let segmented = UISegmentedControl(items: ["Request", "Response"])
     private let scrollView = UIScrollView()
     private let stack = UIStackView()
+    private var bodySearchQuery: String = ""
 
     init(log: LogEntry, isDark: Bool) {
         self.log = log
@@ -253,6 +283,16 @@ final class InspectorDetailViewController: UIViewController {
         segmented.translatesAutoresizingMaskIntoConstraints = false
         view.addSubview(segmented)
 
+        let searchField = UITextField()
+        searchField.translatesAutoresizingMaskIntoConstraints = false
+        searchField.placeholder = "Search body"
+        searchField.borderStyle = .roundedRect
+        searchField.autocorrectionType = .no
+        searchField.autocapitalizationType = .none
+        searchField.clearButtonMode = .whileEditing
+        searchField.addTarget(self, action: #selector(bodySearchChanged(_:)), for: .editingChanged)
+        view.addSubview(searchField)
+
         scrollView.translatesAutoresizingMaskIntoConstraints = false
         view.addSubview(scrollView)
 
@@ -265,7 +305,10 @@ final class InspectorDetailViewController: UIViewController {
             segmented.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 12),
             segmented.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
             segmented.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
-            scrollView.topAnchor.constraint(equalTo: segmented.bottomAnchor, constant: 12),
+            searchField.topAnchor.constraint(equalTo: segmented.bottomAnchor, constant: 12),
+            searchField.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
+            searchField.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
+            scrollView.topAnchor.constraint(equalTo: searchField.bottomAnchor, constant: 12),
             scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
             scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
             scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
@@ -283,6 +326,11 @@ final class InspectorDetailViewController: UIViewController {
         refreshContent()
     }
 
+    @objc private func bodySearchChanged(_ sender: UITextField) {
+        bodySearchQuery = sender.text ?? ""
+        refreshContent()
+    }
+
     @objc private func share() {
         let sheet = UIAlertController(title: "Share", message: nil, preferredStyle: .actionSheet)
         sheet.addAction(UIAlertAction(title: "Share cURL", style: .default) { [weak self] _ in
@@ -384,7 +432,7 @@ final class InspectorDetailViewController: UIViewController {
         } else if isHeader {
             bodyLabel.attributedText = attributedHeaders(body)
         } else {
-            bodyLabel.text = body
+            bodyLabel.attributedText = highlightedBody(body)
         }
         bodyLabel.translatesAutoresizingMaskIntoConstraints = false
         card.addSubview(bodyLabel)
@@ -400,6 +448,28 @@ final class InspectorDetailViewController: UIViewController {
         return wrapper
     }
 
+    private func highlightedBody(_ body: String) -> NSAttributedString {
+        let text = body.isEmpty ? "-" : body
+        let baseFont = UIFont.systemFont(ofSize: 13, weight: .regular)
+        let baseColor = InspectorTheme.textPrimary(isDark)
+        let result = NSMutableAttributedString(string: text, attributes: [.font: baseFont, .foregroundColor: baseColor])
+        let query = bodySearchQuery.trimmingCharacters(in: .whitespacesAndNewlines)
+        if query.count < 2 { return result }
+        let lowerText = text.lowercased()
+        let lowerQuery = query.lowercased()
+        var searchRange = lowerText.startIndex..<lowerText.endIndex
+        while let range = lowerText.range(of: lowerQuery, options: [], range: searchRange) {
+            let nsRange = NSRange(range, in: text)
+            result.addAttributes([
+                .backgroundColor: InspectorTheme.highlightColor(isDark),
+                .foregroundColor: InspectorTheme.textPrimary(isDark),
+                .font: UIFont.systemFont(ofSize: 13, weight: .semibold)
+            ], range: nsRange)
+            searchRange = range.upperBound..<lowerText.endIndex
+        }
+        return result
+    }
+
     private func prettyJsonString(_ value: Any) -> String? {
         guard JSONSerialization.isValidJSONObject(value),
               let data = try? JSONSerialization.data(withJSONObject: value, options: [.prettyPrinted]) else {
@@ -566,6 +636,10 @@ enum InspectorTheme {
         return dark ? UIColor(red: 0.71, green: 0.74, blue: 0.76, alpha: 1) : UIColor(red: 0.29, green: 0.34, blue: 0.32, alpha: 1)
     }
 
+    static func highlightColor(_ dark: Bool) -> UIColor {
+        return dark ? UIColor(red: 0.27, green: 0.36, blue: 0.16, alpha: 1) : UIColor(red: 0.98, green: 0.93, blue: 0.62, alpha: 1)
+    }
+
     static func statusColor(_ status: Int64?) -> UIColor {
         guard let status = status else {
             return UIColor(red: 0.36, green: 0.38, blue: 0.44, alpha: 1)
@@ -614,7 +688,7 @@ enum InspectorTheme {
     static func formatTime(_ epochMillis: Int64) -> String {
         let date = Date(timeIntervalSince1970: TimeInterval(epochMillis) / 1000)
         let formatter = DateFormatter()
-        formatter.dateFormat = "HH:mm:ss"
+        formatter.dateFormat = "dd MMM HH:mm:ss"
         return formatter.string(from: date)
     }
 

package/ios/Plugin/LogRepository.swift

@@ -1,10 +1,30 @@
 import Foundation
+import SQLite3
+
+private let sqliteTransient = unsafeBitCast(-1, to: sqlite3_destructor_type.self)
 
 class LogRepository {
     static let shared = LogRepository()
 
     private var logsById: [String: LogEntry] = [:]
     private let lock = NSLock()
+    private var db: OpaquePointer?
+    private let dbPath: String?
+
+    init() {
+        dbPath = LogRepository.databasePath()
+        if let path = dbPath {
+            openDatabase(path)
+            createTableIfNeeded()
+            loadPersistedLogs()
+        }
+    }
+
+    deinit {
+        if let db = db {
+            sqlite3_close(db)
+        }
+    }
 
     func startRequest(_ data: [String: Any]) {
         guard let id = data["id"] as? String,
@@ -34,6 +54,8 @@ class LogRepository {
         lock.lock()
         logsById[id] = entry
         lock.unlock()
+
+        upsert(entry)
     }
 
     func finishRequest(_ data: [String: Any]) {
@@ -62,6 +84,8 @@ class LogRepository {
         entry.errorMessage = errorMessage
         logsById[id] = entry
         lock.unlock()
+
+        upsert(entry)
     }
 
     func getLogs() -> [[String: Any]] {
@@ -87,6 +111,176 @@ class LogRepository {
         lock.lock()
         logsById.removeAll()
         lock.unlock()
+
+        deleteAll()
+    }
+
+    private static func databasePath() -> String? {
+        let fileManager = FileManager.default
+        guard let baseUrl = fileManager.urls(for: .applicationSupportDirectory, in: .userDomainMask).first else {
+            return nil
+        }
+        let directory = baseUrl.appendingPathComponent("CapacitorPicaNetworkLogger", isDirectory: true)
+        if !fileManager.fileExists(atPath: directory.path) {
+            try? fileManager.createDirectory(at: directory, withIntermediateDirectories: true)
+        }
+        return directory.appendingPathComponent("logs.sqlite").path
+    }
+
+    private func openDatabase(_ path: String) {
+        if sqlite3_open(path, &db) != SQLITE_OK {
+            db = nil
+        }
+    }
+
+    private func createTableIfNeeded() {
+        guard let db = db else { return }
+        let sql = """
+        CREATE TABLE IF NOT EXISTS logs (
+            id TEXT PRIMARY KEY,
+            startTs INTEGER,
+            durationMs INTEGER,
+            method TEXT,
+            url TEXT,
+            host TEXT,
+            path TEXT,
+            query TEXT,
+            reqHeadersJson TEXT,
+            reqBody TEXT,
+            reqBodyTruncated INTEGER,
+            resStatus INTEGER,
+            resHeadersJson TEXT,
+            resBody TEXT,
+            resBodyTruncated INTEGER,
+            protocol TEXT,
+            ssl INTEGER,
+            error INTEGER,
+            errorMessage TEXT,
+            platform TEXT,
+            correlationId TEXT
+        );
+        """
+        sqlite3_exec(db, sql, nil, nil, nil)
+    }
+
+    private func loadPersistedLogs() {
+        guard let db = db else { return }
+        let sql = """
+        SELECT id, startTs, durationMs, method, url, host, path, query, reqHeadersJson, reqBody,
+               reqBodyTruncated, resStatus, resHeadersJson, resBody, resBodyTruncated, protocol,
+               ssl, error, errorMessage, platform, correlationId
+        FROM logs
+        """
+        var statement: OpaquePointer?
+        if sqlite3_prepare_v2(db, sql, -1, &statement, nil) != SQLITE_OK {
+            return
+        }
+        defer { sqlite3_finalize(statement) }
+
+        while sqlite3_step(statement) == SQLITE_ROW {
+            guard let id = columnText(statement, index: 0),
+                  let method = columnText(statement, index: 3),
+                  let url = columnText(statement, index: 4),
+                  let platform = columnText(statement, index: 19) else {
+                continue
+            }
+            let startTs = sqlite3_column_int64(statement, 1)
+            let entry = LogEntry(
+                id: id,
+                startTs: startTs,
+                method: method,
+                url: url,
+                host: columnText(statement, index: 5),
+                path: columnText(statement, index: 6),
+                query: columnText(statement, index: 7),
+                reqHeadersJson: columnText(statement, index: 8),
+                reqBody: columnText(statement, index: 9),
+                reqBodyTruncated: sqlite3_column_int64(statement, 10) != 0,
+                platform: platform,
+                correlationId: columnText(statement, index: 20)
+            )
+            if sqlite3_column_type(statement, 2) != SQLITE_NULL {
+                entry.durationMs = sqlite3_column_int64(statement, 2)
+            }
+            if sqlite3_column_type(statement, 11) != SQLITE_NULL {
+                entry.resStatus = sqlite3_column_int64(statement, 11)
+            }
+            entry.resHeadersJson = columnText(statement, index: 12)
+            entry.resBody = columnText(statement, index: 13)
+            entry.resBodyTruncated = sqlite3_column_int64(statement, 14) != 0
+            entry.protocol = columnText(statement, index: 15)
+            entry.ssl = sqlite3_column_int64(statement, 16) != 0
+            entry.error = sqlite3_column_int64(statement, 17) != 0
+            entry.errorMessage = columnText(statement, index: 18)
+
+            logsById[id] = entry
+        }
+    }
+
+    private func upsert(_ entry: LogEntry) {
+        guard let db = db else { return }
+        let sql = """
+        INSERT OR REPLACE INTO logs (
+            id, startTs, durationMs, method, url, host, path, query, reqHeadersJson, reqBody,
+            reqBodyTruncated, resStatus, resHeadersJson, resBody, resBodyTruncated, protocol,
+            ssl, error, errorMessage, platform, correlationId
+        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?);
+        """
+        var statement: OpaquePointer?
+        if sqlite3_prepare_v2(db, sql, -1, &statement, nil) != SQLITE_OK {
+            return
+        }
+        defer { sqlite3_finalize(statement) }
+
+        sqlite3_bind_text(statement, 1, entry.id, -1, sqliteTransient)
+        sqlite3_bind_int64(statement, 2, entry.startTs)
+        bindOptionalInt64(statement, index: 3, value: entry.durationMs)
+        sqlite3_bind_text(statement, 4, entry.method, -1, sqliteTransient)
+        sqlite3_bind_text(statement, 5, entry.url, -1, sqliteTransient)
+        bindOptionalText(statement, index: 6, value: entry.host)
+        bindOptionalText(statement, index: 7, value: entry.path)
+        bindOptionalText(statement, index: 8, value: entry.query)
+        bindOptionalText(statement, index: 9, value: entry.reqHeadersJson)
+        bindOptionalText(statement, index: 10, value: entry.reqBody)
+        sqlite3_bind_int(statement, 11, entry.reqBodyTruncated ? 1 : 0)
+        bindOptionalInt64(statement, index: 12, value: entry.resStatus)
+        bindOptionalText(statement, index: 13, value: entry.resHeadersJson)
+        bindOptionalText(statement, index: 14, value: entry.resBody)
+        sqlite3_bind_int(statement, 15, entry.resBodyTruncated ? 1 : 0)
+        bindOptionalText(statement, index: 16, value: entry.protocol)
+        sqlite3_bind_int(statement, 17, entry.ssl ? 1 : 0)
+        sqlite3_bind_int(statement, 18, entry.error ? 1 : 0)
+        bindOptionalText(statement, index: 19, value: entry.errorMessage)
+        sqlite3_bind_text(statement, 20, entry.platform, -1, sqliteTransient)
+        bindOptionalText(statement, index: 21, value: entry.correlationId)
+
+        sqlite3_step(statement)
+    }
+
+    private func deleteAll() {
+        guard let db = db else { return }
+        sqlite3_exec(db, "DELETE FROM logs", nil, nil, nil)
+    }
+
+    private func columnText(_ statement: OpaquePointer?, index: Int32) -> String? {
+        guard let cString = sqlite3_column_text(statement, index) else { return nil }
+        return String(cString: cString)
+    }
+
+    private func bindOptionalText(_ statement: OpaquePointer?, index: Int32, value: String?) {
+        if let value = value {
+            sqlite3_bind_text(statement, index, value, -1, sqliteTransient)
+        } else {
+            sqlite3_bind_null(statement, index)
+        }
+    }
+
+    private func bindOptionalInt64(_ statement: OpaquePointer?, index: Int32, value: Int64?) {
+        if let value = value {
+            sqlite3_bind_int64(statement, index, value)
+        } else {
+            sqlite3_bind_null(statement, index)
+        }
     }
 
     private func jsonString(_ value: Any?) -> String? {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-pica-network-logger",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Capacitor HTTP network logger with debug-only native capture",
   "license": "MIT",
   "repository": {
@@ -32,12 +32,14 @@
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "release": "node scripts/release.js"
   },
   "dependencies": {
     "@capacitor/core": "^7.0.0"
   },
   "devDependencies": {
+    "@inquirer/prompts": "^8.2.1",
     "typescript": "^5.4.5"
   }
 }