How to add a separate panel for News

[esmaeelE]

I would like to add a completely separate News panel to this platform and would appreciate guidance on the best way to implement it.

My idea is to create a right-side panel in the UI, similar to the existing Global Intercept panel. This panel would display country-specific local news, with each country sourcing content from an RSS feed that I provide.

Since I don't have much experience with Next.js development, I would appreciate detailed guidance on:

• The recommended architecture for implementing this feature.
• Where in the codebase the new panel should be added.
• The best approach for fetching and displaying RSS feed data.

Thanks.

[MrTONYCHAN]

A clean way to add this is to keep the RSS work server-side and make the panel a normal frontend component. Do not fetch arbitrary RSS URLs directly from the browser: many feeds block CORS, XML parsing adds client weight, and accepting a feed URL from the request can create an SSRF risk.

In this repository the frontend is under frontend/src, and the existing browser-to-backend boundary is frontend/src/app/api/[...path]/route.ts. I would follow the same separation:

1. Add a backend endpoint such as GET /api/news?country=IN.
2. Keep an allowlist mapping country codes to feed URLs on the server; never accept an unrestricted URL from the client.
3. Fetch and parse the RSS server-side, normalize it to JSON, sanitize titles/descriptions, limit the item count, and use a short timeout plus a 5-15 minute cache.
4. Add a NewsPanel under the existing frontend component area and mount it beside the Global Intercept panel in the dashboard layout. Search frontend/src for the component text/name Global Intercept and place the new panel at that same composition level instead of coupling it to the map component.
5. Let the country selector request only a country code, then render loading, empty and error states inside the panel.

A useful normalized response is:

{ country, updatedAt, items: [{ id, title, url, source, publishedAt, summary }] }

Security details matter here: allow only https feed URLs from your server-owned configuration, reject redirects to private/link-local addresses, cap response size, escape/sanitize feed HTML, and open article links with rel="noopener noreferrer". Cache the last successful result so a temporarily unavailable feed does not blank the panel.

For layout, make the panel independent and responsive: fixed/collapsible on wide screens, but a drawer or bottom sheet on smaller screens so it does not shrink the map. Reuse the Global Intercept panel's spacing, header and animation primitives, but keep news state and fetching in a separate hook/component. That makes the feature removable and testable without changing map behavior.