[allozaur]

Overview

When the chat input had text, the form kept showing the microphone button (with audio input available) or the stop and skip-reasoning buttons (while a response was streaming) instead of the submit button. ChatFormActions checked a canSubmit prop that ChatForm never passed, so it was always false. It now uses canSend, so the submit button shows whenever there is something to send, including mid-stream where the message is queued or injected as steering.

Demo

Recorded at ddc3bb6; click the preview for the full video.

Additional information

Demo script

test('demo', async ({ demo, page }) => {
	const input = page.getByRole('textbox', { name: 'Type a message...' });
	const stop = page.getByRole('button', { exact: true, name: 'Stop' });
	const send = page.getByRole('button', { exact: true, name: 'Send' });

	await demo.type(input, 'Write a long story about a lighthouse keeper', 300);
	await demo.press('Enter', 300);
	await expect(stop).toBeVisible({ timeout: 120_000 });
	await demo.caption('While a response streams, the form shows the stop button', 1600);

	await demo.type(input, 'Make it funny', 300);
	await expect(send).toBeVisible();
	await demo.caption('Typing a message brings the send button back, to queue or steer it', 2000);

	await demo.press('ControlOrMeta+a', 100);
	await demo.press('Backspace', 300);
	await expect(stop).toBeVisible();
	await demo.caption('Clearing the input shows stop again', 1600);

	await demo.click(stop, 800);
});

Requirements

• I have read and agree with the contributing guidelines
• AI usage disclosure: YES, Claude (Opus 5.5 Medium)

[ddh0]

Thank you!

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has insufficient remaining quota.

An organization owner can choose the repository organization as the billing source for reviews requested by members with a paid Copilot license. Learn about Copilot code review billing.