diff --git a/src/components/message/MessageBubble.vue b/src/components/message/MessageBubble.vue
index 8feaec5..2738f1a 100644
--- a/src/components/message/MessageBubble.vue
+++ b/src/components/message/MessageBubble.vue
@@ -175,6 +175,7 @@
           message.role === 'assistant' &&
           !message.isStreaming &&
           !message.isError &&
+          !readonly &&
           !isMessageSelectMode
         "
         :content="message.content.text || ''"
@@ -223,12 +224,14 @@ const props = withDefaults(
     isNew?: boolean;
     isMessageSelectMode?: boolean;
     isSelected?: boolean;
+    readonly?: boolean;
   }>(),
   {
     showTimestamp: true,
     compact: false,
     isMessageSelectMode: false,
     isSelected: false,
+    readonly: false,
   },
 );
 const { copy } = useClipboard({ legacy: true });
@@ -488,7 +491,7 @@ setCustomComponents("playground-demo", {
 
 // markstream-vue 样式覆盖
 .text-content {
-  :deep(p) {
+    :deep(p) {
     margin: 0 0 12px;
 
     &:last-child {
@@ -664,15 +667,16 @@ setCustomComponents("playground-demo", {
   }
 }
 
-.images-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-  gap: 8px;
+.images-flex {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 7px;
   margin-top: 12px;
 }
 
 .image-item {
   position: relative;
+  width: 130px;
   aspect-ratio: 1;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/router/index.ts b/src/router/index.ts
index 0425f16..2b292f5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -2,7 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '@/views/HomeView.vue'
 
 const router = createRouter({
-  history: createWebHistory('/chat-ui/'),
+  history: createWebHistory('/'),
   routes: [
     {
       path: '/',
diff --git a/src/views/ShareView.vue b/src/views/ShareView.vue
index b6fa72e..43ae317 100644
--- a/src/views/ShareView.vue
+++ b/src/views/ShareView.vue
@@ -100,6 +100,7 @@
             :key="message.id"
             :message="message"
             :show-timestamp="true"
+            :readonly="true"
           />
         </template>
       </div>
@@ -562,4 +563,4 @@ onMounted(() => {
   padding: 20px 0;
   overflow-y: auto;
 }
-</style>
\ No newline at end of file
+</style>