Skip to content

optimize navbar space utilization for agent and model display #1076

@ulivz

Description

@ulivz

Summary

The navbar should better utilize available space when displaying Agent Name and Model Name, only showing ellipsis (...) when space is truly insufficient.

Image

Current Behavior

  • Agent Name and Model Name badges are displayed with fixed max-width
  • Text truncation happens prematurely even when navbar has available space
  • Space utilization is not optimized for different screen sizes

Expected Behavior

  • Dynamically adjust badge widths based on available navbar space
  • Only truncate with ellipsis when absolutely necessary
  • Prioritize full display when space allows
  • Responsive behavior that adapts to container width

Suggested Implementation

  • Use CSS flexbox with dynamic sizing
  • Implement JavaScript-based width calculation
  • Show full text when space permits
  • Graceful degradation with ellipsis only when required

Code Location

tarko/agent-web-ui/src/standalone/navbar/Navbar.tsx lines 93-126

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions