feat(editor): header of edgeless embed doc (#12029)

Close [BS-3268](https://linear.app/affine-design/issue/BS-3268/edgeless-下，-dark-mode-embed的配色应该更加清晰)
Close [BS-3067](https://linear.app/affine-design/issue/BS-3067/在embed上，添加split-view等相关的操作入口，基本接近page-block（见设计稿）)

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

- **New Features**
  - Introduced an interactive header for embedded synced documents with fold/unfold toggle, document opening, and multiple view options.
  - Added info and copy link buttons for embedded synced documents and notes to improve document management and sharing.
- **Enhancements**
  - Updated styles for embedded synced document blocks and headers for better visual consistency.
  - Added new localization entries for header actions: "Fold", "Unfold", and "Open".
  - Disabled redundant open document actions in toolbars, centralizing controls in the header.
- **Refactor**
  - Unified header button components for notes and embedded synced documents into reusable components.
  - Simplified header components by delegating button behaviors to shared components.
- **Bug Fixes**
  - Fixed conditional rendering of editor content in embedded synced documents when folded.
- **Chores**
  - Upgraded theme dependency version from "^1.1.12" to "^1.1.14" across multiple packages.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

tests/blocksuite/e2e/edgeless/linked-doc.spec.ts

@@ -7,7 +7,6 @@ import {
   createShapeElement,
   edgelessCommonSetup,
   getConnectorPath,
-  locatorComponentToolbarMoreButton,
   selectNoteInEdgeless,
   Shape,
   triggerComponentToolbarAction,
@@ -36,20 +35,15 @@ test.describe('note to linked doc', () => {
     await selectNoteInEdgeless(page, noteId);
     await triggerComponentToolbarAction(page, 'turnIntoLinkedDoc');
 
-    await waitNextFrame(page, 200);
-    const embedSyncedBlock = page.locator('affine-embed-synced-doc-block');
-    if (!embedSyncedBlock) {
-      throw new Error('embedSyncedBlock is not found');
-    }
-
-    await triggerComponentToolbarAction(page, 'openLinkedDoc');
-    await waitNextFrame(page, 200);
-    const noteBlock = page.locator('affine-edgeless-note');
-    if (!noteBlock) {
-      throw new Error('noteBlock is not found');
-    }
-    const noteContent = await noteBlock.innerText();
-    expect(noteContent).toBe('Hello\nWorld');
+    const embedSyncedBlock = page.locator(
+      'affine-embed-edgeless-synced-doc-block'
+    );
+    await expect(embedSyncedBlock).toBeVisible();
+    const paragraph = embedSyncedBlock.locator(
+      'affine-paragraph [data-v-text="true"]'
+    );
+    await expect(paragraph.nth(0)).toHaveText('Hello');
+    await expect(paragraph.nth(1)).toHaveText('World');
   });
 
   test('turn note into a linked doc, connector keeps', async ({ page }) => {
@@ -71,47 +65,6 @@ test.describe('note to linked doc', () => {
 
     await assertConnectorPath(page, [connectorPath[0], connectorPath[1]], 0);
   });
-
-  // TODO FIX ME
-  test.skip('embed-synced-doc card can not turn into linked doc', async ({
-    page,
-  }) => {
-    await edgelessCommonSetup(page);
-    const noteId = await createNote(page, [100, 0]);
-    await activeNoteInEdgeless(page, noteId);
-    await waitNextFrame(page, 200);
-    await type(page, 'Hello World');
-
-    await page.mouse.click(10, 50);
-    await selectNoteInEdgeless(page, noteId);
-    await triggerComponentToolbarAction(page, 'turnIntoLinkedDoc');
-
-    const moreButton = locatorComponentToolbarMoreButton(page);
-    await moreButton.click();
-    const turnButton = page.locator('.turn-into-linked-doc');
-    await expect(turnButton).toBeHidden();
-  });
-
-  // TODO FIX ME
-  test.skip('embed-linked-doc card can not turn into linked doc', async ({
-    page,
-  }) => {
-    await edgelessCommonSetup(page);
-    const noteId = await createNote(page, [100, 0]);
-    await activeNoteInEdgeless(page, noteId);
-    await waitNextFrame(page, 200);
-    await type(page, 'Hello World');
-
-    await page.mouse.click(10, 50);
-    await selectNoteInEdgeless(page, noteId);
-    await triggerComponentToolbarAction(page, 'turnIntoLinkedDoc');
-
-    await triggerComponentToolbarAction(page, 'toCardView');
-    const moreButton = locatorComponentToolbarMoreButton(page);
-    await moreButton.click();
-    const turnButton = page.locator('.turn-into-linked-doc');
-    await expect(turnButton).toBeHidden();
-  });
 });
 
 test.describe('single edgeless element to linked doc', () => {

tests/blocksuite/package.json

@@ -9,7 +9,7 @@
     "@blocksuite/affine": "workspace:*",
     "@blocksuite/integration-test": "workspace:*",
     "@playwright/test": "=1.52.0",
-    "@toeverything/theme": "^1.1.12",
+    "@toeverything/theme": "^1.1.14",
     "json-stable-stringify": "^1.2.1",
     "rxjs": "^7.8.1"
   },