fix tab order for hidden status element when a message shows

fixes microsoft/vscode-internalbacklog#4039

Author: jrieken

src/vs/workbench/contrib/interactiveEditor/browser/interactiveEditor.css

@@ -106,6 +106,10 @@
 	margin-left: auto;
 }
 
+.monaco-editor .interactive-editor .status .label.hidden {
+	display: none;
+}
+
 .monaco-editor .interactive-editor .markdownMessage {
 	padding-top: 10px;
 }

src/vs/workbench/contrib/interactiveEditor/browser/interactiveEditorController.ts

@@ -569,6 +569,7 @@ export class InteractiveEditorController implements IEditorContribution {
 				this._messageReply = reply.message.value;
 				this._requestPrompt = request.prompt;
 				const renderedMarkdown = renderMarkdown(reply.message, { inline: true });
+				this._zone.widget.updateStatus('');
 				this._zone.widget.updateMarkdownMessage(renderedMarkdown.element);
 				this._currentSession.addResponse(reply);
 				continue;

src/vs/workbench/contrib/interactiveEditor/browser/interactiveEditorWidget.ts

@@ -120,7 +120,7 @@ class InteractiveEditorWidget {
 			h('div.previewCreate.hidden@previewCreate'),
 			h('div.status@status', [
 				h('div.actions.hidden@statusToolbar'),
-				h('div.label@statusLabel')
+				h('div.label.hidden@statusLabel')
 			]),
 			h('div.markdownMessage.hidden@markdownMessage', [
 				h('div.message@message'),
@@ -377,7 +377,6 @@ class InteractiveEditorWidget {
 
 	updateMarkdownMessage(message: Node) {
 		reset(this._elements.message, message);
-		this._elements.statusLabel.innerText = '';
 		this._elements.markdownMessage.classList.toggle('hidden', false);
 		this._onDidChangeHeight.fire();
 	}
@@ -393,9 +392,9 @@ class InteractiveEditorWidget {
 		} else if (!isTempMessage && !ops.keepMessage) {
 			this._elements.markdownMessage.classList.toggle('hidden', true);
 		}
-		this._elements.status.classList.toggle('hidden', false);
 		reset(this._elements.statusLabel, message);
 		this._elements.statusLabel.className = `label ${(ops.classes ?? []).join(' ')}`;
+		this._elements.statusLabel.classList.toggle('hidden', !message);
 		if (isTempMessage) {
 			this._elements.statusLabel.dataset['state'] = 'temp';
 		} else {
@@ -407,6 +406,7 @@ class InteractiveEditorWidget {
 	reset() {
 		this._ctxInputEmpty.reset();
 		reset(this._elements.statusLabel);
+		this._elements.statusLabel.classList.toggle('hidden', true);
 		this._elements.statusToolbar.classList.add('hidden');
 		this.hideCreatePreview();
 		this.hideEditsPreview();