feat: improve mindspace asset handling and local runtime paths

src/components/MessageList.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { useUserAvatar } from '../hooks/useUserAvatar';
 import type { Message } from '../types';
-import { getDisplayText, getImageUrls, getThinking } from '../utils/message';
+import { getDisplayText, getImageUrls, getRenderableImageUrls, getThinking } from '../utils/message';
 import { getMessageSaveActions } from '../utils/messageSave';
 import { renderMarkdown } from '../utils/markdown';
 import { filterText } from '../utils/wordFilter';
@@ -189,6 +189,7 @@ function MessageRow({
   const thinking = getThinking(message);
   const isUser = message.role === 'user';
   const imageUrls = getImageUrls(message);
+  const renderableImageUrls = getRenderableImageUrls(message);
   const copyText = [thinking ? `【思考】\n${thinking}` : '', text].filter(Boolean).join('\n\n');
 
   if (!text && !thinking && message.role === 'assistant') {
@@ -221,16 +222,16 @@ function MessageRow({
               )}
               {imageUrls.length > 0 && (
                 <div className="msg-image-gallery">
-                  {imageUrls.map((imageUrl, index) => (
+                  {renderableImageUrls.map((image, index) => (
                     <a
-                      key={`${imageUrl}-${index}`}
-                      href={imageUrl}
+                      key={`${image.href}-${index}`}
+                      href={image.href}
                       target="_blank"
                       rel="noreferrer"
                       className="msg-image-link"
                     >
                       <img
-                        src={imageUrl}
+                        src={image.src}
                         alt={`图片 ${index + 1}`}
                         className="msg-image-thumb"
                         loading="lazy"