diff --git a/packages/frontend/core/src/blocksuite/presets/ai/chat-panel/index.ts b/packages/frontend/core/src/blocksuite/presets/ai/chat-panel/index.ts index fb6c350d9b..519ad9ef22 100644 --- a/packages/frontend/core/src/blocksuite/presets/ai/chat-panel/index.ts +++ b/packages/frontend/core/src/blocksuite/presets/ai/chat-panel/index.ts @@ -33,12 +33,15 @@ export class ChatPanel extends WithDisposable(ShadowlessElement) { } .chat-panel-title { + background: var(--affine-background-primary-color); + position: relative; padding: 8px 0px; width: 100%; height: 36px; display: flex; justify-content: space-between; align-items: center; + z-index: 1; div:first-child { font-size: 14px; diff --git a/packages/frontend/core/src/blocksuite/presets/ai/entries/code-toolbar/setup-code-toolbar.ts b/packages/frontend/core/src/blocksuite/presets/ai/entries/code-toolbar/setup-code-toolbar.ts index cedf09d3cb..c37064620d 100644 --- a/packages/frontend/core/src/blocksuite/presets/ai/entries/code-toolbar/setup-code-toolbar.ts +++ b/packages/frontend/core/src/blocksuite/presets/ai/entries/code-toolbar/setup-code-toolbar.ts @@ -20,9 +20,9 @@ export function setupCodeToolbarEntry(codeToolbar: AffineCodeToolbarWidget) { const onAskAIClick = () => { const { host } = codeToolbar; const { selection } = host; - const imageBlock = codeToolbar.blockElement; + const codeBlock = codeToolbar.blockElement; selection.setGroup('note', [ - selection.create('block', { blockId: imageBlock.blockId }), + selection.create('block', { blockId: codeBlock.blockId }), ]); }; codeToolbar.setupDefaultConfig(); diff --git a/packages/frontend/core/src/blocksuite/presets/ai/messages/text.ts b/packages/frontend/core/src/blocksuite/presets/ai/messages/text.ts index eba781feac..8139a97338 100644 --- a/packages/frontend/core/src/blocksuite/presets/ai/messages/text.ts +++ b/packages/frontend/core/src/blocksuite/presets/ai/messages/text.ts @@ -139,6 +139,9 @@ export class AIAnswerText extends WithDisposable(LitElement) { editor-host * { box-sizing: border-box; } + editor-host { + isolation: isolate; + } } ${textBlockStyles} diff --git a/packages/frontend/core/src/modules/right-sidebar/view/header.css.ts b/packages/frontend/core/src/modules/right-sidebar/view/header.css.ts index fa9ccd50e2..f0b97c4b5b 100644 --- a/packages/frontend/core/src/modules/right-sidebar/view/header.css.ts +++ b/packages/frontend/core/src/modules/right-sidebar/view/header.css.ts @@ -8,6 +8,7 @@ export const header = style({ alignItems: 'center', flexShrink: 0, padding: '0 16px', + zIndex: 1, gap: '12px', background: cssVar('backgroundPrimaryColor'), selectors: {