Fixes from live GUI testing: readability width counts the window's chat list (wraps to a grid instead of cramming), embedded conversation uses the stock row-flex wrapper so the composer stays at the bottom, composer status strips stay on one line

test/client.test.mjs

@@ -105,13 +105,22 @@ test('layout: side by side while each keeps the readability width, then wraps',
   assert.match(html, /396px/)
   assert.match(html, /Readability width/)
   assert.match(html, /Preview/)
-  // window.innerWidth 1600 → preview width 1300; 3 chats at 420+8 → 3 columns side by side.
-  assert.match(html, /3 columns × 1 row/)
-  assert.match(html, /all chats side by side/)
+  // window.innerWidth 1600 → preview width 1300. A window needs 420 (conversation) + 180 (its
+  // chat list) = 600 px, so 3 chats do not fit side by side: 2 columns, wrapping to a 2nd row.
+  assert.match(html, /2 columns × 2 rows/)
+  assert.match(html, /too narrow for all chats side by side/)
   // Real chat titles appear in the preview windows.
   assert.match(html, /Alpha chat/)
 })
 
+test('layout: a wide screen keeps all chats in one row', { skip }, () => {
+  const { React, ReactDOMServer, regs } = load()
+  window.innerWidth = 2400 // preview 2100 px → 3 × 600 fits
+  const html = ReactDOMServer.renderToString(React.createElement(regs['settings.section'].Comp, { close() {} }))
+  assert.match(html, /3 columns × 1 row/)
+  assert.match(html, /all chats side by side/)
+})
+
 test('choosing an open chat in the main sidebar keeps split view and glows it', { skip }, async () => {
   const { React, ReactDOMServer, regs, list, panel, layout } = load()
   const h = React.createElement