diff --git a/packages/frontend/core/src/modules/peek-view/view/peek-view-controls.tsx b/packages/frontend/core/src/modules/peek-view/view/peek-view-controls.tsx
index 306586d10..20849c9fc 100644
--- a/packages/frontend/core/src/modules/peek-view/view/peek-view-controls.tsx
+++ b/packages/frontend/core/src/modules/peek-view/view/peek-view-controls.tsx
@@ -4,6 +4,7 @@ import type { DocMode } from '@blocksuite/affine/blocks';
import {
CloseIcon,
ExpandFullIcon,
+ InformationIcon,
OpenInNewIcon,
SplitViewIcon,
} from '@blocksuite/icons/rc';
@@ -17,6 +18,7 @@ import {
useMemo,
} from 'react';
+import { DocInfoService } from '../../doc-info';
import { WorkbenchService } from '../../workbench';
import { PeekViewService } from '../services/peek-view';
import * as styles from './peek-view-controls.css';
@@ -100,6 +102,7 @@ export const DocPeekViewControls = ({
const peekView = useService(PeekViewService).peekView;
const workbench = useService(WorkbenchService).workbench;
const t = useI18n();
+ const docInfoService = useService(DocInfoService);
const controls = useMemo(() => {
return [
{
@@ -138,8 +141,25 @@ export const DocPeekViewControls = ({
peekView.close('none');
},
},
+ {
+ icon: