feat(map): add node info bottom sheet on map tap

Show a compact bottom sheet with node name, last heard, battery, and
signal info when tapping a node marker. Users can tap 'View Details' to
navigate to the full node detail screen, preserving map context.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: jamesarich

.skills/compose-ui/strings-index.txt

@@ -1324,6 +1324,7 @@
     <string name="via_api">via API</string>
     <string name="via_mqtt">via MQTT</string>
     <string name="via_udp">via UDP</string>
+    <string name="view_details">View Details</string>
     <string name="view_on_map">View on map</string>
     <string name="view_release">View Release</string>
     <string name="voltage">Voltage</string>

core/resources/src/commonMain/composeResources/values/strings.xml

@@ -61,6 +61,7 @@ import org.meshtastic.feature.map.component.MapEmptyState
 import org.meshtastic.feature.map.component.MapFilterDropdown
 import org.meshtastic.feature.map.component.MapStyleSelector
 import org.meshtastic.feature.map.component.MaplibreMapContent
+import org.meshtastic.feature.map.component.NodeInfoSheet
 import org.meshtastic.feature.map.model.MapStyle
 import org.meshtastic.feature.map.util.computeBoundingBox
 import org.meshtastic.feature.map.util.toGeoPositionOrNull
@@ -104,6 +105,9 @@ fun MapScreen(
 
     var filterMenuExpanded by remember { mutableStateOf(false) }
 
+    // Node info sheet state
+    var selectedNodeNum by remember { mutableStateOf<Int?>(null) }
+
     // Waypoint dialog state
     var showWaypointDialog by remember { mutableStateOf(false) }
     var longPressPosition by remember { mutableStateOf<GeoPosition?>(null) }
@@ -184,7 +188,7 @@ fun MapScreen(
                 showWaypoints = filterState.showWaypoints,
                 showPrecisionCircle = filterState.showPrecisionCircle,
                 showHillshade = selectedMapStyle == MapStyle.Terrain,
-                onNodeClick = { nodeNum -> navigateToNodeDetails(nodeNum) },
+                onNodeClick = { nodeNum -> selectedNodeNum = nodeNum },
                 onMapLongClick = { position ->
                     longPressPosition = position
                     editingWaypointId = null
@@ -359,4 +363,17 @@ fun MapScreen(
             position = longPressPosition,
         )
     }
+
+    // Node info bottom sheet
+    val selectedNode = selectedNodeNum?.let { num -> filteredNodes.find { it.num == num } }
+    if (selectedNode != null) {
+        NodeInfoSheet(
+            node = selectedNode,
+            onDismiss = { selectedNodeNum = null },
+            onViewDetails = { nodeNum ->
+                selectedNodeNum = null
+                navigateToNodeDetails(nodeNum)
+            },
+        )
+    }
 }

feature/map/src/commonMain/kotlin/org/meshtastic/feature/map/MapScreen.kt

@@ -0,0 +1,91 @@
+/*
+ * Copyright (c) 2026 Meshtastic LLC
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+package org.meshtastic.feature.map.component
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Button
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.Text
+import androidx.compose.material3.rememberModalBottomSheetState
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import org.jetbrains.compose.resources.stringResource
+import org.meshtastic.core.model.Node
+import org.meshtastic.core.resources.Res
+import org.meshtastic.core.resources.view_details
+import org.meshtastic.core.ui.component.LastHeardInfo
+import org.meshtastic.core.ui.component.MaterialBatteryInfo
+import org.meshtastic.core.ui.component.SignalInfo
+
+/**
+ * A modal bottom sheet showing a compact summary of a node when tapped on the map. Provides quick info (name, last
+ * heard, battery, signal) and a button to navigate to full details.
+ */
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+internal fun NodeInfoSheet(node: Node, onDismiss: () -> Unit, onViewDetails: (Int) -> Unit) {
+    val sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
+
+    ModalBottomSheet(onDismissRequest = onDismiss, sheetState = sheetState) {
+        Column(modifier = Modifier.fillMaxWidth().padding(horizontal = 24.dp, vertical = 16.dp)) {
+            // Node name
+            Text(
+                text = node.user.long_name.ifBlank { node.user.short_name },
+                style = MaterialTheme.typography.titleLarge,
+            )
+            if (node.user.long_name.isNotBlank() && node.user.short_name.isNotBlank()) {
+                Text(
+                    text = node.user.short_name,
+                    style = MaterialTheme.typography.bodyMedium,
+                    color = MaterialTheme.colorScheme.onSurfaceVariant,
+                )
+            }
+
+            Spacer(Modifier.height(16.dp))
+
+            // Info row: last heard, battery, signal
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.spacedBy(16.dp),
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                LastHeardInfo(lastHeard = node.lastHeard, showLabel = false)
+                MaterialBatteryInfo(level = node.batteryLevel)
+                SignalInfo(node = node)
+            }
+
+            Spacer(Modifier.height(24.dp))
+
+            // View details button
+            Button(onClick = { onViewDetails(node.num) }, modifier = Modifier.fillMaxWidth()) {
+                Text(stringResource(Res.string.view_details))
+            }
+
+            Spacer(Modifier.height(8.dp))
+        }
+    }
+}