hunk.code_window:     transition: 'all 0.15s',
       letterSpacing: '0.06em',
       '[cmdk-group-heading]': {
         margin: '5px 16px',
         fontSize: theme.font.sm,
         fontWeight: '500',
       },
       '[aria-selected="true"]': {
         borderRadius: '5px',
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:       fontSize: theme.font.base,
  
hunk.file_path: packages/app/src/components/quick-search/style.ts
hunk.type: replace
file: import { expect } from '@playwright/test';
  import { test } from './libs/playwright.js';
  import { loadPage } from './libs/load-page.js';
  import { clickPageMoreActions } from './libs/page-logic.js';
  loadPage();
  
  test.describe('Change page mode(Paper or Edgeless)', () => {
    test('Switch to edgeless by switch edgeless item', async ({ page }) => {
      const switcher = page.locator('[data-testid=editor-mode-switcher]');
      const box = await switcher.boundingBox();
      expect(box?.x).not.toBeUndefined();
  
      //  mouse hover trigger animation for showing full switcher
      // await page.mouse.move((box?.x ?? 0) + 5, (box?.y ?? 0) + 5);
      await page.mouse.move((box?.x ?? 0) + 10, (box?.y ?? 0) + 10);
  
      // await page.waitForTimeout(1000);
      const edgelessButton = page.getByTestId('switch-edgeless-item'); // page.getByText('Edgeless').click()
      await edgelessButton.click();
  
      // // mouse move to edgeless button
      // await page.mouse.move(
      //   (box?.x ?? 0) + (box?.width ?? 0) - 5,
      //   (box?.y ?? 0) + 5
      // );
  
      // await page.waitForTimeout(1000);
  
      // // click switcher
      // await page.mouse.click(
      //   (box?.x ?? 0) + (box?.width ?? 0) - 5,
      //   (box?.y ?? 0) + 5
      // );
  
      const edgeless = page.locator('affine-edgeless-page');
      expect(await edgeless.isVisible()).toBe(true);
    });
  
    test('Convert to edgeless by editor header items', async ({ page }) => {
      await clickPageMoreActions(page);
      const menusEdgelessItem = page.getByTestId('editor-option-menu-edgeless');
      await menusEdgelessItem.click();
  
      const edgeless = page.locator('affine-edgeless-page');
      expect(await edgeless.isVisible()).toBe(true);
    });
  });
  