From f3ee74f5af9c7977d92a502ef9914d6048bb93b1 Mon Sep 17 00:00:00 2001
From: Cats Juice <wp1298554944@hotmail.com>
Date: Mon, 7 Jul 2025 15:32:35 +0800
Subject: [PATCH] style(core): enhance chat-input focus shadow (#13067)

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

## Summary by CodeRabbit

* **Style**
* Enhanced the visual appearance of the chat input field when focused by
adding a new box-shadow effect.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../blocksuite/ai/components/ai-chat-input/ai-chat-input.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/frontend/core/src/blocksuite/ai/components/ai-chat-input/ai-chat-input.ts b/packages/frontend/core/src/blocksuite/ai/components/ai-chat-input/ai-chat-input.ts
index f89f08f7f..0561ce95e 100644
--- a/packages/frontend/core/src/blocksuite/ai/components/ai-chat-input/ai-chat-input.ts
+++ b/packages/frontend/core/src/blocksuite/ai/components/ai-chat-input/ai-chat-input.ts
@@ -56,6 +56,12 @@ export class AIChatInput extends SignalWatcher(
         0px 0px 0px 3px transparent,
         0px 2px 3px rgba(0, 0, 0, 0.05);
     }
+    .chat-panel-input[data-if-focused='true'] {
+      box-shadow:
+        var(--border-shadow),
+        0px 0px 0px 3px transparent,
+        0px 4px 6px rgba(0, 0, 0, 0.05);
+    }
     [data-theme='dark'] .chat-panel-input[data-if-focused='true'] {
       box-shadow:
         var(--border-shadow),