fix(ui): task-chat plan/confirmation card primary CTA on the right, secondary on the left

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

ui/src/components/task-chat/TaskChatInteractionCard.test.tsx

@@ -75,6 +75,26 @@ describe("TaskChatInteractionCard", () => {
     expect(container.textContent).toContain("Approve the plan");
   });
 
+  it("puts the primary CTA on the right via a reversed action row", () => {
+    flushSync(() => {
+      root.render(
+        <TooltipProvider>
+          <ThemeProvider>
+          <TaskChatInteractionCard item={interactionItem(createRequestConfirmation())} />
+        </ThemeProvider>
+        </TooltipProvider>,
+      );
+    });
+    const buttons = Array.from(container.querySelectorAll("button"));
+    const confirm = buttons.find((button) => button.textContent === "Confirm");
+    const decline = buttons.find((button) => button.textContent === "Decline");
+    expect(confirm).not.toBeUndefined();
+    expect(decline).not.toBeUndefined();
+    const row = confirm?.parentElement;
+    expect(row).toBe(decline?.parentElement);
+    expect(row?.className).toContain("flex-row-reverse");
+  });
+
   it("demotes an expired confirmation to a marker row", () => {
     flushSync(() => {
       root.render(

ui/src/components/task-chat/TaskChatInteractionCard.tsx

@@ -38,7 +38,7 @@ export function TaskChatInteractionCard({ item, ...cardProps }: TaskChatInteract
       className="tc-enter-bubble w-full"
       data-testid="task-chat-interaction"
     >
-      <IssueThreadInteractionCard interaction={interaction} {...cardProps} />
+      <IssueThreadInteractionCard interaction={interaction} primaryActionOnRight {...cardProps} />
     </div>
   );
 }