Skip to content

Bug: [UI] Context Panel UI Overflow due to long repo URL #519

@ppadashe-psp

Description

@ppadashe-psp

🐛 Bug Description

I have noticed that long repo/branch URL names (like Cloud-Cost-Optimization : https://github.com/red-hat-data-services/Cloud-Cost-Optimization ) are breaking the layout in the Context panel. The entry text pushes the 'X' button off-screen, so I can't remove the item once it's added. It works fine for shorter names like eval-hub which I have shared in the below screenshot.

Expected Behavior: What you expected to happen.
The text should either truncate or wrap to a new line so that the "X" (remove) icon remains pinned to the right side of the container and fully visible and clickable.

Actual Behavior: What actually happened.
The long text string for the repo name and branch tag causes a horizontal overflow in Context tab. This pushes the "X" (remove) icon outside the visible container boundaries, making it inaccessible to the user to remove the context if needed.

🔄 Steps to Reproduce

  1. Go to '...'
  2. Click on '...'
  3. Scroll down to '...'
  4. See error

🖼️ Screenshots

Image

🌍 Environment

Component: [RAT System / Ambient Agentic Runner / vTeam Tools]

Version/Commit: [e.g. v1.2.3 or commit hash]

Operating System: [e.g. macOS 14.0, Ubuntu 22.04, Windows 11]

Browser: [if applicable - Chrome 119, Firefox 120, Safari 17]

Python Version: [if applicable - e.g. 3.11.5]

Kubernetes Version: [if applicable - e.g. 1.28.2]

📋 Additional Context

Error Messages: [Paste any error messages or logs]

[Error logs here]

Configuration: [Any relevant configuration details]

Recent Changes: [Any recent changes that might be related]

🔍 Possible Solution

[If you have suggestions on how to fix the bug]

✅ Acceptance Criteria

  • Bug is reproduced and root cause identified
  • Fix is implemented and tested
  • Regression tests added to prevent future occurrences
  • Documentation updated if needed
  • Fix is verified in staging environment

🏷️ Labels

  • Priority: [low/medium/high/critical]
  • Complexity: [trivial/easy/medium/hard]
  • Component: [frontend/backend/operator/tools/docs]

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions