Skip to content

Display basic node information with copy-to-clipboard #139

Description

@ChristianHuehn

Feature request

Part of Epic #136

Description

As a visualization user, I want to see basic node information (name, type, file path) in the slide-in panel with a copy-to-clipboard button for the path so that I can quickly access and share node details.

Acceptance criteria

  • Panel displays node name prominently
  • Node type is displayed (e.g., class, module, package)
  • Full file path is displayed
  • Copy-to-clipboard button appears next to the file path
  • Clicking copy button copies the path to clipboard
  • Visual feedback when path is copied (e.g., tooltip, icon change)
  • Handles nodes with missing or incomplete information gracefully

Assumptions & Exclusions

  • Only the file path has copy functionality (not name or type)
  • Basic clipboard API usage (no fallback for older browsers initially)
  • Path displayed as-is (no truncation or formatting)

Development notes (optional Task Breakdown)

  • Create UI layout for basic information section
  • Bind node name, type, and path to template
  • Implement copy-to-clipboard functionality
  • Add visual feedback for successful copy
  • Handle edge cases (missing data, empty paths)
  • Style the information display section

Open questions

None - requirements are clear.

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