feat(web): add account workspaces and signed content flows

scripts/browser-chat-files-smoke.js

@@ -42,13 +42,20 @@ async (page) => {
     await file.getByRole('img', { name: '小白 的头像', exact: true }).waitFor();
     await viewer.reload(); await viewer.getByRole('article', { name: '小白 上传了 project-notes.txt', exact: true }).getByRole('img', { name: '小白 的头像', exact: true }).waitFor();
     if (downloads !== 1) throw new Error('Reloading file bubbles consumed a download');
-    results.push('identity survives download updates and encrypted history replay without automatic content reads');
+    results.push('server-owned identity survives download updates and reload without automatic content reads');
     await viewer.getByRole('region', { name: '常规 聊天', exact: true }).locator('textarea').fill('我收到了。'); await viewer.getByRole('button', { name: '发送消息', exact: true }).click();
     await sender.getByRole('article', { name: '小黑 的消息', exact: true }).getByText('我收到了。', { exact: true }).waitFor();
     results.push('each participant keeps their own sender identity');
     await viewer.screenshot({ path: 'C:/Users/JustMe/Desktop/webdrop-proj/.playwright-mcp/chat-file-messages.png', fullPage: true });
     for (const width of [1440, 390]) { await viewer.setViewportSize({ width, height: 900 }); for (const colorScheme of ['light', 'dark']) {
-      await viewer.emulateMedia({ colorScheme }); if (await viewer.evaluate(() => document.documentElement.scrollWidth > innerWidth)) throw new Error('Chat layout overflow');
+      await viewer.emulateMedia({ colorScheme });
+      // Allow the media-query subscription to switch the React workspace layout.
+      await viewer.evaluate(() => new Promise(resolve => requestAnimationFrame(() => requestAnimationFrame(resolve))));
+      if (await viewer.evaluate(() => document.documentElement.scrollWidth > innerWidth)) {
+        const overflow = await viewer.evaluate(() => ({ width: innerWidth, scroll: document.documentElement.scrollWidth,
+          elements: [...document.querySelectorAll('body *')].filter(e => e.getBoundingClientRect().right > innerWidth + 1).slice(0, 12).map(e => ({ tag: e.tagName, cls: e.className, right: e.getBoundingClientRect().right })) }));
+        throw new Error(`Chat layout overflow: ${JSON.stringify(overflow)}`);
+      }
     } }
     return { passed: results };
   } finally { for (const context of contexts) await context.close(); }