[FE-38] Build asset relationship and CMDB dependency view — link assets and visualise dependencies

[yusuftomilola]

Overview

Enterprise IT teams need to map relationships between assets (e.g., this server is hosted in that rack, this laptop connects via that docking station). A CMDB-style dependency view lets users link assets together and visualise the impact if one fails.

Context

• A new AssetRelationship entity is needed on the backend (not currently defined in any existing issue — add a backend issue reference here or create it as part of this work)
• For the frontend: a graph visualisation library such as react-flow or d3 may be needed
• Accessible from the asset detail page as a new "Dependencies" tab

Acceptance Criteria

• Add a "Dependencies" tab to the asset detail page
• Visualise the asset's relationships as a node graph: the current asset at the centre, related assets as nodes connected by labelled edges (relationship type: DEPENDS_ON, CONTAINS, CONNECTED_TO, REPLACES)
• "Add Relationship" button: opens a modal with asset search and relationship type selector
• Clicking a related asset node navigates to that asset's detail page
• "Remove Relationship" button per edge
• Fallback table view if graph rendering is not supported (mobile browsers)
• New API endpoints needed: POST /assets/:id/relationships, GET /assets/:id/relationships, DELETE /assets/:id/relationships/:relId

[Oluwasuyi-Oluwatimilehin-Daniel]

@Oluwasuyi-Timilehin has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello maintainers I'm a full stack developer experience in building scalable systems I can handle this perfectly if assigned

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Oluwasuyi-Timilehin to this issue.

[Henrichy]

@Henrichy has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello Sir,
I came across your project and I’m really interested in contributing.
I have experience with React for building responsive, user-friendly interfaces, and I’m also familiar with smart contracts and blockchain basics. I focus on writing clean, scalable code and improving user experience.
I’m a fast learner and ready to get started immediately. Please let me know the next steps.
Thank you.
Best regards,
Henry

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Henrichy to this issue.

[mekeke111]

@mekeke111 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi maintainer I am a full stack developer I can handle this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @mekeke111 to this issue.

[dedukpe]

@dedukpe has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I’m a full-stack developer. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dedukpe to this issue.

[bellabuks]

@bellabuks has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I have reviewed this issue and its acceptance criteria carefully. The requirements are clear and well-scoped (medium complexity). I have hands-on experience with React and can implement this following the patterns and conventions already in the codebase. I will deliver complete, tested code that satisfies every acceptance criterion without requiring follow-up corrections. I can start immediately and am happy to discuss approach details with the maintainer beforehand.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @bellabuks to this issue.

[drips-wave]

Congratulations, @bellabuks! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @bellabuks: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @bellabuks as part of the Stellar Wave Program's 6th Wave 🥳

😎 @bellabuks: You earned 150 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.