Let's keep with the water metaphor.
Remember kW is the rate, like gallons per hour.
Start with an empty bucket that can hold 14 gallons. If it's rains for one hour at 3 gallons per hour, then for a half hour it rains at 8 gallons per hour, then stops raining you just filled your bucket (3 gallons/hour x 1 hour + 8 gallons/hour x 0.5 hours) 7 gallons. The bucket is now 50% full.
Similarly if you start with an empty Powerwall that can hold 14kWh* and the solar is producing 3 kW for one hour and 8 kW for a half hour then the sun goes away you just filled your Powerwall (3 kW x 1 hour + 8 kW x 0.5 hours) 7 kWh. The Powerwall is now 50% full.
For both at the time when the rain stops and the sun goes away your rate is now 0 gallons per hour and 0 kW, respectively, but your bucket has 7 gallons in it still and your Powerwall has 7kWh in it still. The Powerwall app does not show the amount of kW (gallons) the Powerwall has, just how full it is as a percentage. Since the Powerwall is not charging or discharging your app will show 0 kW but 50% charge.
The graph shows the flow of power to/from your house, the grid, the Powerwall, and the solar. It does not show how full your Powerwall is! (though I wish it did...)
Does that help?
(* Rounding here as the Powerwall's 14kWh really is only 13.kW usable)
Sorry, my question wasn't about the Powerwall, but the energy generated by the panels. See attached screenshot showing power going up/down with sun/clouds. Why does the energy also go up/down? Shouldn't it stay up till the end of day, resetting back to 0 at midnight?