feat(core): improve mobile perf (#15317)

#### PR Dependency Tree


* **PR #15317** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Virtualized mobile navigation with shell navigation and interactive
swipe menus; coordinated mobile back handling with interactive
phases/state restoration.
* Added shared auth request proxy and message-port based token handling
across mobile and worker flows.
* **Bug Fixes**
  * Hydrated remote worker error stacks for calls and observable errors.
* Improved SQLite FTS/indexer and nbstore optional text handling;
refined docs-search ref parsing and notification loading/retry.
* **Refactor / UX**
* Modal focus-preservation and pointer behavior updates; improved mobile
menu controls and back gesture plugins.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

tests/affine-mobile/e2e/home.spec.ts

@@ -1,14 +1,80 @@
 import { test } from '@affine-test/kit/mobile';
 import { expect } from '@playwright/test';
 
-import { expandCollapsibleSection } from './utils';
+import { expandCollapsibleSection, pageBack } from './utils';
+
+declare global {
+  interface Window {
+    currentWorkspace?: {
+      meta: { id: string; flavour: string };
+    };
+  }
+}
 
 test('after loaded, will land on the home page', async ({ page }) => {
   await expect(page).toHaveURL(/.*\/home/);
 });
 
+test('stale first-open state still restores one local workspace', async ({
+  browser,
+}) => {
+  const context = await browser.newContext();
+  await context.addInitScript(() => {
+    window.localStorage.setItem('app_config', '{"onBoarding":false}');
+    window.localStorage.setItem('is-first-open', 'false');
+  });
+  const page = await context.newPage();
+
+  await page.goto('http://localhost:8080/');
+  await page.waitForFunction(() => window.currentWorkspace !== undefined);
+  const firstWorkspace = await page.evaluate(async () => {
+    if (!window.currentWorkspace) {
+      await new Promise<void>(resolve => {
+        window.addEventListener('affine:workspace:change', () => resolve(), {
+          once: true,
+        });
+      });
+    }
+    return window.currentWorkspace?.meta;
+  });
+
+  expect(firstWorkspace?.flavour).toBe('local');
+  await page.goto(
+    `http://localhost:8080/workspace/${firstWorkspace?.id ?? ''}/home`
+  );
+  await expect(page.getByRole('searchbox')).toBeVisible();
+  await page
+    .locator('[data-testid="workspace-selector-trigger"]:visible')
+    .click();
+  await expect(
+    page.getByRole('dialog').getByTestId('workspace-avatar')
+  ).toHaveCount(1);
+
+  await page.reload();
+  await page.waitForFunction(() => window.currentWorkspace !== undefined);
+  const reloadedWorkspace = await page.evaluate(
+    () => window.currentWorkspace?.meta
+  );
+  expect(reloadedWorkspace?.id).toBe(firstWorkspace?.id);
+
+  await context.close();
+});
+
+test('workspace selector does not offer workspace creation', async ({
+  page,
+}) => {
+  await expect(page.getByRole('searchbox')).toBeVisible();
+  await page
+    .locator('[data-testid="workspace-selector-trigger"]:visible')
+    .click();
+  await expect(page.getByText('Workspace', { exact: true })).toBeVisible();
+  await expect(page.getByTestId('new-workspace')).toHaveCount(0);
+  await expect(page.getByText('Name your workspace')).toHaveCount(0);
+});
+
 test('app tabs is visible', async ({ page }) => {
   const tabs = page.locator('#app-tabs');
+  await expect(tabs).toHaveCount(1);
   await expect(tabs).toBeVisible();
 
   await expect(tabs.getByRole('tab', { name: 'home' })).toBeVisible();
@@ -17,6 +83,16 @@ test('app tabs is visible', async ({ page }) => {
   await expect(tabs.getByRole('tab', { name: 'new' })).toBeVisible();
 });
 
+test('notifications prompt unauthenticated users to sign in', async ({
+  page,
+}) => {
+  await page.getByTestId('notification-button').tap();
+  const notifications = page.getByText('Sign in to continue');
+  await expect(notifications).toBeVisible();
+  await page.getByRole('button', { name: 'Sign in' }).click();
+  await expect(page.getByTestId('continue-login-button')).toBeVisible();
+});
+
 test('recent docs', async ({ page }) => {
   const recentSection = await expandCollapsibleSection(page, 'recent');
 
@@ -48,5 +124,39 @@ test('all tab', async ({ page }) => {
   await docsTab.click();
 
   const todayDocs = page.getByTestId('doc-list-item');
+  await expect(todayDocs.first()).toBeVisible();
   expect(await todayDocs.count()).toBeGreaterThan(0);
 });
+
+test('search restores query and results without reopening the keyboard', async ({
+  page,
+}) => {
+  await expandCollapsibleSection(page, 'recent');
+  const title = await page
+    .getByTestId('doc-card')
+    .first()
+    .getByTestId('doc-card-header')
+    .getByRole('heading')
+    .textContent();
+  expect(title).toBeTruthy();
+  await page.getByRole('searchbox').click();
+  await expect(page).toHaveURL(/\/search$/);
+  await expect(page.locator('#app-tabs')).toBeHidden();
+  const search = page.getByRole('searchbox');
+  await search.fill(title ?? '');
+  const result = page.locator('[data-scroll] [data-testid="doc-card"]').first();
+  await expect(result).toBeVisible();
+  await result.click();
+  await expect(page).not.toHaveURL(/\/search$/);
+  await pageBack(page);
+  await expect(page).toHaveURL(/\/search$/);
+  await expect(page.getByRole('searchbox')).toHaveValue(title ?? '');
+  await expect(
+    page.locator('[data-scroll] [data-testid="doc-card"]').first()
+  ).toBeVisible();
+  expect(
+    await page
+      .getByRole('searchbox')
+      .evaluate(el => el === document.activeElement)
+  ).toBe(false);
+});