fix: 移除路由 base 路径并优化图片展示布局

- Vue Router base 路径从 /chat-ui/ 改为 /
- MessageBubble 添加 readonly prop，分享页面隐藏操作栏
- 图片网格改用 inline-flex 布局，按内容宽度收缩

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

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;

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: '/',

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>
+</style>