From 4d7d8f215f59ca79347f2ddb98169898cccd110a Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Mon, 14 Jul 2025 10:46:28 +0800
Subject: [PATCH] fix(core): artifact panel theme (#13186)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix AI-340, AI-344

#### PR Dependency Tree


* **PR #13186** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

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

## Summary by CodeRabbit

* **Style**
* Updated the artifact preview panel layout by removing a fixed height
constraint for improved flexibility.
* Refined visual styling of linked document blocks with updated shadow
effects for better aesthetics.

* **New Features**
* Enhanced document preview rendering to respect the current theme,
providing a more consistent visual experience.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->


#### PR Dependency Tree


* **PR #13186** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)
---
 .../src/blocksuite/ai/components/ai-tools/artifact-tool.ts    | 2 +-
 .../ai/components/ai-tools/artifacts-preview-panel.ts         | 4 ----
 .../core/src/blocksuite/ai/components/ai-tools/doc-compose.ts | 1 +
 3 files changed, 2 insertions(+), 5 deletions(-)

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 03c571a07..684783e49 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
@@ -34,7 +34,7 @@ export abstract class ArtifactTool<
       padding: 10px 0;
 
       .affine-embed-linked-doc-block {
-        box-shadow: ${unsafeCSSVar('overlayPanelShadow')};
+        box-shadow: ${unsafeCSSVar('buttonShadow')};
         cursor: pointer;
       }
 
diff --git a/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifacts-preview-panel.ts b/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifacts-preview-panel.ts
index 34eb72e7e..a962b4ad0 100644
--- a/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifacts-preview-panel.ts
+++ b/packages/frontend/core/src/blocksuite/ai/components/ai-tools/artifacts-preview-panel.ts
@@ -104,10 +104,6 @@ export class ArtifactPreviewPanel extends WithDisposable(ShadowlessElement) {
       color: ${unsafeCSSVarV2('icon/secondary')};
     }
 
-    .artifact-panel-content {
-      height: calc(100% - 52px);
-    }
-
     .artifact-panel-close:hover {
       background-color: ${unsafeCSSVarV2('layer/background/tertiary')};
     }
diff --git a/packages/frontend/core/src/blocksuite/ai/components/ai-tools/doc-compose.ts b/packages/frontend/core/src/blocksuite/ai/components/ai-tools/doc-compose.ts
index 66794fa79..0f65b67ab 100644
--- a/packages/frontend/core/src/blocksuite/ai/components/ai-tools/doc-compose.ts
+++ b/packages/frontend/core/src/blocksuite/ai/components/ai-tools/doc-compose.ts
@@ -124,6 +124,7 @@ export class DocComposeTool extends ArtifactTool<
             .options=${{
               customHeading: true,
               extensions: getCustomPageEditorBlockSpecs(),
+              theme: this.theme,
             }}
           ></text-renderer>`
         : html`<div class="doc-compose-result-preview-loading">