[Feature] Request: Add Domain Information Card to Threat Dashboard

[Anvesha-Sri]

#Feature Request: Add Domain Information Card to Threat Dashboard

Description

Introduce a Domain Information Card that provides users with a clear breakdown of the scanned URL's key components. This card will improve transparency by helping users understand exactly what is being analyzed and making the dashboard more informative.

Problem Statement

Currently, the threat dashboard primarily displays the scan result and risk assessment without explaining the structure of the scanned URL. Users may find it difficult to identify which parts of the URL contribute to the analysis.

Proposed Solution

Add a dedicated Domain Information Card that automatically extracts and displays important details from the scanned URL.

The card should include:

• 🌐 Protocol (HTTP / HTTPS)
• 🏠 Hostname
• 🧩 Subdomain (if present)
• 🌍 Root Domain
• 🏷️ Top-Level Domain (TLD)
• 📂 URL Path
• 🔍 Query Parameters (if any)
• 🔖 Fragment/Anchor (if any)

Example

For the URL:

https://mail.google.com/search?q=security#results

Display:

Domain Information

Protocol      HTTPS
Hostname      mail.google.com
Subdomain     mail
Domain        google
TLD           .com
Path          /search
Query         q=security
Fragment      results

Suggested UI

┌──────────────────────────────┐
│ 🌐 Domain Information        │
├──────────────────────────────┤
│ Protocol    HTTPS            │
│ Hostname    mail.google.com  │
│ Subdomain   mail             │
│ Domain      google           │
│ TLD         .com             │
│ Path        /search          │
│ Query       q=security       │
│ Fragment    results          │
└──────────────────────────────┘

Acceptance Criteria

• Parse the entered URL using the browser's built-in URL API.
• Display protocol, hostname, subdomain, domain, TLD, path, query, and fragment.
• Gracefully handle missing components (e.g., "None" or "—").
• Automatically update the card whenever a new URL is scanned.
• Ensure the card is responsive across desktop and mobile devices.

Benefits

• Makes scan results easier to understand.
• Improves dashboard transparency and user trust.
• Helps users learn the structure of URLs.
• Enhances the visual appeal and professionalism of the Threat Dashboard.

Additional Notes

• This feature can be implemented entirely on the client side.
• Use JavaScript's native URL object for parsing.
• The card should integrate seamlessly with the existing scan results and threat analysis workflow.

[Anvesha-Sri]

@Mrinalray hello , assign it to me under ECSOC

[M0izz]

HI @Mrinalray I would like to work on this issue , assign it to me plz, thnx :) (assign me under ECSOC PLZ)

[Mrinalray]

@Anvesha-Sri @M0izz assigned

[M0izz]

@Mrinalray thnx for letting me work on this, looking for ur feedback and before closing plz add ECoSC26 label , thnx :)