big ui and intel updates

drb-frontend/components/MapView.tsx

@@ -59,9 +59,11 @@ export default function MapView({ nodes, activeCalls, incidents = [] }: Props) {
     activeCalls.map((c) => [c.node_id, c])
   );
 
-  // Only show incidents that have coordinates
-  const mappableIncidents = incidents.filter(
-    (i) => i.location && i.location.lat != null && i.location.lng != null
+  // Only show incidents that have been geocoded (location_coords set by the server).
+  const plottedIncidents = incidents.flatMap((inc) =>
+    inc.location_coords
+      ? [{ inc, pos: [inc.location_coords.lat, inc.location_coords.lng] as [number, number] }]
+      : []
   );
 
   const center: [number, number] =
@@ -102,22 +104,26 @@ export default function MapView({ nodes, activeCalls, incidents = [] }: Props) {
         </Marker>
       ))}
 
-      {/* Incident markers */}
-      {mappableIncidents.map((inc) => (
+      {/* Incident markers — positioned at the node covering the incident's system */}
+      {plottedIncidents.map(({ inc, pos }) => (
         <Marker
           key={inc.incident_id}
-          position={[inc.location!.lat, inc.location!.lng]}
+          position={pos}
           icon={incidentIcon(inc.type)}
         >
           <Popup className="font-mono">
             <div className="text-gray-900">
               <p className="font-bold">{inc.title ?? "Incident"}</p>
-              <p className="text-xs capitalize" style={{ color: INCIDENT_COLORS[inc.type ?? "other"] }}>
+              <p className="text-xs capitalize" style={{ color: INCIDENT_COLORS[inc.type ?? "other"] ?? INCIDENT_COLORS.other }}>
                 {inc.type ?? "other"}
               </p>
               <p className="text-xs mt-1 capitalize">{inc.status}</p>
+              {inc.location && <p className="text-xs text-gray-600 mt-1">{inc.location}</p>}
               <p className="text-xs text-gray-500">{inc.call_ids.length} call{inc.call_ids.length !== 1 ? "s" : ""}</p>
               {inc.summary && <p className="text-xs mt-1">{inc.summary}</p>}
+              <a href={`/incidents/${inc.incident_id}`} className="text-xs text-blue-600 hover:underline mt-1 block">
+                View incident →
+              </a>
             </div>
           </Popup>
         </Marker>