From 20ba8875c1624b46438cceebfefe7f7f77d59429 Mon Sep 17 00:00:00 2001
From: Adit Syed Afnan <111628226+S-A-Adit@users.noreply.github.com>
Date: Tue, 18 Nov 2025 00:42:48 -0500
Subject: [PATCH] feat(core): pixelated to image component to improve clarity
 for low-resolution images (#13968)

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

## Summary by CodeRabbit

* **Style**
* Updated rendering quality for images displayed in chat content,
applying a pixelated effect to both row and column layouts.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>
---
 .../src/blocksuite/ai/components/ai-message-content/images.ts   | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/frontend/core/src/blocksuite/ai/components/ai-message-content/images.ts b/packages/frontend/core/src/blocksuite/ai/components/ai-message-content/images.ts
index 5b8e4bc469..fb7ff78f0d 100644
--- a/packages/frontend/core/src/blocksuite/ai/components/ai-message-content/images.ts
+++ b/packages/frontend/core/src/blocksuite/ai/components/ai-message-content/images.ts
@@ -38,6 +38,7 @@ export class ChatContentImages extends WithDisposable(ShadowlessElement) {
       object-fit: cover;
       border-radius: 8px;
       flex-shrink: 0;
+      image-rendering: pixelated; 
     }
 
     .chat-content-images-column {
@@ -63,6 +64,7 @@ export class ChatContentImages extends WithDisposable(ShadowlessElement) {
       max-height: 100%;
       width: auto;
       height: auto;
+      image-rendering: pixelated; 
     }
   `;