From 5e2e58de09025cabd118b31cf10868ffdcd91cd6 Mon Sep 17 00:00:00 2001
From: akumatus <akumatus@gmail.com>
Date: Wed, 25 Dec 2024 10:54:57 +0000
Subject: [PATCH] fix: font of AI panel should not be affected by the font of
 Editor settings (#9305)

Fix issue [BS-2210](https://linear.app/affine-design/issue/BS-2210).
---
 .../blocks/src/root-block/widgets/ai-panel/ai-panel.ts      | 1 +
 .../root-block/widgets/ai-panel/components/finish-tip.ts    | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/blocksuite/blocks/src/root-block/widgets/ai-panel/ai-panel.ts b/blocksuite/blocks/src/root-block/widgets/ai-panel/ai-panel.ts
index 046850352..d6ff0d103 100644
--- a/blocksuite/blocks/src/root-block/widgets/ai-panel/ai-panel.ts
+++ b/blocksuite/blocks/src/root-block/widgets/ai-panel/ai-panel.ts
@@ -54,6 +54,7 @@ export class AffineAIPanelWidget extends WidgetComponent {
       overflow-y: auto;
       scrollbar-width: none !important;
       z-index: var(--affine-z-index-popover);
+      --affine-font-family: var(--affine-font-sans-family);
     }
 
     .ai-panel-container {
diff --git a/blocksuite/blocks/src/root-block/widgets/ai-panel/components/finish-tip.ts b/blocksuite/blocks/src/root-block/widgets/ai-panel/components/finish-tip.ts
index 0dcefeb2e..52ab3aae2 100644
--- a/blocksuite/blocks/src/root-block/widgets/ai-panel/components/finish-tip.ts
+++ b/blocksuite/blocks/src/root-block/widgets/ai-panel/components/finish-tip.ts
@@ -6,13 +6,17 @@ import {
 import { NotificationProvider } from '@blocksuite/affine-shared/services';
 import type { EditorHost } from '@blocksuite/block-std';
 import { WithDisposable } from '@blocksuite/global/utils';
-import { css, html, LitElement, nothing } from 'lit';
+import { baseTheme } from '@toeverything/theme';
+import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property, state } from 'lit/decorators.js';
 
 import type { CopyConfig } from '../type.js';
 
 export class AIFinishTip extends WithDisposable(LitElement) {
   static override styles = css`
+    :host {
+      font-family: ${unsafeCSS(baseTheme.fontSansFamily)};
+    }
     .finish-tip {
       display: flex;
       box-sizing: border-box;