Skip to content

[EPIC] Add slide-in panel to display node information on click #136

Description

@ChristianHuehn

Feature request

Description

As a visualization user, I want to see detailed information about a node when I click on it in a slide-in panel so that I can understand the node's properties, dependencies, and relationships without leaving the graph view.

Acceptance criteria

  • Clicking a node opens a slide-in panel from the right side with smooth animations
  • Panel displays basic node information (name, type, file path)
  • Panel shows incoming and outgoing dependencies with counts
  • Panel displays cycle information if the node is part of any dependency cycles
  • File path has a copy-to-clipboard button
  • Panel can be closed via close button (X), clicking outside, or pressing ESC key
  • Clicking another node updates the panel content without closing it
  • Panel is responsive and works on different screen sizes

Assumptions & Exclusions

  • Panel slides in from the right side only
  • Dependencies are displayed as lists with counts
  • Only file path has copy-to-clipboard functionality (not other fields)
  • Panel width is fixed (not resizable in initial implementation)

Development notes (optional Task Breakdown)

Open questions

None currently - requirements clarified with user.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions