+ {/* Icon */} + + + {/* Heading */} +

+ {isOnline ? "Back online!" : "You're offline"} +

+ + {/* Sub-message */} +

+ {isOnline + ? "Connection restored — taking you back now…" + : "No internet connection detected. Some cached data is still available below."} +

+ + {/* Cached data summary */} + {!isOnline && cacheStats.loaded && ( +
+

+ Available offline +

+
    + + +
+ {cacheStats.projects === 0 && cacheStats.credits === 0 && ( +

+ Visit the app while online to cache data for offline use. +

+ )} +
+ )} + + {/* Retry button */} + {!isOnline && ( + + )} + + {/* Tip */} + {!isOnline && ( +

+ Cached audit data and read-only pages remain accessible while + offline. +

+ )} +