feat(feed): add Bluesky post embed support

Add UI components to render Bluesky crosspost embeds in feeds with
Bluesky-styled post cards.

New files:
- lib/models/bluesky_post.dart: Data models for BlueskyPostEmbed,
BlueskyPostResult with URL helpers and robust JSON validation
- lib/constants/bluesky_colors.dart: Bluesky brand color palette
- lib/widgets/bluesky_action_bar.dart: Disabled action bar showing
engagement counts (view-only)
- lib/widgets/bluesky_post_card.dart: Main card widget with avatar,
author info, text, media placeholder, quote posts, and action bar

Changes:
- lib/models/post.dart: Add BlueskyPostEmbed parsing for
social.coves.embed.post type, fix nullable text field handling
- lib/widgets/post_card.dart: Conditionally render BlueskyPostCard
when embed is present
- lib/services/coves_api_service.dart: Add catch blocks for parsing
errors to prevent silent failures

Features:
- 42px circular avatar (tappable → opens Bluesky profile)
- Author name, handle, and relative timestamp
- Post text with max 6 lines
- Media placeholder with "View on Bluesky" link
- Nested quote post support (1 level)
- Disabled action bar with reply/repost/like counts
- "View on Bluesky" footer link
- Graceful unavailable post handling

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[e-mail]>

lib/constants/bluesky_colors.dart

···
+import 'package:flutter/material.dart';
+
+/// Bluesky color constants
+///
+/// Color palette matching Bluesky's brand identity for crosspost UI elements.
+class BlueskyColors {
+  // Private constructor to prevent instantiation
+  BlueskyColors._();
+
+  /// Background color - dark blue-gray
+  static const background = Color(0xFF161E27);
+
+  /// Card border color - medium blue-gray
+  static const cardBorder = Color(0xFF2E3D4F);
+
+  /// Primary text color - white
+  static const textPrimary = Color(0xFFFFFFFF);
+
+  /// Secondary text color - light blue-gray
+  static const textSecondary = Color(0xFF8B98A5);
+
+  /// Bluesky brand blue
+  static const blueskyBlue = Color(0xFF1185FE);
+
+  /// Disabled/muted action color
+  static const actionDisabled = Color(0xFF5C6E7E);
+}

lib/models/bluesky_post.dart

···
+// Bluesky post data models for embedded posts and external links
+//
+// These models handle Bluesky post embeds from the backend API
+
+import 'package:flutter/foundation.dart';
+
+import 'post.dart';
+
+class BlueskyPostResult {
+  BlueskyPostResult({
+    required this.uri,
+    required this.cid,
+    required this.createdAt,
+    required this.author,
+    required this.text,
+    required this.replyCount,
+    required this.repostCount,
+    required this.likeCount,
+    required this.hasMedia,
+    required this.mediaCount,
+    this.quotedPost,
+    required this.unavailable,
+    this.message,
+  }) : assert(replyCount >= 0, 'replyCount must be non-negative'),
+       assert(repostCount >= 0, 'repostCount must be non-negative'),
+       assert(likeCount >= 0, 'likeCount must be non-negative'),
+       assert(mediaCount >= 0, 'mediaCount must be non-negative');
+
+  /// Creates a [BlueskyPostResult] from JSON data.
+  ///
+  /// Throws [FormatException] if required fields are missing or have invalid types.
+  /// This includes validation for all required string, int, bool, and DateTime fields.
+  factory BlueskyPostResult.fromJson(Map<String, dynamic> json) {
+    // Validate required string fields
+    final uri = json['uri'];
+    if (uri == null || uri is! String) {
+      throw const FormatException(
+        'Missing or invalid uri field in BlueskyPostResult',
+      );
+    }
+
+    final cid = json['cid'];
+    if (cid == null || cid is! String) {
+      throw const FormatException(
+        'Missing or invalid cid field in BlueskyPostResult',
+      );
+    }
+
+    final createdAtStr = json['createdAt'];
+    if (createdAtStr == null || createdAtStr is! String) {
+      throw const FormatException(
+        'Missing or invalid createdAt field in BlueskyPostResult',
+      );
+    }
+
+    // Parse DateTime with error handling
+    final DateTime createdAt;
+    try {
+      createdAt = DateTime.parse(createdAtStr);
+    } on FormatException {
+      throw FormatException('Invalid date format for createdAt: $createdAtStr');
+    }
+
+    // Validate author field
+    final author = json['author'];
+    if (author == null || author is! Map<String, dynamic>) {
+      throw const FormatException(
+        'Missing or invalid author field in BlueskyPostResult',
+      );
+    }
+
+    final text = json['text'];
+    if (text == null || text is! String) {
+      throw const FormatException(
+        'Missing or invalid text field in BlueskyPostResult',
+      );
+    }
+
+    // Validate required int fields
+    final replyCount = json['replyCount'];
+    if (replyCount == null || replyCount is! int) {
+      throw const FormatException(
+        'Missing or invalid replyCount field in BlueskyPostResult',
+      );
+    }
+
+    final repostCount = json['repostCount'];
+    if (repostCount == null || repostCount is! int) {
+      throw const FormatException(
+        'Missing or invalid repostCount field in BlueskyPostResult',
+      );
+    }
+
+    final likeCount = json['likeCount'];
+    if (likeCount == null || likeCount is! int) {
+      throw const FormatException(
+        'Missing or invalid likeCount field in BlueskyPostResult',
+      );
+    }
+
+    // Validate required bool fields
+    final hasMedia = json['hasMedia'];
+    if (hasMedia == null || hasMedia is! bool) {
+      throw const FormatException(
+        'Missing or invalid hasMedia field in BlueskyPostResult',
+      );
+    }
+
+    final mediaCount = json['mediaCount'];
+    if (mediaCount == null || mediaCount is! int) {
+      throw const FormatException(
+        'Missing or invalid mediaCount field in BlueskyPostResult',
+      );
+    }
+
+    final unavailable = json['unavailable'];
+    if (unavailable == null || unavailable is! bool) {
+      throw const FormatException(
+        'Missing or invalid unavailable field in BlueskyPostResult',
+      );
+    }
+
+    return BlueskyPostResult(
+      uri: uri,
+      cid: cid,
+      createdAt: createdAt,
+      author: AuthorView.fromJson(author),
+      text: text,
+      replyCount: replyCount,
+      repostCount: repostCount,
+      likeCount: likeCount,
+      hasMedia: hasMedia,
+      mediaCount: mediaCount,
+      quotedPost:
+          json['quotedPost'] != null
+              ? BlueskyPostResult.fromJson(
+                json['quotedPost'] as Map<String, dynamic>,
+              )
+              : null,
+      unavailable: unavailable,
+      message: json['message'] as String?,
+    );
+  }
+
+  final String uri;
+  final String cid;
+  final DateTime createdAt;
+  final AuthorView author;
+  final String text;
+  final int replyCount;
+  final int repostCount;
+  final int likeCount;
+  final bool hasMedia;
+  final int mediaCount;
+  final BlueskyPostResult? quotedPost;
+  final bool unavailable;
+  final String? message;
+
+  // NOTE: Missing ==, hashCode overrides (known limitation)
+  // Consider using freezed package for value equality in the future
+}
+
+class BlueskyPostEmbed {
+  BlueskyPostEmbed({required this.uri, required this.cid, this.resolved});
+
+  /// Creates a [BlueskyPostEmbed] from JSON data.
+  ///
+  /// Throws [FormatException] if the 'post' field is missing or invalid,
+  /// or if required fields (uri, cid) within the post object are missing.
+  factory BlueskyPostEmbed.fromJson(Map<String, dynamic> json) {
+    // Parse the post reference
+    final post = json['post'];
+    if (post == null || post is! Map<String, dynamic>) {
+      throw const FormatException(
+        'Missing or invalid post field in BlueskyPostEmbed',
+      );
+    }
+
+    // Validate required fields in post
+    final uri = post['uri'];
+    if (uri == null || uri is! String) {
+      throw const FormatException(
+        'Missing or invalid uri field in BlueskyPostEmbed.post',
+      );
+    }
+
+    final cid = post['cid'];
+    if (cid == null || cid is! String) {
+      throw const FormatException(
+        'Missing or invalid cid field in BlueskyPostEmbed.post',
+      );
+    }
+
+    return BlueskyPostEmbed(
+      uri: uri,
+      cid: cid,
+      resolved:
+          json['resolved'] != null
+              ? BlueskyPostResult.fromJson(
+                json['resolved'] as Map<String, dynamic>,
+              )
+              : null,
+    );
+  }
+
+  static const _blueskyBaseUrl = 'https://bsky.app';
+
+  /// AT-URI of the embedded post (e.g., "at://did:plc:xxx/app.bsky.feed.post/abc123")
+  final String uri;
+
+  /// CID of the embedded post
+  final String cid;
+
+  /// Resolved post data (if available from backend)
+  final BlueskyPostResult? resolved;
+
+  /// Build Bluesky web URL from AT-URI and author handle
+  /// at://did:plc:xxx/app.bsky.feed.post/abc123 -> https://bsky.app/profile/handle/post/abc123
+  ///
+  /// Returns null if the AT-URI is invalid. Logs debug information when validation fails.
+  static String? getPostWebUrl(BlueskyPostResult post, String atUri) {
+    final uri = Uri.tryParse(atUri);
+    if (uri == null) {
+      if (kDebugMode) {
+        debugPrint('getPostWebUrl: Failed to parse URI: $atUri');
+      }
+      return null;
+    }
+    if (uri.scheme != 'at') {
+      if (kDebugMode) {
+        debugPrint(
+          'getPostWebUrl: Invalid URI scheme (expected "at", got "${uri.scheme}"): $atUri',
+        );
+      }
+      return null;
+    }
+    if (uri.pathSegments.length < 2) {
+      if (kDebugMode) {
+        debugPrint(
+          'getPostWebUrl: Invalid URI path (expected at least 2 segments, got ${uri.pathSegments.length}): $atUri',
+        );
+      }
+      return null;
+    }
+    final rkey = uri.pathSegments.last;
+    return '$_blueskyBaseUrl/profile/${post.author.handle}/post/$rkey';
+  }
+
+  /// Build Bluesky profile URL from handle
+  static String getProfileUrl(String handle) {
+    return '$_blueskyBaseUrl/profile/$handle';
+  }
+}

lib/models/post.dart

···
 // /xrpc/social.coves.feed.getTimeline
 // /xrpc/social.coves.feed.getDiscover
 
+import 'bluesky_post.dart';
+
 class TimelineResponse {
   TimelineResponse({required this.feed, this.cursor});
 
···
       ),
       createdAt: DateTime.parse(json['createdAt'] as String),
       indexedAt: DateTime.parse(json['indexedAt'] as String),
-      text: json['text'] as String,
+      text: json['text'] as String? ?? '',
       title: json['title'] as String?,
       stats: PostStats.fromJson(json['stats'] as Map<String, dynamic>),
       embed:
···
 }
 
 class PostEmbed {
-  PostEmbed({required this.type, this.external, required this.data});
+  PostEmbed({
+    required this.type,
+    this.external,
+    this.blueskyPost,
+    required this.data,
+  });
 
   factory PostEmbed.fromJson(Map<String, dynamic> json) {
     final embedType = json[r'$type'] as String? ?? 'unknown';
     ExternalEmbed? externalEmbed;
+    BlueskyPostEmbed? blueskyPostEmbed;
 
     if (embedType == 'social.coves.embed.external' &&
         json['external'] != null) {
···
       );
     }
 
-    return PostEmbed(type: embedType, external: externalEmbed, data: json);
+    if (embedType == 'social.coves.embed.post') {
+      blueskyPostEmbed = BlueskyPostEmbed.fromJson(json);
+    }
+
+    return PostEmbed(
+      type: embedType,
+      external: externalEmbed,
+      blueskyPost: blueskyPostEmbed,
+      data: json,
+    );
   }
   final String type;
   final ExternalEmbed? external;
+  final BlueskyPostEmbed? blueskyPost;
   final Map<String, dynamic> data;
 }
 

lib/services/coves_api_service.dart

···
       return TimelineResponse.fromJson(response.data as Map<String, dynamic>);
     } on DioException catch (e) {
       _handleDioException(e, 'timeline');
+    } catch (e) {
+      if (kDebugMode) {
+        debugPrint('❌ Error parsing timeline response: $e');
+      }
+      throw ApiException('Failed to parse server response', originalError: e);
     }
   }
 
···
       return TimelineResponse.fromJson(response.data as Map<String, dynamic>);
     } on DioException catch (e) {
       _handleDioException(e, 'discover feed');
+    } catch (e) {
+      if (kDebugMode) {
+        debugPrint('❌ Error parsing discover feed response: $e');
+      }
+      throw ApiException('Failed to parse server response', originalError: e);
     }
   }
 

lib/widgets/bluesky_action_bar.dart

···
+import 'package:flutter/material.dart';
+
+import '../constants/bluesky_colors.dart';
+import '../utils/date_time_utils.dart';
+
+/// Bluesky action bar widget for displaying engagement counts
+///
+/// Displays a read-only row of engagement metrics (replies, reposts, likes)
+/// with disabled styling to indicate these are view-only from Bluesky.
+///
+/// All counts are formatted using [DateTimeUtils.formatCount] for readability
+/// (e.g., 1200 becomes "1.2k").
+class BlueskyActionBar extends StatelessWidget {
+  const BlueskyActionBar({
+    required this.replyCount,
+    required this.repostCount,
+    required this.likeCount,
+    super.key,
+  });
+
+  final int replyCount;
+  final int repostCount;
+  final int likeCount;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        // Reply count
+        _buildActionItem(icon: Icons.chat_bubble_outline, count: replyCount),
+        const SizedBox(width: 24),
+
+        // Repost count
+        _buildActionItem(icon: Icons.repeat, count: repostCount),
+        const SizedBox(width: 24),
+
+        // Like count
+        _buildActionItem(icon: Icons.favorite_border, count: likeCount),
+      ],
+    );
+  }
+
+  /// Builds a single action item with icon and count
+  Widget _buildActionItem({required IconData icon, required int count}) {
+    return Row(
+      children: [
+        Icon(icon, size: 16, color: BlueskyColors.actionDisabled),
+        const SizedBox(width: 4),
+        Text(
+          DateTimeUtils.formatCount(count),
+          style: const TextStyle(
+            color: BlueskyColors.actionDisabled,
+            fontSize: 13,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/widgets/bluesky_post_card.dart

···
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+
+import '../constants/bluesky_colors.dart';
+import '../models/bluesky_post.dart';
+import '../models/post.dart';
+import '../utils/date_time_utils.dart';
+import '../utils/url_launcher.dart';
+import 'bluesky_action_bar.dart';
+
+/// Bluesky post card widget for displaying Bluesky crossposts
+///
+/// Renders a Bluesky post embed with:
+/// - User avatar and profile information (tappable to view on bsky.app)
+/// - Post text content with overflow handling
+/// - Media indicators for images/videos
+/// - Quoted posts (nested cards)
+/// - Read-only engagement metrics
+/// - "View on Bluesky" footer link
+///
+/// The [currentTime] parameter allows passing the current time for
+/// time-ago calculations, enabling periodic updates and deterministic testing.
+class BlueskyPostCard extends StatelessWidget {
+  const BlueskyPostCard({required this.embed, this.currentTime, super.key});
+
+  static const _blueskyBaseUrl = 'https://bsky.app';
+
+  final BlueskyPostEmbed embed;
+  final DateTime? currentTime;
+
+  /// Constructs the Bluesky post URL
+  String _getPostUrl() {
+    final resolved = embed.resolved;
+    if (resolved == null) {
+      return _blueskyBaseUrl;
+    }
+
+    return BlueskyPostEmbed.getPostWebUrl(resolved, embed.uri) ??
+        BlueskyPostEmbed.getProfileUrl(resolved.author.handle);
+  }
+
+  /// Constructs the Bluesky profile URL
+  String _getProfileUrl() {
+    final handle = embed.resolved?.author.handle;
+    if (handle == null || handle.isEmpty) {
+      return _blueskyBaseUrl;
+    }
+    return BlueskyPostEmbed.getProfileUrl(handle);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // Handle unavailable posts
+    if (embed.resolved == null) {
+      return _buildUnavailableCard();
+    }
+
+    final post = embed.resolved!;
+    final author = post.author;
+
+    return Container(
+      decoration: BoxDecoration(
+        border: Border.all(color: BlueskyColors.cardBorder),
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(12),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // Header: Avatar, display name, handle, timestamp
+            _buildHeader(context, author),
+            const SizedBox(height: 8),
+
+            // Post text content
+            if (post.text.isNotEmpty) ...[
+              Text(
+                post.text,
+                style: const TextStyle(
+                  color: BlueskyColors.textPrimary,
+                  fontSize: 14,
+                  height: 1.4,
+                ),
+                maxLines: 6,
+                overflow: TextOverflow.ellipsis,
+              ),
+              const SizedBox(height: 8),
+            ],
+
+            // Media placeholder
+            if (post.hasMedia) ...[
+              _buildMediaPlaceholder(context, post.mediaCount),
+              const SizedBox(height: 8),
+            ],
+
+            // Quoted post
+            if (post.quotedPost != null) ...[
+              _buildQuotedPost(context, post.quotedPost!),
+              const SizedBox(height: 8),
+            ],
+
+            // Action bar (disabled)
+            BlueskyActionBar(
+              replyCount: post.replyCount,
+              repostCount: post.repostCount,
+              likeCount: post.likeCount,
+            ),
+
+            const SizedBox(height: 8),
+
+            // "View on Bluesky" footer
+            _buildFooterLink(context),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Builds the header row with avatar, name, handle, and timestamp
+  Widget _buildHeader(BuildContext context, AuthorView author) {
+    return GestureDetector(
+      onTap: () {
+        UrlLauncher.launchExternalUrl(_getProfileUrl(), context: context);
+      },
+      child: Row(
+        children: [
+          _buildAvatar(author),
+          const SizedBox(width: 8),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  author.displayName ?? author.handle,
+                  style: const TextStyle(
+                    color: BlueskyColors.textPrimary,
+                    fontSize: 14,
+                    fontWeight: FontWeight.bold,
+                  ),
+                  overflow: TextOverflow.ellipsis,
+                ),
+                Text(
+                  '@${author.handle}',
+                  style: const TextStyle(
+                    color: BlueskyColors.textSecondary,
+                    fontSize: 12,
+                  ),
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ],
+            ),
+          ),
+          Text(
+            DateTimeUtils.formatTimeAgo(
+              embed.resolved!.createdAt,
+              currentTime: currentTime,
+            ),
+            style: const TextStyle(
+              color: BlueskyColors.textSecondary,
+              fontSize: 12,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// Builds the avatar widget with fallback
+  Widget _buildAvatar(AuthorView author) {
+    final avatarUrl = author.avatar;
+    if (avatarUrl != null && avatarUrl.isNotEmpty) {
+      return ClipRRect(
+        borderRadius: BorderRadius.circular(21),
+        child: CachedNetworkImage(
+          imageUrl: avatarUrl,
+          width: 42,
+          height: 42,
+          fit: BoxFit.cover,
+          placeholder: (context, url) => _buildFallbackAvatar(author),
+          errorWidget: (context, url, error) {
+            if (kDebugMode) {
+              debugPrint('Bluesky avatar load error: $error');
+            }
+            return _buildFallbackAvatar(author);
+          },
+        ),
+      );
+    }
+
+    return _buildFallbackAvatar(author);
+  }
+
+  /// Builds a fallback avatar with the first letter of display name or handle
+  Widget _buildFallbackAvatar(AuthorView author) {
+    final text = author.displayName ?? author.handle;
+    final firstLetter = text.isNotEmpty ? text[0].toUpperCase() : '?';
+
+    return Container(
+      width: 42,
+      height: 42,
+      decoration: BoxDecoration(
+        color: BlueskyColors.blueskyBlue,
+        borderRadius: BorderRadius.circular(21),
+      ),
+      child: Center(
+        child: Text(
+          firstLetter,
+          style: const TextStyle(
+            color: BlueskyColors.textPrimary,
+            fontSize: 18,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// Builds the media placeholder for images
+  Widget _buildMediaPlaceholder(BuildContext context, int mediaCount) {
+    final mediaText =
+        mediaCount == 1 ? 'Contains 1 image' : 'Contains $mediaCount images';
+
+    return GestureDetector(
+      onTap: () {
+        UrlLauncher.launchExternalUrl(_getPostUrl(), context: context);
+      },
+      child: Container(
+        padding: const EdgeInsets.all(10),
+        decoration: BoxDecoration(
+          color: BlueskyColors.background,
+          borderRadius: BorderRadius.circular(6),
+          border: Border.all(color: BlueskyColors.cardBorder),
+        ),
+        child: Row(
+          children: [
+            const Icon(
+              Icons.image_outlined,
+              size: 16,
+              color: BlueskyColors.textSecondary,
+            ),
+            const SizedBox(width: 6),
+            Expanded(
+              child: Text(
+                mediaText,
+                style: const TextStyle(
+                  color: BlueskyColors.textSecondary,
+                  fontSize: 13,
+                ),
+              ),
+            ),
+            const Icon(
+              Icons.open_in_new,
+              size: 14,
+              color: BlueskyColors.textSecondary,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Builds the quoted post card (nested)
+  Widget _buildQuotedPost(BuildContext context, BlueskyPostResult quotedPost) {
+    return GestureDetector(
+      onTap: () {
+        // Open the quoted post on Bluesky
+        final url =
+            BlueskyPostEmbed.getPostWebUrl(quotedPost, quotedPost.uri) ??
+            BlueskyPostEmbed.getProfileUrl(quotedPost.author.handle);
+        UrlLauncher.launchExternalUrl(url, context: context);
+      },
+      child: Container(
+        padding: const EdgeInsets.all(10),
+        decoration: BoxDecoration(
+          color: BlueskyColors.background,
+          borderRadius: BorderRadius.circular(6),
+          border: Border.all(color: BlueskyColors.cardBorder),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                _buildSmallAvatar(quotedPost.author),
+                const SizedBox(width: 6),
+                Expanded(
+                  child: Text(
+                    quotedPost.author.displayName ?? quotedPost.author.handle,
+                    style: const TextStyle(
+                      color: BlueskyColors.textPrimary,
+                      fontSize: 12,
+                      fontWeight: FontWeight.bold,
+                    ),
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 6),
+
+            // Quoted post text
+            if (quotedPost.text.isNotEmpty)
+              Text(
+                quotedPost.text,
+                style: const TextStyle(
+                  color: BlueskyColors.textPrimary,
+                  fontSize: 13,
+                  height: 1.4,
+                ),
+                maxLines: 3,
+                overflow: TextOverflow.ellipsis,
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Builds a small avatar widget with fallback for quoted posts
+  Widget _buildSmallAvatar(AuthorView author) {
+    final avatarUrl = author.avatar;
+    if (avatarUrl != null && avatarUrl.isNotEmpty) {
+      return ClipRRect(
+        borderRadius: BorderRadius.circular(10),
+        child: CachedNetworkImage(
+          imageUrl: avatarUrl,
+          width: 20,
+          height: 20,
+          fit: BoxFit.cover,
+          placeholder: (context, url) => _buildSmallFallbackAvatar(author),
+          errorWidget: (context, url, error) {
+            if (kDebugMode) {
+              debugPrint('Bluesky quoted post avatar load error: $error');
+            }
+            return _buildSmallFallbackAvatar(author);
+          },
+        ),
+      );
+    }
+
+    return _buildSmallFallbackAvatar(author);
+  }
+
+  /// Builds a small fallback avatar for quoted posts
+  Widget _buildSmallFallbackAvatar(AuthorView author) {
+    final text = author.displayName ?? author.handle;
+    final firstLetter = text.isNotEmpty ? text[0].toUpperCase() : '?';
+
+    return Container(
+      width: 20,
+      height: 20,
+      decoration: BoxDecoration(
+        color: BlueskyColors.blueskyBlue,
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: Center(
+        child: Text(
+          firstLetter,
+          style: const TextStyle(
+            color: BlueskyColors.textPrimary,
+            fontSize: 10,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// Builds the "View on Bluesky" footer link
+  Widget _buildFooterLink(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        UrlLauncher.launchExternalUrl(_getPostUrl(), context: context);
+      },
+      child: Container(
+        padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 8),
+        decoration: BoxDecoration(
+          color: BlueskyColors.background,
+          borderRadius: BorderRadius.circular(6),
+        ),
+        child: const Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.open_in_new, size: 14, color: BlueskyColors.blueskyBlue),
+            SizedBox(width: 4),
+            Text(
+              'View on Bluesky',
+              style: TextStyle(
+                color: BlueskyColors.blueskyBlue,
+                fontSize: 13,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Builds the unavailable post card
+  Widget _buildUnavailableCard() {
+    return Container(
+      decoration: BoxDecoration(
+        border: Border.all(color: BlueskyColors.cardBorder),
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: const Padding(
+        padding: EdgeInsets.all(16),
+        child: Center(
+          child: Text(
+            'This post is no longer available',
+            style: TextStyle(
+              color: BlueskyColors.textSecondary,
+              fontSize: 14,
+              fontStyle: FontStyle.italic,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/widgets/post_card.dart

···
 import '../services/streamable_service.dart';
 import '../utils/community_handle_utils.dart';
 import '../utils/date_time_utils.dart';
+import 'bluesky_post_card.dart';
 import 'external_link_bar.dart';
 import 'fullscreen_video_player.dart';
 import 'post_card_actions.dart';
···
                         disableNavigation
                             ? null
                             : () => _navigateToDetail(context),
+                  ),
+                  const SizedBox(height: 8),
+                ],
+
+                // Bluesky post embed
+                if (post.post.embed?.blueskyPost != null) ...[
+                  BlueskyPostCard(
+                    embed: post.post.embed!.blueskyPost!,
+                    currentTime: currentTime,
                   ),
                   const SizedBox(height: 8),
                 ],