diff --git a/src/vs/workbench/contrib/chat/browser/chatInputPart.ts b/src/vs/workbench/contrib/chat/browser/chatInputPart.ts index 63a5b9520bdf4..6a3cf58fbe0eb 100644 --- a/src/vs/workbench/contrib/chat/browser/chatInputPart.ts +++ b/src/vs/workbench/contrib/chat/browser/chatInputPart.ts @@ -645,6 +645,7 @@ export class ChatInputPart extends Disposable implements IHistoryNavigationWidge return undefined; } })); + this.executeToolbar.getElement().classList.add('chat-execute-toolbar'); this.executeToolbar.context = { widget } satisfies IChatExecuteActionContext; this._register(this.executeToolbar.onDidChangeMenuItems(() => { if (this.cachedDimensions && typeof this.cachedExecuteToolbarWidth === 'number' && this.cachedExecuteToolbarWidth !== this.executeToolbar.getItemsWidth()) { @@ -1260,8 +1261,7 @@ class ModelPickerActionViewItem extends MenuEntryActionViewItem { if (this.label) { const model = this._languageModelsService.lookupLanguageModel(this.currentLanguageModel); if (model) { - this.label.textContent = model.name; - dom.reset(this.label, ...renderLabelWithIcons(`${model.name}$(chevron-down)`)); + dom.reset(this.label, dom.$('span.chat-model-label', undefined, model.name), ...renderLabelWithIcons(`$(chevron-down)`)); } } } diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index ec355811c79b3..7b415f720e125 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -694,6 +694,24 @@ have to be updated for changes to the rules above, or to support more deeply nes margin-right: auto; } +.interactive-session .chat-input-toolbars > .chat-execute-toolbar { + min-width: 0px; + + .chat-modelPicker-item { + min-width: 0px; + + .chat-model-label { + min-width: 0px; + overflow: hidden; + text-overflow: ellipsis; + } + + .codicon { + flex-shrink: 0; + } + } +} + .interactive-session .chat-input-toolbars .chat-modelPicker-item .action-label { height: 16px; padding: 3px 0px 3px 6px;