From 16ea258b866949b7fc3b640335a9b198e6478a19 Mon Sep 17 00:00:00 2001
From: Cea Stapleton Cordasco <261786559+cea@users.noreply.github.com>
Date: Tue, 11 Aug 2026 13:01:48 -0500
Subject: [PATCH] refactor(desktop): extract message status metadata

Signed-off-by: Cea Stapleton Cordasco <261786559+cea@users.noreply.github.com>
---
 .../src/features/messages/ui/MessageRow.tsx   | 24 ++++-----------
 .../messages/ui/MessageStatusMetadata.tsx     | 30 +++++++++++++++++++
 2 files changed, 35 insertions(+), 19 deletions(-)
 create mode 100644 desktop/src/features/messages/ui/MessageStatusMetadata.tsx

diff --git a/desktop/src/features/messages/ui/MessageRow.tsx b/desktop/src/features/messages/ui/MessageRow.tsx
index 933ba06149..43711bc968 100644
--- a/desktop/src/features/messages/ui/MessageRow.tsx
+++ b/desktop/src/features/messages/ui/MessageRow.tsx
@@ -53,9 +53,9 @@ import { hasLinkPreviewSuppression } from "@/features/messages/lib/formatTimelin
 import { toast } from "sonner";
 import { MessageAgentOwner } from "./MessageAgentOwner";
 import { MessageAuthorText, MessageHeaderRow } from "./MessageHeader";
+import { MessageStatusMetadata } from "./MessageStatusMetadata";
 import { MessageTimestamp } from "./MessageTimestamp";
 import { WaveMessageAttachment } from "./WaveMessageAttachment";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
 
 const DiffMessage = React.lazy(() => import("./DiffMessage"));
 const DiffMessageExpanded = React.lazy(() => import("./DiffMessageExpanded"));
@@ -585,24 +585,10 @@ export const MessageRow = React.memo(
 
     const statusMetadataNode =
       message.pending || message.edited ? (
-        <>
-          {message.pending ? (
-            <p
-              className="font-normal text-muted-foreground/70"
-              data-testid="message-send-status"
-            >
-              Sending…
-            </p>
-          ) : null}
-          {message.edited ? (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <p className="text-muted-foreground/70">(edited)</p>
-              </TooltipTrigger>
-              <TooltipContent>This message has been edited</TooltipContent>
-            </Tooltip>
-          ) : null}
-        </>
+        <MessageStatusMetadata
+          edited={message.edited}
+          pending={message.pending}
+        />
       ) : null;
 
     const inlineMetadataNode = (
diff --git a/desktop/src/features/messages/ui/MessageStatusMetadata.tsx b/desktop/src/features/messages/ui/MessageStatusMetadata.tsx
new file mode 100644
index 0000000000..ef2bddeeb4
--- /dev/null
+++ b/desktop/src/features/messages/ui/MessageStatusMetadata.tsx
@@ -0,0 +1,30 @@
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
+
+export function MessageStatusMetadata({
+  edited,
+  pending,
+}: {
+  edited?: boolean;
+  pending?: boolean;
+}) {
+  return (
+    <>
+      {pending ? (
+        <p
+          className="font-normal text-muted-foreground/70"
+          data-testid="message-send-status"
+        >
+          Sending…
+        </p>
+      ) : null}
+      {edited ? (
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <p className="text-muted-foreground/70">(edited)</p>
+          </TooltipTrigger>
+          <TooltipContent>This message has been edited</TooltipContent>
+        </Tooltip>
+      ) : null}
+    </>
+  );
+}