From 4b1e66eae302c9dc2d10d513d4f7d12cefbdcdce Mon Sep 17 00:00:00 2001
From: Brennan Benson <79079362+brennanb2025@users.noreply.github.com>
Date: Fri, 9 Oct 2026 16:51:13 -0700
Subject: [PATCH] fix(native-chat): line Continue up with the chat column

---
 .../NativeChatInterruptedContinue.test.tsx    |  9 ++++
 .../NativeChatInterruptedContinue.tsx         | 42 ++++++++++---------
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.test.tsx b/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.test.tsx
index 9ece96a3dc0c..43f9fa9eeb6c 100644
--- a/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.test.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.test.tsx
@@ -136,6 +136,15 @@ describe('Continue on a reply an Orca stop cut off', () => {
     )
   })
 
+  it('sits in the chat column, so it lines up with the transcript and the message box', () => {
+    render(<Harness />)
+    expect(continueButton()!.parentElement).toHaveClass(
+      'mx-auto',
+      'w-full',
+      'max-w-(--chat-content-max-width)'
+    )
+  })
+
   it('is not offered by a host without the operation; the user continues by sending', () => {
     mocks.capability = 'unsupported'
     render(<Harness />)
diff --git a/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.tsx b/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.tsx
index 2e3e0be96de3..660635216da5 100644
--- a/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatInterruptedContinue.tsx
@@ -117,27 +117,29 @@ export function NativeChatInterruptedContinue({
     'Continue, and the agent first checks whether its last step finished.'
   )
   return (
-    <div className="mx-auto flex w-full max-w-4xl items-center justify-end px-4 py-1">
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button
-            type="button"
-            variant="ghost"
-            size="xs"
-            aria-describedby={explanationId}
-            onClick={continuation.continueNow}
-          >
-            <Play className="size-3" />
-            {translate('components.native-chat.interruptedContinue.continue', 'Continue')}
-          </Button>
-        </TooltipTrigger>
-        <TooltipContent side="top" sideOffset={4}>
+    <div className="px-3 py-1 sm:px-4">
+      <div className="mx-auto flex w-full max-w-(--chat-content-max-width) items-center justify-end">
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              type="button"
+              variant="ghost"
+              size="xs"
+              aria-describedby={explanationId}
+              onClick={continuation.continueNow}
+            >
+              <Play className="size-3" />
+              {translate('components.native-chat.interruptedContinue.continue', 'Continue')}
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="top" sideOffset={4}>
+            {explanation}
+          </TooltipContent>
+        </Tooltip>
+        <span id={explanationId} className="sr-only">
           {explanation}
-        </TooltipContent>
-      </Tooltip>
-      <span id={explanationId} className="sr-only">
-        {explanation}
-      </span>
+        </span>
+      </div>
     </div>
   )
 }