diff --git a/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifact-tool.ts b/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifact-tool.ts
index d9f13afed..cc4527ae5 100644
--- a/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifact-tool.ts
+++ b/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifact-tool.ts
@@ -160,6 +160,12 @@ export abstract class ArtifactTool<
     `;
   }
 
+  override connectedCallback() {
+    super.connectedCallback();
+    // open the preview panel immediately
+    this.openOrUpdatePreviewPanel();
+  }
+
   override render() {
     const err = this.getErrorTemplate();
     if (err) {