From 09722f4b16e1d838fd2214a237809155d4d3a45b Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Tue, 1 Sep 2026 00:53:24 -0400
Subject: [PATCH] =?UTF-8?q?=E2=9C=94=EF=B8=8F=20style:=20Anchor=20the=20Ap?=
 =?UTF-8?q?plied=20Steer=20Receipt=20and=20Name=20Tool=20Calls=20in=20Its?=
 =?UTF-8?q?=20Interrupt=20Copy=20(#15450)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ✔️ style: Anchor the Applied Steer Receipt at the Row's Trailing Edge

* 💬 style: Say Tool Calls Are Not Interrupted Either
---
 .../Chat/Messages/Content/Parts/SteerPart.tsx     |  8 ++++++--
 .../Content/Parts/__tests__/SteerPart.test.tsx    | 15 ++++++++++++++-
 client/src/locales/en/translation.json            |  2 +-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Chat/Messages/Content/Parts/SteerPart.tsx b/client/src/components/Chat/Messages/Content/Parts/SteerPart.tsx
index ca472fed1c..dcd84772b2 100644
--- a/client/src/components/Chat/Messages/Content/Parts/SteerPart.tsx
+++ b/client/src/components/Chat/Messages/Content/Parts/SteerPart.tsx
@@ -155,9 +155,13 @@ const SteerPart = memo(function SteerPart({
             </div>
           </CollapsibleText>
         </div>
-        <div className="mt-1 flex min-h-8 items-center justify-end text-text-secondary">
+        {/* The receipt trails the timestamp so the always-visible checks sit
+         *  flush under the bubble's bottom-right corner. Leading them would
+         *  park them wherever the hover-revealed time happens to end, and that
+         *  width changes as the relative string ticks. */}
+        <div className="mt-1 flex min-h-8 items-center justify-end gap-2 text-text-secondary">
+          <MessageTimestamp value={timestamp} className="ml-0" />
           <SteerReceipt state="applied" live={isSubmitting} animateIn={animateIn} />
-          <MessageTimestamp value={timestamp} />
         </div>
       </div>
       {otherFiles.length > 0 && (
diff --git a/client/src/components/Chat/Messages/Content/Parts/__tests__/SteerPart.test.tsx b/client/src/components/Chat/Messages/Content/Parts/__tests__/SteerPart.test.tsx
index 6b4fdc1a06..852b8320e1 100644
--- a/client/src/components/Chat/Messages/Content/Parts/__tests__/SteerPart.test.tsx
+++ b/client/src/components/Chat/Messages/Content/Parts/__tests__/SteerPart.test.tsx
@@ -17,7 +17,7 @@ jest.mock('~/Providers', () => ({
 
 jest.mock('~/components/Chat/Messages/ui/MessageTimestamp', () => ({
   __esModule: true,
-  default: () => null,
+  default: () => <time data-testid="steer-timestamp" />,
 }));
 
 jest.mock('~/components/Chat/Messages/Content/MarkdownLite', () => ({
@@ -119,6 +119,19 @@ describe('SteerPart author label', () => {
     const receipt = screen.getByTestId('steer-receipt');
     expect(receipt.className).not.toContain('opacity-0');
   });
+
+  it('anchors the receipt after the timestamp, at the trailing edge of the row', () => {
+    renderPart();
+    // The timestamp is the hover-revealed half of the row and its width changes
+    // as the relative string ticks; leading the checks with it would park the
+    // one always-visible mark at a moving offset from the bubble's corner.
+    const row = screen.getByTestId('steer-receipt').parentElement;
+    const children = Array.from(row?.children ?? []);
+    expect(children.map((child) => child.getAttribute('data-testid'))).toEqual([
+      'steer-timestamp',
+      'steer-receipt',
+    ]);
+  });
 });
 
 describe('SteerPart presentation', () => {
diff --git a/client/src/locales/en/translation.json b/client/src/locales/en/translation.json
index 2043309a93..3610b3ff1f 100644
--- a/client/src/locales/en/translation.json
+++ b/client/src/locales/en/translation.json
@@ -2196,7 +2196,7 @@
   "com_ui_steer_failed": "Steering failed",
   "com_ui_steer_in_flight": "Steering",
   "com_ui_steer_in_flight_preempt": "Interrupting",
-  "com_ui_steer_interrupting_info": "Interrupt requested. The response will stop at the next safe point, then your message takes over. Reasoning is not interrupted. To interrupt reasoning, stop the response instead.",
+  "com_ui_steer_interrupting_info": "Interrupt requested. The response will stop at the next safe point, then your message takes over. Reasoning and tool calls are not interrupted. To interrupt them, stop the response instead.",
   "com_ui_steer_interrupts_default": "Steering interrupts generation",
   "com_ui_steer_interrupts_default_info": "When on, Enter stops the response at the next safe point instead of waiting for the agent's next tool step. Either way the partial answer is kept and the response continues.",
   "com_ui_steer_interrupts_enable_info": "Switches the during-run default to steering and stops the response at the next safe point. The partial answer is kept and the response continues.",