@@ -1,4 +1,5 @@
 import { Modal, TabPanel } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
 
 function formatEmailDate(email) {
   if (email.sentAt) return new Date(email.sentAt).toLocaleString();
@@ -14,19 +15,28 @@ function formatEmailDate(email) {
 export function EmailModal({ email, onClose }) {
   return (
     <Modal
-      title={email.subject || 'Email'}
+      title={email.subject || __('Email')}
       onRequestClose={onClose}
       shouldCloseOnClickOutside
       isFullScreen
     >
       <div className="email-view">
         <div className="email-view-headers">
-          <div><strong>From:</strong> {email.from || ''}</div>
-          <div><strong>To:</strong> {email.to || ''}</div>
-          {email.cc ? (<div><strong>CC:</strong> {email.cc}</div>) : null}
-          <div><strong>Date:</strong> {formatEmailDate(email)}</div>
+          <div><strong>{__('From:')}</strong> {email.from || ''}</div>
+          <div><strong>{__('To:')}</strong> {email.to || ''}</div>
+          {email.cc ? (<div><strong>{__('CC:')}</strong> {email.cc}</div>) : null}
+          <div><strong>{__('Date:')}</strong> {formatEmailDate(email)}</div>
         </div>
-        <TabPanel className="email-tabs" activeClass="is-active" tabs={[{name:'rendered',title:'Rendered'},{name:'raw',title:'Raw'}]}>
+        <TabPanel
+          className="email-tabs"
+          activeClass="is-active"
+          tabs={[
+            // translators: The tab that shows an email as a reader would see it.
+            { name: 'rendered', title: __('Rendered') },
+            // translators: The tab that shows an email as it was sent, headers and all.
+            { name: 'raw', title: __('Raw') }
+          ]}
+        >
           {(tab)=> tab.name==='rendered' ? (
             <div className="email-view-rendered">
               {email.html ? (
 
@@ -24,7 +24,7 @@
  *     that half-happened (#381).
  */
 
-const { __, sprintf } = require('@wordpress/i18n');
+const { __, _x, sprintf } = require('@wordpress/i18n');
 
 // At most this many confirmations are kept on screen at once. A burst — a
 // double-click, a chain of steps finishing together — collapses to the most
@@ -204,7 +204,9 @@ function applyDoneMessage(verb, noun) {
 		'Restored previous branch': __('Restored the previous branch'),
 		'Restored saved work': __('Restored the saved work')
 	};
-	return sentences[`${verb} ${noun}`] || `${verb} the ${noun}`;
+	// A pair with no sentence of its own is still confirmed, without English
+	// words spliced into it.
+	return sentences[`${verb} ${noun}`] || _x('Done', 'an action that finished');
 }
 
 /**
 
@@ -439,7 +439,8 @@ function App({ settingsState }) {
         const res = await window.api.startPlaygroundWeb(
           ({ data }) => setWebLogs((v) => v + String(data)),
           (url) => { const u = (url || 'http://127.0.0.1:39372/').replace(/\/$/,'/'); setWebUrl(u); setWebStarting(false); },
-          (payload) => { setWebUrl(''); if (payload && typeof payload.code === 'number' && payload.code !== 0) setWebError(`Server exited with code ${payload.code}`); }
+          // translators: %d: the code the server exited with, a number.
+          (payload) => { setWebUrl(''); if (payload && typeof payload.code === 'number' && payload.code !== 0) setWebError(sprintf(__('Server exited with code %d'), payload.code)); }
         );
         if (res && res.ok && res.url) {
           const u = String(res.url).replace(/\/$/,'/');
@@ -554,14 +555,14 @@ function App({ settingsState }) {
         <Stack direction="row" align="center" justify="flex-end" gap="sm" className="window-notice">
           <UiButton
             loading={webStarting}
-            loadingAnnouncement="Starting the Playground web server"
+            loadingAnnouncement={__('Starting the Playground web server')}
             variant={webUrl ? 'outline' : 'solid'}
             tone={webUrl ? 'neutral' : 'brand'}
             onClick={togglePlaygroundWeb}
-          >{webUrl ? 'Stop Playground web server' : 'Start Playground web server'}</UiButton>
+          >{webUrl ? __('Stop Playground web server') : __('Start Playground web server')}</UiButton>
           {webStarting || webUrl ? (
             <Text variant="body-sm">
-              {webStarting ? 'Starting…' : (
+              {webStarting ? __('Starting…') : (
                 <a href={webUrl || 'http://127.0.0.1:39372/'} onClick={(e) => { e.preventDefault(); window.api.openExternal(webUrl || 'http://127.0.0.1:39372/'); }}>{webUrl || 'http://127.0.0.1:39372/'}</a>
               )}
             </Text>
@@ -574,13 +575,13 @@ function App({ settingsState }) {
         <UiCard.Root className="window-notice">
           <UiCard.Content render={<Stack direction="column" gap="sm" />}>
             <Stack direction="row" align="center" justify="space-between" gap="sm">
-              <Text variant="heading-md">Playground web server</Text>
+              <Text variant="heading-md">{__('Playground web server')}</Text>
               <Text variant="body-sm" className="muted-label">
-                {webStarting ? 'Starting…' : null}
+                {webStarting ? __('Starting…') : null}
                 {!webStarting && webUrl ? (
                   <a href={webUrl} onClick={(e)=>{ e.preventDefault(); window.api.openExternal(webUrl); }}>{webUrl}</a>
                 ) : null}
-                {!webStarting && !webUrl ? 'Stopped' : null}
+                {!webStarting && !webUrl ? __('Stopped') : null}
               </Text>
             </Stack>
             {webError ? <Text variant="body-sm" className="error-text">{webError}</Text> : null}
@@ -867,13 +868,17 @@ function SiteRow({ sitePath, initialized, createdAt, label, projectType = null,
   const writePathToClipboard = useCallback(async () => {
     try {
       if (!navigator?.clipboard?.writeText) {
-        throw new Error('Clipboard access is not available in this environment');
+        throw new Error(__('Clipboard access is not available in this environment'));
       }
       await navigator.clipboard.writeText(sitePath);
       return true;
     } catch (err) {
       // eslint-disable-next-line no-alert -- see the note above confirmAnd.
-      alert('Unable to copy path: ' + (err?.message ?? String(err)));
+      alert(sprintf(
+        // translators: %s: why the path could not be copied, a sentence.
+        __('Unable to copy path: %s'),
+        err?.message ?? String(err)
+      ));
       return false;
     }
   }, [sitePath]);
 
@@ -1402,3 +1402,90 @@ test( 'what the window says when a folder will not open is fully translatable, f
 	await menu.getByRole( 'menuitem', { name: /^\[Šĥóŵ íñ / } ).click();
 	await scanned( filled( 'The file manager would not open the folder: %s', 'stand-in reason' ) );
 } );
+
+test( 'a mail the site sent is fully translatable, on its Rendered and its Raw tab', async ( { session } ) => {
+	// One mail in the store, loaded when the server starts, which is answered
+	// by stand-ins as in mail.spec.js. What the mail says is the site's, and
+	// is left out of the scan.
+	const MAIL = {
+		id: 'e2e-reset',
+		subject: '[Test Site] Password Reset',
+		from: 'WordPress <wordpress@example.test>',
+		to: 'admin@example.test',
+		cc: 'auditor@example.test',
+		date: '2026-08-10T09:30:00.000Z',
+		sentAt: '2026-08-10T09:30:00.000Z',
+		text: 'A password reset was requested.',
+		html: '<p>Someone has requested a <strong>password reset</strong>.</p>',
+		headers: {},
+		raw: 'Subject: [Test Site] Password Reset\nX-Mailer: PHPMailer\n\nA password reset was requested.',
+	};
+	// No subject: the dialog has to be titled by the app instead.
+	const UNTITLED = { ...MAIL, id: 'e2e-untitled', subject: '', cc: undefined, sentAt: '2026-08-10T09:00:00.000Z', date: '2026-08-10T09:00:00.000Z' };
+	const theMails = ( text ) => [ MAIL.subject, MAIL.from, MAIL.to, MAIL.cc, MAIL.raw, 'Someone has requested a password reset.' ].some( ( part ) => part.includes( text ) ) || text.includes( '2026' );
+	const site = await makeSite( session );
+	const { app, page } = await session.start( { ...site.settings, [ `siteMail:${ site.dir }` ]: [ MAIL, UNTITLED ] }, { lang: 'en-XA' } );
+	await app.evaluate( ( { ipcMain } ) => {
+		ipcMain.removeHandler( 'npm:run-script' );
+		ipcMain.handle( 'npm:run-script', async () => ( { runId: 'e2e-mail' } ) );
+		ipcMain.removeHandler( 'playground:start' );
+		ipcMain.handle( 'playground:start', async () => ( { ok: true } ) );
+	} );
+	await page.getByRole( 'button', { name: pseudoLocalize( 'Start development server' ), exact: true } ).click( { timeout: 30_000 } );
+	await page.getByRole( 'button', { name: pseudoLocalize( 'Toggle Email' ), exact: true } ).click();
+	await page.getByRole( 'button', { name: /\[Test Site\] Password Reset$/ } ).click( { timeout: 30_000 } );
+
+	const dialog = page.getByRole( 'dialog', { name: MAIL.subject } );
+	await expect( dialog.getByRole( 'tab', { name: pseudoLocalize( 'Rendered' ), exact: true } ) ).toHaveAttribute( 'aria-selected', 'true' );
+	await expect( dialog.getByText( pseudoLocalize( 'CC:' ), { exact: true } ) ).toBeVisible();
+	expect( ( await unwrapped( dialog ) ).filter( ( text ) => ! theMails( text ) ) ).toEqual( [] );
+
+	await dialog.getByRole( 'tab', { name: pseudoLocalize( 'Raw' ), exact: true } ).click();
+	await expect( dialog.getByText( 'X-Mailer: PHPMailer' ) ).toBeVisible();
+	expect( ( await unwrapped( dialog ) ).filter( ( text ) => ! theMails( text ) ) ).toEqual( [] );
+
+	await page.keyboard.press( 'Escape' );
+	await page.getByRole( 'button', { name: new RegExp( `${ pseudoLocalize( '(no subject)' ).replace( /[[\]()]/g, '\\$&' ) }$` ) } ).click();
+	const untitled = page.getByRole( 'dialog', { name: pseudoLocalize( 'Email' ), exact: true } );
+	await expect( untitled ).toBeVisible();
+	expect( ( await unwrapped( untitled ) ).filter( ( text ) => ! theMails( text ) ) ).toEqual( [] );
+} );
+
+test( 'the Playground web server is fully translatable, stopped, starting, running and after it exits', async ( { session } ) => {
+	// The server is offered only where a build ships it, which a checkout
+	// does not, and the page asks as it mounts: so the stand-ins are in
+	// place before the window is. Starting is never answered; the test says
+	// what the main process would say instead. With no site, the server is
+	// above the middle of the window, and that is what is scanned.
+	const URL = 'http://127.0.0.1:39372/';
+	await session.start( undefined, { lang: 'en-XA' } );
+	const { app, page } = await session.restart( { beforeWindow: ( launched ) => launched.evaluate( ( { ipcMain } ) => {
+		ipcMain.removeHandler( 'playground-web:available' );
+		ipcMain.handle( 'playground-web:available', () => true );
+		ipcMain.removeHandler( 'playground-web:start' );
+		ipcMain.handle( 'playground-web:start', () => new Promise( () => {} ) );
+	} ) } );
+	const tell = ( channel, payload ) => app.evaluate( ( { BrowserWindow }, [ to, what ] ) => {
+		BrowserWindow.getAllWindows()[ 0 ].webContents.send( to, what );
+	}, [ channel, payload ] );
+	const notices = page.locator( '.page-body-notices' );
+	const SERVER_OUTPUT = 'listening for requests';
+
+	await page.getByRole( 'button', { name: pseudoLocalize( 'Start Playground web server' ), exact: true } ).click( { timeout: 30_000 } );
+	await expect( page.getByText( pseudoLocalize( 'Playground web server' ), { exact: true } ) ).toBeVisible();
+	await expect( page.getByText( pseudoLocalize( 'Starting…' ), { exact: true } ).first() ).toBeVisible();
+	expect( await unwrapped( notices ) ).toEqual( [] );
+	// The button says it is starting through a live region, outside the
+	// notices, so that is read on its own.
+	await expect( page.locator( '#a11y-speak-polite' ) ).toHaveText( pseudoLocalize( 'Starting the Playground web server' ) );
+
+	await tell( 'playground-web:log', { type: 'stdout', data: `${ SERVER_OUTPUT }\n` } );
+	await tell( 'playground-web:url', { url: URL } );
+	await expect( page.getByRole( 'button', { name: pseudoLocalize( 'Stop Playground web server' ), exact: true } ) ).toBeVisible();
+	expect( ( await unwrapped( notices ) ).filter( ( text ) => text !== URL && text !== SERVER_OUTPUT ) ).toEqual( [] );
+
+	await tell( 'playground-web:stopped', { code: 1 } );
+	await expect( page.getByText( pseudoLocalize( 'Stopped' ), { exact: true } ) ).toBeVisible();
+	await expect( page.getByText( pseudoLocalize( 'Server exited with code %d' ).replace( '%d', '1' ), { exact: true } ) ).toBeVisible();
+	expect( ( await unwrapped( notices ) ).filter( ( text ) => text !== SERVER_OUTPUT ) ).toEqual( [] );
+} );
@@ -159,8 +159,8 @@ test('each thing the apply flow can have done is confirmed in a sentence of its
 	assert.strictEqual(applyDoneMessage('Restored', 'saved work'), 'Restored the saved work');
 });
 
-test('a pair it has no sentence for is still said, as the flow words it', () => {
-	assert.strictEqual(applyDoneMessage('Rebuilt', 'site'), 'Rebuilt the site');
+test('a pair it has no sentence for is still confirmed, in a word that splices nothing in', () => {
+	assert.strictEqual(applyDoneMessage('Rebuilt', 'site'), 'Done');
 });
 
 test('a saved patch and edits saved before an update are confirmed by the file\'s name', () => {
@@ -188,6 +188,7 @@ test('every sentence this module words goes through the translator, around what
 		'Checked out the pull request': ['T checked out'],
 		'Restored the previous branch': ['T restored branch'],
 		'Restored the saved work': ['T restored work'],
+		'an action that finished\u0004Done': ['T done'],
 		'Patch saved to %s': ['T saved %s'],
 		'Saved your changes to %s and reset the working tree': ['T reset %s'],
 		'The site could not be created. %s': ['T not created: %s'],
@@ -203,6 +204,7 @@ test('every sentence this module words goes through the translator, around what
 		applyDoneMessage('Checked out', 'pull request'),
 		applyDoneMessage('Restored', 'previous branch'),
 		applyDoneMessage('Restored', 'saved work'),
+		applyDoneMessage('Rebuilt', 'site'),
 		patchSavedMessage('a.diff'),
 		savedAndResetMessage('a.patch'),
 		setupFailureMessage('ENOSPC'),
@@ -212,7 +214,7 @@ test('every sentence this module words goes through the translator, around what
 		deleteFailureMessage({ ok: false, reason: 'remove-failed', path: '/sites/demo', code: 'EBUSY' }),
 		deleteFailureMessage({ ok: false, reason: 'remove-failed', path: '/sites/demo' })
 	], [
-		'T applied', 'T reverted', 'T checked out', 'T restored branch', 'T restored work',
+		'T applied', 'T reverted', 'T checked out', 'T restored branch', 'T restored work', 'T done',
 		'T saved a.diff', 'T reset a.patch', 'T not created: ENOSPC',
 		'T dry run', 'T opened 9', 'T opened 9 at WordPress/gutenberg',
 		'T kept /sites/demo (EBUSY)', 'T kept /sites/demo'