diff --git a/packages/shared/src/components/FeedItemComponent.tsx b/packages/shared/src/components/FeedItemComponent.tsx
index 6723cd3998..10e715d1ae 100644
--- a/packages/shared/src/components/FeedItemComponent.tsx
+++ b/packages/shared/src/components/FeedItemComponent.tsx
@@ -6,7 +6,7 @@ import { PlaceholderGrid } from './cards/placeholder/PlaceholderGrid';
 import { PlaceholderList } from './cards/placeholder/PlaceholderList';
 import { SignalPlaceholderList } from './cards/placeholder/SignalPlaceholderList';
 import type { Ad, Post, PostItem } from '../graphql/posts';
-import { PostType } from '../graphql/posts';
+import { isXShareLikePost, PostType } from '../graphql/posts';
 import type { LoggedUser } from '../lib/user';
 import useLogImpression from '../hooks/feed/useLogImpression';
 import type { FeedPostClick } from '../hooks/feed/useFeedOnPostClick';
@@ -136,6 +136,10 @@ const getPostTypeForCard = (post?: Post): PostType => {
     return PostType.Article;
   }
 
+  if (isXShareLikePost(post)) {
+    return PostType.SocialTwitter;
+  }
+
   return post.type;
 };
 
diff --git a/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.spec.tsx b/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.spec.tsx
new file mode 100644
index 0000000000..653ae69240
--- /dev/null
+++ b/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.spec.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
+import { render, screen } from '@testing-library/react';
+import { TestBootProvider } from '../../../../__tests__/helpers/boot';
+import { sharePost } from '../../../../__tests__/fixture/post';
+import type { Post } from '../../../graphql/posts';
+import { PostType } from '../../../graphql/posts';
+import { EmbeddedTweetPreview } from './EmbeddedTweetPreview';
+
+const basePost: Post = {
+  ...sharePost,
+  type: PostType.SocialTwitter,
+  title: 'Root tweet',
+  image: 'https://pbs.twimg.com/media/tweet.jpg',
+  sharedPost: undefined,
+};
+
+const avatarUser = {
+  id: 'user-1',
+  image: 'https://pbs.twimg.com/profile_images/user.jpg',
+  username: 'dailydotdev',
+  name: 'daily.dev',
+};
+
+describe('EmbeddedTweetPreview', () => {
+  it('always renders identity in ltr direction', () => {
+    render(
+      <TestBootProvider client={new QueryClient()}>
+        <EmbeddedTweetPreview
+          post={{ ...basePost, language: 'fa' }}
+          embeddedTweetAvatarUser={avatarUser}
+          embeddedTweetIdentity="Noojaan Farahmand @noojaanf"
+          textClampClass=""
+        />
+      </TestBootProvider>,
+    );
+
+    expect(screen.getByText('Noojaan Farahmand @noojaanf')).toHaveAttribute(
+      'dir',
+      'ltr',
+    );
+  });
+
+  it('does not render placeholder image as tweet media', () => {
+    render(
+      <TestBootProvider client={new QueryClient()}>
+        <EmbeddedTweetPreview
+          post={{
+            ...basePost,
+            image:
+              'https://media.daily.dev/image/upload/s--1KxV4ohY--/f_auto/v1722860400/public/Placeholder%2007',
+          }}
+          embeddedTweetAvatarUser={avatarUser}
+          embeddedTweetIdentity="daily.dev @dailydotdev"
+          textClampClass=""
+          showMedia
+        />
+      </TestBootProvider>,
+    );
+
+    expect(screen.queryByAltText('Tweet media')).not.toBeInTheDocument();
+  });
+
+  it('renders tweet media when image is real', () => {
+    render(
+      <TestBootProvider client={new QueryClient()}>
+        <EmbeddedTweetPreview
+          post={basePost}
+          embeddedTweetAvatarUser={avatarUser}
+          embeddedTweetIdentity="daily.dev @dailydotdev"
+          textClampClass=""
+          showMedia
+        />
+      </TestBootProvider>,
+    );
+
+    expect(screen.getByAltText('Tweet media')).toBeInTheDocument();
+  });
+});
diff --git a/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.tsx b/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.tsx
index 3bd92d7f36..4163e15be4 100644
--- a/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/EmbeddedTweetPreview.tsx
@@ -6,6 +6,9 @@ import type { UserImageProps } from '../../ProfilePicture';
 import { ProfileImageSize, ProfilePicture } from '../../ProfilePicture';
 import { IconSize } from '../../Icon';
 import { TwitterIcon } from '../../icons';
+import { Image } from '../../image/Image';
+import { isPlaceholderImage } from '../../../lib/image';
+import { getSocialTextDirectionProps } from './socialTwitterHelpers';
 
 interface EmbeddedTweetPreviewProps {
   post: Post;
@@ -15,8 +18,28 @@ interface EmbeddedTweetPreviewProps {
   textClampClass: string;
   bodyClassName?: string;
   showXLogo?: boolean;
+  showMedia?: boolean;
+  mediaContainerClassName?: string;
+  mediaClassName?: string;
 }
 
+const isLikelyTweetMediaUrl = (url?: string): boolean => {
+  if (!url) {
+    return false;
+  }
+
+  const normalized = url.toLowerCase();
+  if (
+    normalized.includes('/profile_images/') ||
+    normalized.includes('/profile_banners/') ||
+    isPlaceholderImage(url)
+  ) {
+    return false;
+  }
+
+  return true;
+};
+
 export function EmbeddedTweetPreview({
   post,
   embeddedTweetAvatarUser,
@@ -25,18 +48,27 @@ export function EmbeddedTweetPreview({
   textClampClass,
   bodyClassName,
   showXLogo = false,
+  showMedia = false,
+  mediaContainerClassName,
+  mediaClassName,
 }: EmbeddedTweetPreviewProps): ReactElement {
   const resolvedBodyClassName = bodyClassName ?? 'typo-callout';
+  const mediaSrc = post.sharedPost?.image || post.image;
+  const shouldShowMedia = showMedia && isLikelyTweetMediaUrl(mediaSrc);
+  const tweetLanguage = post.sharedPost?.language || post.language;
+  const tweetTextDirectionProps = getSocialTextDirectionProps(tweetLanguage);
+  const tweetBody = post.sharedPost?.title || post.title;
+  const tweetBodyHtml = post.sharedPost?.titleHtml || post.titleHtml;
 
   return (
     <div
       className={classNames(
-        'rounded-12 border border-border-subtlest-tertiary p-3',
+        'overflow-hidden rounded-12 border border-border-subtlest-tertiary p-3',
         className,
       )}
     >
-      <div className="flex min-w-0 items-center justify-between gap-2">
-        <div className="flex min-w-0 items-center gap-1">
+      <div className="flex min-w-0 items-center gap-2">
+        <div className="flex min-w-0 flex-1 items-center gap-1">
           <ProfilePicture
             user={embeddedTweetAvatarUser}
             size={ProfileImageSize.Size16}
@@ -44,11 +76,13 @@ export function EmbeddedTweetPreview({
             className="shrink-0"
             nativeLazyLoading
           />
-          <div className="min-w-0">
+          <div className="min-w-0 flex-1">
             {!!embeddedTweetIdentity && (
               <p
+                dir="ltr"
+                suppressHydrationWarning
                 className={classNames(
-                  'truncate font-bold typo-caption1',
+                  'w-full truncate font-bold typo-caption1',
                   post.read ? 'text-text-tertiary' : 'text-text-primary',
                 )}
               >
@@ -59,23 +93,27 @@ export function EmbeddedTweetPreview({
         </div>
         {showXLogo && (
           <TwitterIcon
-            className="shrink-0 text-text-tertiary"
+            className="ml-auto shrink-0 text-text-tertiary"
             size={IconSize.XSmall}
           />
         )}
       </div>
-      {post.sharedPost?.titleHtml ? (
+      {tweetBodyHtml ? (
         <p
+          {...tweetTextDirectionProps}
+          suppressHydrationWarning
           className={classNames(
             'mt-1 whitespace-pre-line break-words',
             resolvedBodyClassName,
             post.read ? 'text-text-tertiary' : 'text-text-primary',
             textClampClass,
           )}
-          dangerouslySetInnerHTML={{ __html: post.sharedPost.titleHtml }}
+          dangerouslySetInnerHTML={{ __html: tweetBodyHtml }}
         />
       ) : (
         <p
+          {...tweetTextDirectionProps}
+          suppressHydrationWarning
           className={classNames(
             'mt-1 whitespace-pre-line break-words',
             resolvedBodyClassName,
@@ -83,9 +121,23 @@ export function EmbeddedTweetPreview({
             textClampClass,
           )}
         >
-          {post.sharedPost?.title}
+          {tweetBody}
         </p>
       )}
+      {shouldShowMedia && !!mediaSrc && (
+        <div
+          className={classNames(
+            'mt-2 overflow-hidden rounded-12',
+            mediaContainerClassName,
+          )}
+        >
+          <Image
+            src={mediaSrc}
+            alt="Tweet media"
+            className={classNames('h-auto w-full object-cover', mediaClassName)}
+          />
+        </div>
+      )}
     </div>
   );
 }
diff --git a/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.spec.tsx b/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.spec.tsx
index d10d85bbc1..ffe88fe4b4 100644
--- a/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.spec.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.spec.tsx
@@ -81,10 +81,10 @@ it('should render top action link using post comments permalink', async () => {
   expect(link).toHaveAttribute('href', basePost.permalink);
 });
 
-it('should render source name next to metadata date for regular tweets', async () => {
+it('should render "From x.com" next to metadata date for regular tweets', async () => {
   renderComponent();
 
-  expect(await screen.findByText(/Avengers/i)).toBeInTheDocument();
+  expect(await screen.findByText(/From x\.com/i)).toBeInTheDocument();
   expect(screen.queryByText(/Avengers reposted/i)).not.toBeInTheDocument();
 });
 
@@ -127,7 +127,7 @@ it('should render quote/repost detail from shared post', async () => {
     },
   });
 
-  expect(await screen.findByText(/Avengers reposted/i)).toBeInTheDocument();
+  expect(await screen.findByText(/From x\.com/i)).toBeInTheDocument();
   expect((await screen.findAllByText(/@devrelweekly/)).length).toBeGreaterThan(
     0,
   );
@@ -173,7 +173,7 @@ it('should use creatorTwitter when shared source is unknown', async () => {
   expect(screen.queryByText('@unknown')).not.toBeInTheDocument();
 });
 
-it('should prefer source name when source id is unknown', async () => {
+it('should use creator identity when source id is unknown', async () => {
   renderComponent({
     post: {
       ...basePost,
@@ -186,10 +186,7 @@ it('should prefer source name when source id is unknown', async () => {
     },
   });
 
-  expect(
-    await screen.findByText('Lee Hansel Solevilla Jr'),
-  ).toBeInTheDocument();
-  expect(screen.queryByText('@root_creator')).not.toBeInTheDocument();
+  expect(await screen.findByText('root_creator')).toBeInTheDocument();
   expect(screen.queryByText('@unknown')).not.toBeInTheDocument();
 });
 
@@ -221,7 +218,7 @@ it('should hide headline and tags for repost cards without repost text', async (
     ),
   ).not.toBeInTheDocument();
   expect(screen.queryByTestId('post-tags')).not.toBeInTheDocument();
-  expect(await screen.findByText(/Avengers reposted/i)).toBeInTheDocument();
+  expect(await screen.findByText(/From x\.com/i)).toBeInTheDocument();
   expect(
     await screen.findByText(/Y Combinator @ycombinator/i),
   ).toBeInTheDocument();
diff --git a/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.tsx b/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.tsx
index 6d20959c16..faca7132ee 100644
--- a/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/SocialTwitterGrid.tsx
@@ -9,7 +9,6 @@ import {
 import FeedItemContainer from '../common/FeedItemContainer';
 import {
   CardHeader,
-  CardImage,
   CardTextContainer,
   CardTitle,
   getPostClassNames,
@@ -27,12 +26,13 @@ import { ButtonVariant } from '../../buttons/Button';
 import { IconSize } from '../../Icon';
 import { TwitterIcon } from '../../icons';
 import { useFeedPreviewMode } from '../../../hooks';
-import { isSocialTwitterShareLike } from '../../../graphql/posts';
 import { isSourceUserSource } from '../../../graphql/sources';
 import { sanitizeMessage } from '../../../features/onboarding/shared';
 import {
   getSocialTwitterMetadata,
+  getSocialTextDirectionProps,
   getSocialTwitterMetadataLabel,
+  stripRepostedOnXPrefix,
 } from './socialTwitterHelpers';
 import { EmbeddedTweetPreview } from './EmbeddedTweetPreview';
 
@@ -91,45 +91,43 @@ export const SocialTwitterGrid = forwardRef(function SocialTwitterGrid(
 ): ReactElement {
   const isFeedPreview = useFeedPreviewMode();
   const isUserSource = isSourceUserSource(post.source);
-  const isQuoteLike = isSocialTwitterShareLike(post);
-  const shouldHideMedia = post.subType === 'thread';
-  const showQuoteDetail = isQuoteLike;
-  const showMediaDetail = !isQuoteLike && !shouldHideMedia && !!post.image;
-  const shouldHideRepostHeadlineAndTags =
-    post.subType === 'repost' && !post.content?.trim();
-  const quoteDetailsContainerClass = shouldHideRepostHeadlineAndTags
-    ? 'mx-1 mb-1 mt-2 min-h-[13.5rem] flex-1'
-    : 'mx-1 mb-1 mt-2 h-40';
-  const quoteDetailsTextClampClass = shouldHideRepostHeadlineAndTags
-    ? 'line-clamp-[10]'
-    : 'line-clamp-5';
   const rawTitle = post.title || post.sharedPost?.title;
+  const normalizedContent = (
+    post.content ||
+    (post.contentHtml ? sanitizeMessage(post.contentHtml, []) : '')
+  ).trim();
+  const titleWithoutRepostPrefix = stripRepostedOnXPrefix(rawTitle);
+  const sharedTitle = post.sharedPost?.title?.trim() ?? '';
+  const hasTitleCommentary =
+    post.subType !== 'repost' &&
+    !!titleWithoutRepostPrefix &&
+    !!sharedTitle &&
+    !sharedTitle.startsWith(titleWithoutRepostPrefix);
+  const isStandaloneTweet = post.subType === 'tweet' && !post.sharedPost;
+  const hasDailyDevMarkdown =
+    !isStandaloneTweet && (!!normalizedContent || hasTitleCommentary);
+  const quoteDetailsContainerClass = 'mx-1 mb-1 mt-2';
+  const quoteDetailsTextClampClass = hasDailyDevMarkdown
+    ? 'line-clamp-6'
+    : 'line-clamp-8';
   const cardTags = post.tags?.length ? post.tags : post.sharedPost?.tags;
-  const threadBody =
-    post.subType === 'thread'
-      ? normalizeThreadBody({
-          title: rawTitle,
-          content: post.content,
-          contentHtml: post.contentHtml,
-        })
-      : undefined;
-  const {
-    repostedByName,
-    metadataHandles,
-    embeddedTweetIdentity,
-    embeddedTweetAvatarUser,
-  } = getSocialTwitterMetadata(post);
-  const cardOverlayLabel =
-    isQuoteLike && repostedByName
-      ? `${repostedByName} reposted on X. ${
-          rawTitle || post.title || ''
-        }`.trim()
-      : rawTitle;
-  const metadataLabel = getSocialTwitterMetadataLabel({
-    isRepostLike: isQuoteLike,
-    repostedByName,
-    metadataHandles,
-  });
+  let commentaryBody: string | undefined;
+  if (hasDailyDevMarkdown) {
+    if (post.subType === 'thread') {
+      commentaryBody = normalizeThreadBody({
+        title: rawTitle,
+        content: post.content,
+        contentHtml: post.contentHtml,
+      });
+    } else {
+      commentaryBody = normalizedContent || undefined;
+    }
+  }
+  const { embeddedTweetIdentity, embeddedTweetAvatarUser } =
+    getSocialTwitterMetadata(post);
+  const socialTextDirectionProps = getSocialTextDirectionProps(post.language);
+  const cardOverlayLabel = rawTitle;
+  const metadataLabel = getSocialTwitterMetadataLabel();
   const metadataContent = (
     <>
       {!!post.createdAt && <Separator />}
@@ -147,7 +145,7 @@ export const SocialTwitterGrid = forwardRef(function SocialTwitterGrid(
         className: getPostClassNames(
           post,
           domProps.className,
-          'min-h-card max-h-card',
+          'min-h-card max-h-card overflow-hidden',
         ),
       }}
       ref={ref}
@@ -187,14 +185,17 @@ export const SocialTwitterGrid = forwardRef(function SocialTwitterGrid(
             </HeaderActions>
           </div>
         </CardHeader>
-        {!shouldHideRepostHeadlineAndTags && (
-          <CardTitle className="min-h-[4.5rem]" lineClamp="line-clamp-3">
+        {hasDailyDevMarkdown && (
+          <CardTitle
+            {...socialTextDirectionProps}
+            className="min-h-[4.5rem]"
+            lineClamp="line-clamp-3"
+          >
             {rawTitle}
           </CardTitle>
         )}
       </CardTextContainer>
-      {!shouldHideRepostHeadlineAndTags && <div className="flex flex-1" />}
-      {!shouldHideRepostHeadlineAndTags && !!cardTags?.length && (
+      {hasDailyDevMarkdown && !!cardTags?.length && (
         <PostTags className="mx-4 mt-0" post={{ tags: cardTags }} />
       )}
       <PostMetadata
@@ -205,30 +206,23 @@ export const SocialTwitterGrid = forwardRef(function SocialTwitterGrid(
         {metadataContent}
       </PostMetadata>
       <Container>
-        {threadBody && (
-          <p className="mx-4 mt-1 line-clamp-6 whitespace-pre-line break-words text-text-primary typo-callout">
-            {threadBody}
+        {commentaryBody && (
+          <p
+            {...socialTextDirectionProps}
+            className="mx-4 mt-1 line-clamp-6 whitespace-pre-line break-words text-text-primary typo-callout"
+          >
+            {commentaryBody}
           </p>
         )}
-        {showQuoteDetail ? (
-          <EmbeddedTweetPreview
-            post={post}
-            embeddedTweetAvatarUser={embeddedTweetAvatarUser}
-            embeddedTweetIdentity={embeddedTweetIdentity}
-            className={`${quoteDetailsContainerClass} flex flex-col`}
-            textClampClass={quoteDetailsTextClampClass}
-            showXLogo={false}
-          />
-        ) : null}
-        {showMediaDetail && (
-          <div className="mx-1 mb-1 mt-2 h-40 overflow-hidden rounded-12 border border-border-subtlest-tertiary">
-            <CardImage
-              alt="Tweet media"
-              className="size-full object-cover"
-              src={post.image}
-            />
-          </div>
-        )}
+        <EmbeddedTweetPreview
+          post={post}
+          embeddedTweetAvatarUser={embeddedTweetAvatarUser}
+          embeddedTweetIdentity={embeddedTweetIdentity}
+          className={quoteDetailsContainerClass}
+          textClampClass={quoteDetailsTextClampClass}
+          showXLogo
+          showMedia={isStandaloneTweet}
+        />
         <ActionButtons
           className="mt-auto"
           onBookmarkClick={onBookmarkClick}
diff --git a/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.spec.tsx b/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.spec.tsx
index 37085da4b7..d2d27b0561 100644
--- a/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.spec.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.spec.tsx
@@ -60,7 +60,7 @@ const renderComponent = (props: Partial<PostCardProps> = {}) =>
     </TestBootProvider>,
   );
 
-it('should hide image and show referenced tweet block for shared social tweets', async () => {
+it('should show referenced tweet block for shared social tweets', async () => {
   renderComponent({
     post: {
       ...basePost,
@@ -88,31 +88,16 @@ it('should hide image and show referenced tweet block for shared social tweets',
   expect(screen.queryByAltText('Post cover image')).not.toBeInTheDocument();
 });
 
-it('should render image for non-shared social tweets', async () => {
+it('should render embedded tweet preview for non-shared social tweets', async () => {
   renderComponent();
 
   expect(
     await screen.findByRole('link', { name: 'Read on' }),
   ).toBeInTheDocument();
-  expect(await screen.findByAltText('Post cover image')).toBeInTheDocument();
-});
-
-it('should not render source handle in metadata bottom label', async () => {
-  renderComponent({
-    post: {
-      ...basePost,
-      title: 'Root tweet title without handle',
-      source: {
-        ...basePost.source,
-        handle: 'uniquesourcehandle',
-      },
-    },
-  });
-
   expect(
-    await screen.findByRole('link', { name: 'Read on' }),
+    await screen.findByText('@dailydotdev: Root tweet'),
   ).toBeInTheDocument();
-  expect(screen.queryByText('@uniquesourcehandle')).not.toBeInTheDocument();
+  expect(screen.queryByAltText('Post cover image')).not.toBeInTheDocument();
 });
 
 it('should hide headline and tags for repost cards without repost text', async () => {
@@ -144,11 +129,7 @@ it('should hide headline and tags for repost cards without repost text', async (
     ),
   ).not.toBeInTheDocument();
   expect(screen.queryByTestId('post-tags')).not.toBeInTheDocument();
-  expect(
-    await screen.findByTitle(
-      /Avengers reposted on X\. @bcherny: RT @ycombinator:/i,
-    ),
-  ).toBeInTheDocument();
+  expect(await screen.findByText(/From x\.com/i)).toBeInTheDocument();
   expect(
     await screen.findByText(/Y Combinator @ycombinator/i),
   ).toBeInTheDocument();
diff --git a/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.tsx b/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.tsx
index c5b41c2faa..8b6f362ff1 100644
--- a/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/SocialTwitterList.tsx
@@ -9,24 +9,26 @@ import {
   useViewSize,
   ViewSize,
 } from '../../../hooks';
-import { usePostImage } from '../../../hooks/post/usePostImage';
 import FeedItemContainer from '../common/list/FeedItemContainer';
 import { CardContainer, CardContent, CardTitle } from '../common/list/ListCard';
 import { PostCardHeader } from '../common/list/PostCardHeader';
-import { CardCoverList } from '../common/list/CardCover';
 import ActionButtons from '../common/ActionButtons';
-import { HIGH_PRIORITY_IMAGE_PROPS } from '../../image/Image';
 import { ClickbaitShield } from '../common/ClickbaitShield';
 import { useSmartTitle } from '../../../hooks/post/useSmartTitle';
 import { sanitizeMessage } from '../../../features/onboarding/shared';
 import { isSourceUserSource } from '../../../graphql/sources';
-import { isSocialTwitterShareLike, PostType } from '../../../graphql/posts';
+import { isXShareLikePost } from '../../../graphql/posts';
 import PostTags from '../common/PostTags';
 import SourceButton from '../common/SourceButton';
 import { ProfileImageSize } from '../../ProfilePicture';
 import { IconSize } from '../../Icon';
 import { TwitterIcon } from '../../icons';
-import { getSocialTwitterMetadata } from './socialTwitterHelpers';
+import {
+  getSocialTwitterMetadata,
+  getSocialTextDirectionProps,
+  getSocialTwitterMetadataLabel,
+  stripRepostedOnXPrefix,
+} from './socialTwitterHelpers';
 import { EmbeddedTweetPreview } from './EmbeddedTweetPreview';
 
 export const SocialTwitterList = forwardRef(function SocialTwitterList(
@@ -38,11 +40,9 @@ export const SocialTwitterList = forwardRef(function SocialTwitterList(
     onCommentClick,
     onCopyLinkClick,
     onBookmarkClick,
-    onShare,
     children,
     enableSourceHeader = false,
     domProps = {},
-    eagerLoadImage = false,
   }: PostCardProps,
   ref: Ref<HTMLElement>,
 ): ReactElement {
@@ -51,7 +51,6 @@ export const SocialTwitterList = forwardRef(function SocialTwitterList(
   const onPostCardClick = () => onPostClick(post);
   const containerRef = useRef<HTMLDivElement>();
   const isFeedPreview = useFeedPreviewMode();
-  const image = usePostImage(post);
   const { title } = useSmartTitle(post);
   const content = useMemo(
     () => (post.contentHtml ? sanitizeMessage(post.contentHtml, []) : ''),
@@ -59,19 +58,27 @@ export const SocialTwitterList = forwardRef(function SocialTwitterList(
   );
   const { title: truncatedTitle } = useTruncatedSummary(title, content);
   const isUserSource = isSourceUserSource(post.source);
-  const isQuoteLike = isSocialTwitterShareLike(post);
+  const isRepostLike = isXShareLikePost(post);
   const postForTags = post.tags?.length ? post : post.sharedPost || post;
-  const showReferenceTweet = post.sharedPost?.type === PostType.SocialTwitter;
-  const showMediaCover = !!image && !showReferenceTweet;
-  const shouldHideRepostHeadlineAndTags =
-    post.subType === 'repost' && !post.content?.trim();
-  const quoteDetailsTextClampClass = shouldHideRepostHeadlineAndTags
+  const titleWithoutRepostPrefix = stripRepostedOnXPrefix(post.title);
+  const sharedTitle = post.sharedPost?.title?.trim() ?? '';
+  const hasTitleCommentary =
+    post.subType !== 'repost' &&
+    !!titleWithoutRepostPrefix &&
+    !!sharedTitle &&
+    !sharedTitle.startsWith(titleWithoutRepostPrefix);
+  const normalizedContent = (post.content || content).trim();
+  const isStandaloneTweet = post.subType === 'tweet' && !post.sharedPost;
+  const hasDailyDevMarkdown =
+    !isStandaloneTweet && (!!normalizedContent || hasTitleCommentary);
+  const quoteDetailsTextClampClass = hasDailyDevMarkdown
     ? 'line-clamp-8'
-    : 'line-clamp-4';
+    : 'line-clamp-10';
   const { repostedByName, embeddedTweetIdentity, embeddedTweetAvatarUser } =
     getSocialTwitterMetadata(post);
+  const socialTextDirectionProps = getSocialTextDirectionProps(post.language);
   const cardLinkTitle =
-    isQuoteLike && repostedByName
+    isRepostLike && repostedByName
       ? `${repostedByName} reposted on X. ${
           truncatedTitle || post.title || ''
         }`.trim()
@@ -91,16 +98,31 @@ export const SocialTwitterList = forwardRef(function SocialTwitterList(
       />
     </Container>
   );
-  const authorName = post?.author?.name;
-  const sourceName = post?.source?.name;
-  const metadata = isUserSource
-    ? {
+  const metadata = useMemo(() => {
+    const authorName = post?.author?.name;
+    const sourceName = post?.source?.name;
+
+    if (isUserSource) {
+      return {
         topLabel: authorName || sourceName,
-      }
-    : {
-        topLabel: sourceName || authorName,
-        ...(enableSourceHeader ? { bottomLabel: authorName } : {}),
       };
+    }
+
+    if (enableSourceHeader) {
+      return { topLabel: sourceName || authorName };
+    }
+
+    return {
+      topLabel: sourceName || authorName,
+    };
+  }, [
+    enableSourceHeader,
+    isUserSource,
+    post?.author?.name,
+    post?.source?.name,
+  ]);
+  const metadataBottomLabel = getSocialTwitterMetadataLabel();
+
   return (
     <FeedItemContainer
       domProps={{
@@ -124,6 +146,7 @@ export const SocialTwitterList = forwardRef(function SocialTwitterList(
           metadata={{
             ...metadata,
             dateFirst: true,
+            bottomLabel: metadataBottomLabel,
           }}
           postLink={post.permalink}
           openNewTab
@@ -140,52 +163,41 @@ export const SocialTwitterList = forwardRef(function SocialTwitterList(
         </PostCardHeader>
 
         <CardContent>
-          <div
-            className={classNames(
-              'flex flex-1 flex-col',
-              showReferenceTweet ? 'mr-0' : 'mr-4',
-            )}
-          >
-            {!shouldHideRepostHeadlineAndTags && (
-              <CardTitle className={!!post.read && 'text-text-tertiary'}>
+          <div className="mr-0 flex flex-1 flex-col">
+            {hasDailyDevMarkdown && (
+              <CardTitle
+                {...socialTextDirectionProps}
+                className={!!post.read && 'text-text-tertiary'}
+              >
                 {truncatedTitle}
               </CardTitle>
             )}
+            {hasDailyDevMarkdown && !!normalizedContent && (
+              <p
+                {...socialTextDirectionProps}
+                className="mt-1 line-clamp-4 whitespace-pre-line break-words text-text-primary typo-callout"
+              >
+                {normalizedContent}
+              </p>
+            )}
             <div className="flex flex-1 tablet:hidden" />
-            {!shouldHideRepostHeadlineAndTags && (
+            {hasDailyDevMarkdown && (
               <div className="flex items-center">
                 {post.clickbaitTitleDetected && <ClickbaitShield post={post} />}
                 <PostTags post={postForTags} />
               </div>
             )}
-            {showReferenceTweet && (
-              <EmbeddedTweetPreview
-                post={post}
-                embeddedTweetAvatarUser={embeddedTweetAvatarUser}
-                embeddedTweetIdentity={embeddedTweetIdentity}
-                className="mt-4 w-full"
-                textClampClass={quoteDetailsTextClampClass}
-                showXLogo={false}
-              />
-            )}
-            <div className="hidden flex-1 tablet:flex" />
-            {!isMobile && actionButtons}
-          </div>
-
-          {showMediaCover && (
-            <CardCoverList
-              onShare={onShare}
+            <EmbeddedTweetPreview
               post={post}
-              imageProps={{
-                alt: 'Post cover image',
-                className: 'mobileXXL:self-start mt-4',
-                ...(eagerLoadImage
-                  ? HIGH_PRIORITY_IMAGE_PROPS
-                  : { loading: 'lazy' }),
-                src: image,
-              }}
+              embeddedTweetAvatarUser={embeddedTweetAvatarUser}
+              embeddedTweetIdentity={embeddedTweetIdentity}
+              className="mt-4 w-full"
+              textClampClass={quoteDetailsTextClampClass}
+              showXLogo
+              showMedia={isStandaloneTweet}
             />
-          )}
+            {!isMobile && actionButtons}
+          </div>
         </CardContent>
       </CardContainer>
       {isMobile && actionButtons}
diff --git a/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.spec.tsx b/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.spec.tsx
index 6872262b2c..9387390b69 100644
--- a/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.spec.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.spec.tsx
@@ -1,17 +1,13 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
 import type { Post } from '../../../graphql/posts';
 import { PostType } from '../../../graphql/posts';
 import { sharePost } from '../../../../__tests__/fixture/post';
 import {
   getSocialTwitterMetadata,
+  getSocialTextDirectionProps,
+  getSocialTextDirection,
   getSocialTwitterMetadataLabel,
 } from './socialTwitterHelpers';
 
-jest.mock('../../icons', () => ({
-  TwitterIcon: () => <span data-testid="twitter-icon" />,
-}));
-
 const basePost: Post = {
   ...sharePost,
   type: PostType.SocialTwitter,
@@ -61,13 +57,34 @@ describe('getSocialTwitterMetadata', () => {
     expect(metadataHandles).toEqual(['anthropicai', 'claudeai']);
   });
 
-  it('shows X icon for multi-handle metadata labels', () => {
-    render(
-      getSocialTwitterMetadataLabel({
-        metadataHandles: ['anthropicai', 'claudeai'],
-      }),
-    );
+  it('returns the fixed x.com metadata label', () => {
+    expect(getSocialTwitterMetadataLabel().props.children).toBe('From x.com');
+  });
+});
+
+describe('getSocialTextDirection', () => {
+  it('returns rtl for known rtl languages', () => {
+    expect(getSocialTextDirection('he')).toBe('rtl');
+    expect(getSocialTextDirection('ar-SA')).toBe('rtl');
+    expect(getSocialTextDirection('fa_IR')).toBe('rtl');
+  });
+
+  it('returns auto for ltr and unknown languages', () => {
+    expect(getSocialTextDirection('en')).toBe('auto');
+    expect(getSocialTextDirection('ja')).toBe('auto');
+    expect(getSocialTextDirection(undefined)).toBe('auto');
+  });
+});
+
+describe('getSocialTextDirectionProps', () => {
+  it('returns normalized lang with rtl direction when needed', () => {
+    expect(getSocialTextDirectionProps('HE-IL')).toEqual({
+      dir: 'rtl',
+      lang: 'he-il',
+    });
+  });
 
-    expect(screen.getByTestId('twitter-icon')).toBeInTheDocument();
+  it('returns auto direction without lang when language is empty', () => {
+    expect(getSocialTextDirectionProps('')).toEqual({ dir: 'auto' });
   });
 });
diff --git a/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.tsx b/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.tsx
index b74bc111f5..afac1e3696 100644
--- a/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.tsx
+++ b/packages/shared/src/components/cards/socialTwitter/socialTwitterHelpers.tsx
@@ -3,9 +3,51 @@ import React from 'react';
 import type { Post } from '../../../graphql/posts';
 import { UNKNOWN_SOURCE_ID } from '../../../lib/utils';
 import { fallbackImages } from '../../../lib/config';
-import { IconSize } from '../../Icon';
-import { TwitterIcon } from '../../icons';
-import { Separator } from '../common/common';
+
+const rtlLanguageCodes = new Set([
+  'ar',
+  'dv',
+  'fa',
+  'he',
+  'ku',
+  'ps',
+  'sd',
+  'ug',
+  'ur',
+  'yi',
+]);
+
+export const socialTwitterTitlePattern = /^(.*?)\s+\(@([^)]+)\):\s*(.+)$/s;
+export const repostedOnXPrefixPattern = /^.*?reposted on x\.\s*/i;
+
+const getLanguagePrimarySubtag = (language?: string): string | undefined =>
+  language?.toLowerCase().split(/[-_]/)[0].trim();
+
+export const parseSocialTwitterTitle = (
+  title?: string,
+): RegExpMatchArray | null => title?.match(socialTwitterTitlePattern) ?? null;
+
+export const stripRepostedOnXPrefix = (title?: string): string =>
+  title?.replace(repostedOnXPrefixPattern, '').trim() ?? '';
+
+export const getSocialTextDirection = (language?: string): 'rtl' | 'auto' => {
+  const primarySubtag = getLanguagePrimarySubtag(language);
+  if (!primarySubtag) {
+    return 'auto';
+  }
+
+  return rtlLanguageCodes.has(primarySubtag) ? 'rtl' : 'auto';
+};
+
+export const getSocialTextDirectionProps = (
+  language?: string,
+): { dir: 'rtl' | 'auto'; lang?: string } => {
+  const normalizedLanguage = language?.trim().toLowerCase();
+  return {
+    dir: getSocialTextDirection(normalizedLanguage),
+    ...(normalizedLanguage && { lang: normalizedLanguage }),
+  };
+};
 
 /**
  * Resolve a field based on whether the source is the unknown placeholder.
@@ -19,19 +61,22 @@ const resolveBySource = <T,>(
 ): T | undefined =>
   sourceId === UNKNOWN_SOURCE_ID ? creatorValue : sourceValue || creatorValue;
 
-const getUniqueHandles = (handles: (string | undefined)[]): string[] => {
-  const uniqueHandles = new Map<string, string>();
+const getUniqueHandles = (handles: Array<string | undefined>): string[] => {
+  const seenHandles = new Set<string>();
+
+  return handles.filter((handle): handle is string => {
+    if (!handle) {
+      return false;
+    }
 
-  handles.filter(Boolean).forEach((handle) => {
     const normalizedHandle = handle.toLowerCase();
-    if (uniqueHandles.has(normalizedHandle)) {
-      return;
+    if (seenHandles.has(normalizedHandle)) {
+      return false;
     }
 
-    uniqueHandles.set(normalizedHandle, handle);
+    seenHandles.add(normalizedHandle);
+    return true;
   });
-
-  return Array.from(uniqueHandles.values());
 };
 
 export const getSocialTwitterMetadata = (post: Post) => {
@@ -53,7 +98,10 @@ export const getSocialTwitterMetadata = (post: Post) => {
     post.author?.name || post.creatorTwitterName,
   );
 
-  const metadataHandles = getUniqueHandles([sourceHandle, sharedPostHandle]);
+  const metadataHandles =
+    post.subType === 'repost'
+      ? [sourceHandle].filter(Boolean)
+      : getUniqueHandles([sourceHandle, sharedPostHandle]);
 
   const embeddedTweetDisplayName = resolveBySource(
     post.sharedPost?.source?.id,
@@ -95,50 +143,8 @@ export const getSocialTwitterMetadata = (post: Post) => {
   };
 };
 
-export const getSocialTwitterMetadataLabel = ({
-  isRepostLike,
-  repostedByName,
-  metadataHandles,
-}: {
-  isRepostLike?: boolean;
-  repostedByName?: string | false;
-  metadataHandles: string[];
-}): ReactElement => {
-  const twitterIcon = (
-    <TwitterIcon
-      className="relative top-px text-text-tertiary"
-      size={IconSize.XXSmall}
-    />
-  );
-
-  if (isRepostLike && repostedByName) {
-    return (
-      <span className="inline-flex h-4 items-center gap-1 align-middle leading-4">
-        <span>{repostedByName} reposted</span>
-        {twitterIcon}
-      </span>
-    );
-  }
-
-  if (metadataHandles.length === 1 && repostedByName) {
-    return (
-      <span className="inline-flex h-4 items-center gap-1 align-middle leading-4">
-        <span>{repostedByName}</span>
-        {twitterIcon}
-      </span>
-    );
-  }
-
-  return (
-    <span className="inline-flex h-4 items-center gap-1 align-middle leading-4">
-      <span>
-        {metadataHandles.map((handle, index) => (
-          <React.Fragment key={handle}>
-            {index > 0 && <Separator />}@{handle}
-          </React.Fragment>
-        ))}
-      </span>
-      {twitterIcon}
-    </span>
-  );
-};
+export const getSocialTwitterMetadataLabel = (): ReactElement => (
+  <span className="inline-flex h-4 items-center align-middle leading-4">
+    From x.com
+  </span>
+);
diff --git a/packages/shared/src/components/post/PostHeaderActions.tsx b/packages/shared/src/components/post/PostHeaderActions.tsx
index 35a5e95648..2904cc8792 100644
--- a/packages/shared/src/components/post/PostHeaderActions.tsx
+++ b/packages/shared/src/components/post/PostHeaderActions.tsx
@@ -24,6 +24,7 @@ const Container = classed('div', 'flex flex-row items-center');
 export function PostHeaderActions({
   onReadArticle,
   post,
+  readButtonText: readButtonTextOverride,
   onClose,
   inlineActions,
   className,
@@ -34,7 +35,7 @@ export function PostHeaderActions({
 }: PostHeaderActionsProps): ReactElement {
   const { openNewTab } = useContext(SettingsContext);
   const isMobile = useViewSizeClient(ViewSize.MobileXL);
-  const readButtonText = getReadPostButtonText(post);
+  const readButtonText = readButtonTextOverride || getReadPostButtonText(post);
   const isCollection = post?.type === PostType.Collection;
   const isInternalReadTyped = isInternalReadType(post);
   const isBoostButtonVisible = useShowBoostButton({ post });
diff --git a/packages/shared/src/components/post/PostSourceInfo.tsx b/packages/shared/src/components/post/PostSourceInfo.tsx
index f4562dff79..f358fc789d 100644
--- a/packages/shared/src/components/post/PostSourceInfo.tsx
+++ b/packages/shared/src/components/post/PostSourceInfo.tsx
@@ -30,6 +30,7 @@ interface SourceInfoProps {
   className?: string;
   onClose?: MouseEventHandler | KeyboardEventHandler;
   onReadArticle?: () => void;
+  readButtonText?: string;
   showActions?: boolean;
 }
 
@@ -39,6 +40,7 @@ function PostSourceInfo({
   className,
   onClose,
   onReadArticle,
+  readButtonText,
   showActions = true,
 }: SourceInfoProps): ReactElement {
   const { source } = post;
@@ -122,6 +124,7 @@ function PostSourceInfo({
               post={post}
               onClose={onClose}
               onReadArticle={onReadArticle}
+              readButtonText={readButtonText}
               className="ml-auto hidden laptop:flex"
               contextMenuId="post-widgets-context"
               buttonSize={ButtonSize.Small}
diff --git a/packages/shared/src/components/post/SharePostContent.tsx b/packages/shared/src/components/post/SharePostContent.tsx
index 3b9885f372..b5b982c573 100644
--- a/packages/shared/src/components/post/SharePostContent.tsx
+++ b/packages/shared/src/components/post/SharePostContent.tsx
@@ -7,6 +7,7 @@ import type { Post, SharedPost } from '../../graphql/posts';
 import {
   getReadPostButtonText,
   isInternalReadType,
+  isSocialTwitterPost,
   isSharedPostSquadPost,
 } from '../../graphql/posts';
 import SettingsContext, {
@@ -31,6 +32,11 @@ import {
 import { DeletedPostId } from '../../lib/constants';
 import { IconSize } from '../Icon';
 import { SourceType } from '../../graphql/sources';
+import { EmbeddedTweetPreview } from '../cards/socialTwitter/EmbeddedTweetPreview';
+import {
+  getSocialTwitterMetadata,
+  parseSocialTwitterTitle,
+} from '../cards/socialTwitter/socialTwitterHelpers';
 
 export interface CommonSharePostContentProps {
   sharedPost: SharedPost;
@@ -128,6 +134,14 @@ export function CommonSharePostContent({
   const { private: isPrivate, source: sharedPostSource } = sharedPost;
   const { type } = sharedPostSource;
   const sharedContainerClassName = isCompactSpacing ? 'mb-4 mt-6' : 'mb-5 mt-8';
+  const xTitleMatch = parseSocialTwitterTitle(sharedPost.title);
+  const hasXDomain = [
+    sharedPost.permalink,
+    sharedPost.commentsPermalink,
+    sharedPost.domain,
+  ].some((value) => /(?:x\.com|twitter\.com|t\.co)/i.test(value ?? ''));
+  const shouldRenderTweetPreview =
+    isSocialTwitterPost(sharedPost) || hasXDomain || !!xTitleMatch;
 
   if (isDeleted) {
     return <DeletedPost isCompactSpacing={isCompactSpacing} />;
@@ -143,6 +157,35 @@ export function CommonSharePostContent({
     );
   }
 
+  if (shouldRenderTweetPreview) {
+    const tweetBody = xTitleMatch?.[3]?.trim() || sharedPost.title;
+    const socialTwitterPostPreview: Post = {
+      ...sharedPost,
+      sharedPost: {
+        ...sharedPost,
+        title: tweetBody,
+      },
+    };
+    const { embeddedTweetIdentity, embeddedTweetAvatarUser } =
+      getSocialTwitterMetadata(socialTwitterPostPreview);
+    const parsedIdentity = xTitleMatch
+      ? `${xTitleMatch[1].trim()} @${xTitleMatch[2].trim()}`
+      : undefined;
+
+    return (
+      <EmbeddedTweetPreview
+        post={socialTwitterPostPreview}
+        embeddedTweetAvatarUser={embeddedTweetAvatarUser}
+        embeddedTweetIdentity={parsedIdentity || embeddedTweetIdentity}
+        className={classNames(sharedContainerClassName, 'w-full')}
+        textClampClass=""
+        bodyClassName="typo-markdown"
+        showXLogo
+        showMedia
+      />
+    );
+  }
+
   return (
     <SharedLinkContainer
       post={sharedPost}
diff --git a/packages/shared/src/components/post/SocialTwitterPostContent.tsx b/packages/shared/src/components/post/SocialTwitterPostContent.tsx
index c0cdc2e3b7..e07d9c31c8 100644
--- a/packages/shared/src/components/post/SocialTwitterPostContent.tsx
+++ b/packages/shared/src/components/post/SocialTwitterPostContent.tsx
@@ -5,7 +5,10 @@ import PostContentContainer from './PostContentContainer';
 import usePostContent from '../../hooks/usePostContent';
 import { BasePostContent } from './BasePostContent';
 import type { Post } from '../../graphql/posts';
-import { isSocialTwitterShareLike } from '../../graphql/posts';
+import {
+  isSocialTwitterPost,
+  isSocialTwitterShareLike,
+} from '../../graphql/posts';
 import { SquadPostWidgets } from './SquadPostWidgets';
 import { useAuthContext } from '../../contexts/AuthContext';
 import type { PostContentProps, PostNavigationProps } from './common';
@@ -19,12 +22,17 @@ import { useShowBoostButton } from '../../features/boost/useShowBoostButton';
 import { useSmartTitle } from '../../hooks/post/useSmartTitle';
 import PostMetadata from '../cards/common/PostMetadata';
 import { LazyImage } from '../LazyImage';
-import { cloudinaryPostImageCoverPlaceholder } from '../../lib/image';
+import {
+  cloudinaryPostImageCoverPlaceholder,
+  isPlaceholderImage,
+} from '../../lib/image';
 import Markdown from '../Markdown';
 import { PostClickbaitShield } from './common/PostClickbaitShield';
 import { EmbeddedTweetPreview } from '../cards/socialTwitter/EmbeddedTweetPreview';
 import {
   getSocialTwitterMetadata,
+  parseSocialTwitterTitle,
+  getSocialTextDirectionProps,
   getSocialTwitterMetadataLabel,
 } from '../cards/socialTwitter/socialTwitterHelpers';
 import { Separator } from '../cards/common/common';
@@ -74,6 +82,7 @@ function SocialTwitterPostContentRaw({
     postPosition,
     onClose,
     inlineActions,
+    readButtonText: 'Read on X',
   };
   let sourceInfoClassName = 'mb-6';
   if (shouldShowBanner && isLaptop) {
@@ -93,21 +102,32 @@ function SocialTwitterPostContentRaw({
   const { title } = useSmartTitle(post);
   const isQuoteLike = isSocialTwitterShareLike(post);
   const isThread = post.subType === 'thread';
+  const shouldRenderPrimaryTweetPreview =
+    isSocialTwitterPost(post) && !isQuoteLike && !isThread;
   const shouldHideRepostHeadlineAndTags =
     post.subType === 'repost' &&
     !post.contentHtml?.trim() &&
     !post.content?.trim();
-  const {
-    repostedByName,
-    metadataHandles,
-    embeddedTweetIdentity,
-    embeddedTweetAvatarUser,
-  } = getSocialTwitterMetadata(post);
-  const metadataLabel = getSocialTwitterMetadataLabel({
-    isRepostLike: isQuoteLike,
-    repostedByName,
-    metadataHandles,
-  });
+  const { embeddedTweetIdentity, embeddedTweetAvatarUser } =
+    getSocialTwitterMetadata(post);
+  const metadataLabel = getSocialTwitterMetadataLabel();
+  const xTitleMatch = parseSocialTwitterTitle(post.title);
+  const primaryTweetBody = xTitleMatch?.[3]?.trim() || post.title;
+  const primaryTweetPost = shouldRenderPrimaryTweetPreview
+    ? ({
+        ...post,
+        sharedPost: {
+          ...post,
+          title: primaryTweetBody,
+          image: post.image,
+          source: post.source,
+        },
+      } as Post)
+    : post;
+  const primaryTweetIdentity = xTitleMatch
+    ? `${xTitleMatch[1].trim()} @${xTitleMatch[2].trim()}`
+    : embeddedTweetIdentity;
+  const socialTextDirectionProps = getSocialTextDirectionProps(post.language);
 
   return (
     <PostContentContainer
@@ -160,6 +180,7 @@ function SocialTwitterPostContentRaw({
             post={post}
             onClose={onClose}
             onReadArticle={onReadArticle}
+            readButtonText="Read on X"
             className={sourceInfoClassName}
           />
           {shouldShowBanner && isLaptop && <BoostNewPostStrip />}
@@ -171,29 +192,34 @@ function SocialTwitterPostContentRaw({
             {!!post.createdAt && <Separator className="mx-0" />}
             {metadataLabel}
           </PostMetadata>
-          {!shouldHideRepostHeadlineAndTags && (
-            <div className="mb-6 mt-0">
-              {post.titleHtml ? (
-                <h1
-                  className="whitespace-pre-line break-words text-text-primary typo-markdown"
-                  data-testid="post-modal-title"
-                  dangerouslySetInnerHTML={{ __html: post.titleHtml }}
-                />
-              ) : (
-                <h1
-                  className="whitespace-pre-line break-words text-text-primary typo-markdown"
-                  data-testid="post-modal-title"
-                >
-                  {title}
-                </h1>
-              )}
-              {post.clickbaitTitleDetected && (
-                <PostClickbaitShield post={post} />
-              )}
-            </div>
-          )}
           {!shouldHideRepostHeadlineAndTags &&
+            !shouldRenderPrimaryTweetPreview && (
+              <div className="mb-6 mt-0">
+                {post.titleHtml ? (
+                  <h1
+                    {...socialTextDirectionProps}
+                    className="whitespace-pre-line break-words text-text-primary typo-markdown"
+                    data-testid="post-modal-title"
+                    dangerouslySetInnerHTML={{ __html: post.titleHtml }}
+                  />
+                ) : (
+                  <h1
+                    {...socialTextDirectionProps}
+                    className="whitespace-pre-line break-words text-text-primary typo-markdown"
+                    data-testid="post-modal-title"
+                  >
+                    {title}
+                  </h1>
+                )}
+                {post.clickbaitTitleDetected && (
+                  <PostClickbaitShield post={post} />
+                )}
+              </div>
+            )}
+          {!shouldHideRepostHeadlineAndTags &&
+            !shouldRenderPrimaryTweetPreview &&
             !!post.image &&
+            !isPlaceholderImage(post.image) &&
             !!post.permalink && (
               <a
                 href={post.permalink}
@@ -215,6 +241,20 @@ function SocialTwitterPostContentRaw({
           {isThread && !!post.contentHtml && (
             <Markdown content={post.contentHtml} className="mb-5 break-words" />
           )}
+          {shouldRenderPrimaryTweetPreview && (
+            <EmbeddedTweetPreview
+              post={primaryTweetPost}
+              embeddedTweetAvatarUser={embeddedTweetAvatarUser}
+              embeddedTweetIdentity={primaryTweetIdentity}
+              className="mb-5 w-full"
+              textClampClass=""
+              bodyClassName="typo-markdown"
+              mediaContainerClassName="max-w-[25.625rem]"
+              mediaClassName="aspect-[100/49] h-full"
+              showXLogo
+              showMedia
+            />
+          )}
           {isQuoteLike && !!post.sharedPost && (
             <EmbeddedTweetPreview
               post={post}
@@ -223,6 +263,8 @@ function SocialTwitterPostContentRaw({
               className="mb-5 w-full"
               textClampClass=""
               bodyClassName="typo-markdown"
+              mediaContainerClassName="max-w-[25.625rem]"
+              mediaClassName="aspect-[100/49] h-full"
               showXLogo
             />
           )}
diff --git a/packages/shared/src/components/post/common.tsx b/packages/shared/src/components/post/common.tsx
index 1dd3e77efd..a608eae103 100644
--- a/packages/shared/src/components/post/common.tsx
+++ b/packages/shared/src/components/post/common.tsx
@@ -25,7 +25,12 @@ export interface PostContentClassName {
 
 type PostActions = Pick<
   PostHeaderActionsProps,
-  'post' | 'onClose' | 'onReadArticle' | 'inlineActions' | 'isFixedNavigation'
+  | 'post'
+  | 'onClose'
+  | 'onReadArticle'
+  | 'inlineActions'
+  | 'isFixedNavigation'
+  | 'readButtonText'
 >;
 
 export interface PostNavigationClassName {
@@ -53,6 +58,7 @@ export type PassedPostNavigationProps = Pick<
 export interface PostHeaderActionsProps {
   post: Post;
   onReadArticle?: () => void;
+  readButtonText?: string;
   onClose?: MouseEventHandler | KeyboardEventHandler;
   className?: string;
   style?: CSSProperties;
diff --git a/packages/shared/src/components/post/write/ShareLink.tsx b/packages/shared/src/components/post/write/ShareLink.tsx
index 2cff1ba0bb..cc3d4e46e8 100644
--- a/packages/shared/src/components/post/write/ShareLink.tsx
+++ b/packages/shared/src/components/post/write/ShareLink.tsx
@@ -1,5 +1,5 @@
 import type { FormEventHandler, ReactElement } from 'react';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import z from 'zod';
 import classNames from 'classnames';
 import { useRouter } from 'next/router';
@@ -67,6 +67,22 @@ export function ShareLink({
 
     return initialCommentary ?? '';
   });
+
+  useEffect(() => {
+    if (!fetchedPost?.sharedPost) {
+      return;
+    }
+
+    if (fetchedPost.title !== fetchedPost.sharedPost.title) {
+      return;
+    }
+
+    if (commentary !== fetchedPost.sharedPost.title) {
+      return;
+    }
+
+    setCommentary('');
+  }, [commentary, fetchedPost]);
   const {
     getLinkPreview,
     isLoadingPreview,
diff --git a/packages/shared/src/components/post/write/SubmitExternalLink.tsx b/packages/shared/src/components/post/write/SubmitExternalLink.tsx
index f67b9a37d4..795e4ba620 100644
--- a/packages/shared/src/components/post/write/SubmitExternalLink.tsx
+++ b/packages/shared/src/components/post/write/SubmitExternalLink.tsx
@@ -1,5 +1,5 @@
 import type { FormEventHandler, ReactElement } from 'react';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
 import type {
   ExternalLinkPreview,
@@ -33,6 +33,10 @@ export function SubmitExternalLink({
 }: SubmitExternalLinkProps): ReactElement {
   const isMobile = useViewSize(ViewSize.MobileL);
   const { openModal } = useLazyModal();
+  const [isHydrated, setIsHydrated] = useState(false);
+  useEffect(() => {
+    setIsHydrated(true);
+  }, []);
   const [url, setUrl] = useState<string | undefined>(() => {
     if (initialUrl && isValidHttpUrl(initialUrl)) {
       getLinkPreview(initialUrl);
@@ -58,6 +62,10 @@ export function SubmitExternalLink({
     return <WritePreviewSkeleton link={link} />;
   }
 
+  if (preview && !isHydrated) {
+    return <WritePreviewSkeleton link={link} />;
+  }
+
   if (preview) {
     return (
       <WriteLinkPreview link={link} preview={preview} onLinkChange={onInput} />
diff --git a/packages/shared/src/components/post/write/WriteLinkPreview.tsx b/packages/shared/src/components/post/write/WriteLinkPreview.tsx
index af83b52e3e..b9cbf53173 100644
--- a/packages/shared/src/components/post/write/WriteLinkPreview.tsx
+++ b/packages/shared/src/components/post/write/WriteLinkPreview.tsx
@@ -1,5 +1,5 @@
 import type { FormEventHandler, ReactElement } from 'react';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { TextField } from '../../fields/TextField';
 import { LinkIcon, OpenLinkIcon } from '../../icons';
@@ -10,7 +10,8 @@ import {
   WritePreviewContainer,
   WritePreviewContent,
 } from './common';
-import type { ExternalLinkPreview } from '../../../graphql/posts';
+import type { ExternalLinkPreview, Post } from '../../../graphql/posts';
+import { isXShareLikePost, PostType } from '../../../graphql/posts';
 import { Button, ButtonSize, ButtonVariant } from '../../buttons/Button';
 import { ProfileImageSize, ProfilePicture } from '../../ProfilePicture';
 import {
@@ -24,6 +25,11 @@ import { webappUrl } from '../../../lib/constants';
 import { TimeFormatType } from '../../../lib/dateFormat';
 import { DateFormat } from '../../utilities';
 import { Separator } from '../../cards/common/common';
+import { EmbeddedTweetPreview } from '../../cards/socialTwitter/EmbeddedTweetPreview';
+import {
+  getSocialTwitterMetadata,
+  parseSocialTwitterTitle,
+} from '../../cards/socialTwitter/socialTwitterHelpers';
 
 interface WriteLinkPreviewProps {
   link: string;
@@ -44,8 +50,13 @@ export function WriteLinkPreview({
   showPreviewLink = true,
   variant = 'default',
 }: WriteLinkPreviewProps): ReactElement {
-  return (
-    <>
+  const [isHydrated, setIsHydrated] = useState(false);
+  useEffect(() => {
+    setIsHydrated(true);
+  }, []);
+
+  if (!isHydrated) {
+    return (
       <WritePreviewContainer className={className}>
         {showPreviewLink && (
           <TextField
@@ -60,52 +71,120 @@ export function WriteLinkPreview({
             onInput={onLinkChange}
           />
         )}
-        {preview.title && (
-          <WritePreviewContent className={isMinimized && '!px-3 !py-2'}>
-            <div className="flex flex-1 flex-col typo-footnote">
-              <span className="line-clamp-2 font-bold">{preview.title}</span>
-              {preview.source?.id !== 'unknown' &&
-                (isMinimized ? (
-                  <SourceAvatar
-                    size={ProfileImageSize.Small}
-                    source={preview.source}
-                    className="absolute right-24 mr-4 mt-1"
-                  />
-                ) : (
-                  <span className="mt-1 flex flex-row items-center">
+      </WritePreviewContainer>
+    );
+  }
+
+  const xTitleMatch = parseSocialTwitterTitle(preview.title);
+  const isXPreview = [
+    preview.finalUrl,
+    preview.url,
+    preview.permalink,
+    link,
+    preview.title,
+  ].some((value) => /(?:x\.com|twitter\.com|t\.co)/i.test(value ?? ''));
+  const isXShareLikePreview = isXShareLikePost(preview as Post);
+  const shouldUseXPreview =
+    !!preview.title && (isXPreview || !!xTitleMatch || isXShareLikePreview);
+  const xPreviewBody = xTitleMatch?.[3]?.trim() || preview.title;
+  const xPreviewPost = shouldUseXPreview
+    ? ({
+        ...(preview as unknown as Post),
+        type: PostType.SocialTwitter,
+        sharedPost: {
+          ...(preview as unknown as Post),
+          type: PostType.SocialTwitter,
+          title: xPreviewBody,
+          image: preview.image,
+          source: preview.source,
+        },
+      } as Post)
+    : null;
+  const { embeddedTweetIdentity, embeddedTweetAvatarUser } = xPreviewPost
+    ? getSocialTwitterMetadata(xPreviewPost)
+    : { embeddedTweetIdentity: '', embeddedTweetAvatarUser: null };
+  const parsedIdentity = xTitleMatch
+    ? `${xTitleMatch[1].trim()} @${xTitleMatch[2].trim()}`
+    : undefined;
+  const shouldRenderWritePreviewContainer =
+    showPreviewLink ||
+    (!!preview.title && (!xPreviewPost || !embeddedTweetAvatarUser));
+
+  return (
+    <>
+      {preview.title && xPreviewPost && embeddedTweetAvatarUser && (
+        <EmbeddedTweetPreview
+          post={xPreviewPost}
+          embeddedTweetAvatarUser={embeddedTweetAvatarUser}
+          embeddedTweetIdentity={parsedIdentity || embeddedTweetIdentity}
+          className="w-auto"
+          textClampClass="line-clamp-3"
+          showXLogo
+          showMedia={showPreviewLink}
+        />
+      )}
+      {shouldRenderWritePreviewContainer && (
+        <WritePreviewContainer className={className}>
+          {showPreviewLink && (
+            <TextField
+              leftIcon={<LinkIcon />}
+              label="URL"
+              type="url"
+              name="url"
+              inputId="preview_url"
+              fieldType="tertiary"
+              className={{ container: 'w-full' }}
+              value={link}
+              onInput={onLinkChange}
+            />
+          )}
+          {preview.title && (!xPreviewPost || !embeddedTweetAvatarUser) && (
+            <WritePreviewContent className={isMinimized && '!px-3 !py-2'}>
+              <div className="flex flex-1 flex-col typo-footnote">
+                <span className="line-clamp-2 font-bold">{preview.title}</span>
+                {preview.source?.id !== 'unknown' &&
+                  (isMinimized ? (
                     <SourceAvatar
                       size={ProfileImageSize.Small}
                       source={preview.source}
+                      className="absolute right-24 mr-4 mt-1"
                     />
-                    <span className="text-text-tertiary">
-                      {preview.source?.name}
+                  ) : (
+                    <span className="mt-1 flex flex-row items-center">
+                      <SourceAvatar
+                        size={ProfileImageSize.Small}
+                        source={preview.source}
+                      />
+                      <span className="text-text-tertiary">
+                        {preview.source?.name}
+                      </span>
                     </span>
-                  </span>
-                ))}
-            </div>
-            {preview.image && (
-              <Image
-                className={previewImageClass}
-                src={preview.image}
-                alt={`${preview.title}`}
-              />
-            )}
-            {!isMinimized && (
-              <Button
-                icon={<OpenLinkIcon />}
-                variant={ButtonVariant.Tertiary}
-                type="button"
-                tag="a"
-                target="_blank"
-                rel="noopener noreferrer"
-                href={link}
-              />
-            )}
-          </WritePreviewContent>
-        )}
-      </WritePreviewContainer>
+                  ))}
+              </div>
+              {preview.image && (
+                <Image
+                  className={previewImageClass}
+                  src={preview.image}
+                  alt={`${preview.title}`}
+                />
+              )}
+              {!isMinimized && (
+                <Button
+                  icon={<OpenLinkIcon />}
+                  variant={ButtonVariant.Tertiary}
+                  type="button"
+                  tag="a"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href={link}
+                />
+              )}
+            </WritePreviewContent>
+          )}
+        </WritePreviewContainer>
+      )}
 
-      {preview.relatedPublicPosts?.length > 0 && (
+      {isHydrated && preview.relatedPublicPosts?.length > 0 && (
         <div className="flex flex-col gap-2 rounded-16 border border-border-subtlest-tertiary bg-surface-float py-4">
           <Typography bold type={TypographyType.Body} className="px-4">
             This link has already been shared here:
diff --git a/packages/shared/src/graphql/posts.ts b/packages/shared/src/graphql/posts.ts
index 8532885a58..6d1af3763e 100644
--- a/packages/shared/src/graphql/posts.ts
+++ b/packages/shared/src/graphql/posts.ts
@@ -73,6 +73,41 @@ export const isSocialTwitterShareLike = (
   return ['quote', 'repost'].includes(post.subType || '');
 };
 
+export const isXShareLikePost = (
+  post:
+    | Pick<
+        Post,
+        'type' | 'permalink' | 'commentsPermalink' | 'domain' | 'sharedPost'
+      >
+    | undefined
+    | null,
+): boolean => {
+  if (!post) {
+    return false;
+  }
+
+  if (post.type === PostType.SocialTwitter) {
+    return true;
+  }
+
+  if (post.type !== PostType.Share) {
+    return false;
+  }
+
+  const candidates = [
+    post.permalink,
+    post.commentsPermalink,
+    post.domain,
+    post.sharedPost?.permalink,
+    post.sharedPost?.commentsPermalink,
+    post.sharedPost?.domain,
+  ];
+
+  return candidates.some((value) =>
+    /(?:x\.com|twitter\.com|t\.co)/i.test(value ?? ''),
+  );
+};
+
 export const getSocialTwitterPostType = (
   post: Pick<Post, 'type' | 'subType' | 'sharedPost'> | undefined | null,
 ): PostType | undefined => {
@@ -92,7 +127,7 @@ export const getReadPostButtonText = (post: Post): string => {
     return 'Watch video';
   }
 
-  if (isSocialTwitterPost(post)) {
+  if (isXShareLikePost(post)) {
     return 'View on X';
   }