[allozaur]

Overview

Alert dialogs (delete conversation, delete message, reset settings, etc.) now share the surface of the other overlays: popover background, the softer dark:border-border/20 border, rounded-xl corners and shadow-md, matching dropdowns, hover cards and the settings dialog. Previously they used the page background with a full-opacity border and rounded-lg, which made them look heavier and darker than everything around them, especially in dark mode. The title also gets leading-none like the regular dialog title.

Demo script

test.describe('pr-31312', () => {
	test.use({
		settings: { alwaysShowSidebarOnDesktop: true },
		traces: ['long-chat']
	});

	test('demo', async ({ demo, page }) => {
		const sidebar = page.locator('aside');
		const chat = sidebar.getByText('Building a weather CLI in Rust');
		const row = sidebar.locator('li', { hasText: 'Building a weather CLI in Rust' });

		await expect(chat).toBeVisible({ timeout: 30_000 });
		await demo.hover(chat, 600);
		// the row's own button and the actions trigger both carry the label; the trigger is the last one
		await demo.click(row.locator('button:has(.sr-only:text-is("More actions"))').last(), 700);
		await demo.click(page.getByRole('menuitem', { name: 'Delete' }), 700);

		const dialog = page.getByRole('alertdialog');
		await expect(dialog).toBeVisible();
		await demo.caption('Deleting a conversation asks for confirmation first', 2600);

		await demo.click(dialog.getByRole('button', { name: 'Cancel' }), 800);
		await expect(dialog).toBeHidden();
		await demo.caption('Cancel keeps the conversation', 1600);
	});
});

Demo

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

Requirements

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

[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.