Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Feb 12, 2026

Description

Session target picker only showed icon-only view for Local session type in narrow layouts. Other types (Background, Cloud, Claude, etc.) still displayed full labels, causing clutter.

Changed renderLabel to hide labels for all session types when input editor width < 650px.

Before:

if (currentType !== AgentSessionProviders.Local || !this.pickerOptions.onlyShowIconsForDefaultActions.get()) {
    labelElements.push(dom.$('span.chat-input-picker-label', undefined, label));
}

After:

if (!this.pickerOptions.onlyShowIconsForDefaultActions.get()) {
    labelElements.push(dom.$('span.chat-input-picker-label', undefined, label));
}

All AgentSessionProviders have icons defined, making this safe. The onlyShowIconsForDefaultActions observable already tracks editor width automatically.

Original prompt

This section details on the original issue you should resolve

<issue_title>Make session target view responsive: show only icon when view is narrow</issue_title>
<issue_description>

Describe the feature you'd like.

When the session target view is resized to a narrower width, it should automatically become responsive and display only the icon, hiding any additional text or details. This would improve usability in compact layouts and reduce visual clutter. The design is inspired by feedback from UX discussions, where users requested a more minimal interface when screen space is limited.

This change would make the session target picker more intuitive and convenient, especially when working with multi-column layouts or picker components similar to those found in calendar date pickers.

Additional Context

  • Current behavior shows all content, even in narrow views, which can become overwhelming.
  • Desired behavior: Responsive design so that only the icon is visible when space is constrained.
  • Related Slack conversation highlighted that users want an uncluttered, compact UI for quick interactions.

View original Slack conversation</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Update renderLabel logic to hide labels for all session types when the view is narrow (width < 650px), not just for the Local type. All session types have icons, so they can safely display as icon-only when space is constrained.

Fixes the issue where non-Local session types would still show labels in narrow views, causing visual clutter.

Co-authored-by: TylerLeonhardt <[email protected]>
Copilot AI changed the title [WIP] Make session target view responsive for narrow layouts Make session target picker responsive for all session types Feb 12, 2026
Copilot AI requested a review from TylerLeonhardt February 12, 2026 21:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make session target view responsive: show only icon when view is narrow

2 participants