@linktr.ee/messaging-react 1.12.5 → 1.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.12.5",
+  "version": "1.12.7",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelList/CustomChannelPreview.tsx

@@ -37,15 +37,23 @@ const CustomChannelPreview = React.memo<CustomChannelPreviewProps>(
     const lastMessage =
       channel?.state?.messages?.[channel.state.messages.length - 1]
 
-    // Fallback order: text -> attachment URL -> "No messages yet"
     const getLastMessageText = () => {
       if (lastMessage?.text) return lastMessage.text
 
       const attachment = lastMessage?.attachments?.[0]
-      if (attachment?.asset_url) return attachment.asset_url
-      if (attachment?.image_url) return attachment.image_url
-      if (attachment?.og_scrape_url) return attachment.og_scrape_url
-      if (attachment?.thumb_url) return attachment.thumb_url
+      if (attachment) {
+        // Link previews - show the actual URL
+        if (attachment.og_scrape_url) return attachment.og_scrape_url
+
+        // Type-based detection
+        if (attachment.type === 'image') return '📷 Sent an image'
+        if (attachment.type === 'video') return '🎥 Sent a video'
+        if (attachment.type === 'audio') return '🎵 Sent audio'
+        if (attachment.type === 'file') return '📎 Sent a file'
+
+        // Fallback
+        return '📎 Sent an attachment'
+      }
 
       return 'No messages yet'
     }

package/src/components/MessagingShell/index.tsx

@@ -416,7 +416,7 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
   return (
     <div
       className={classNames(
-        'messaging-shell h-full bg-background-secondary overflow-hidden',
+        'messaging-shell h-full bg-background-primary overflow-hidden',
         className
       )}
     >