From 6baa230f92d1ee1d6c12642ea8fa2bf15a61cf03 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Tue, 10 Nov 2026 01:27:13 -0700
Subject: [PATCH] Keep the form's bulk toggle clear of the view switch, and the
 cut note off the request

The Form/Raw switch sat over the URL-encoded form's own bulk-view toggle
in the same corner; it now sits beside it. A request body that is both
cut short and undecodable no longer repeats the tab's cut note.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/yaak-proxy/components/FlowBodyViewer.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/yaak-proxy/components/FlowBodyViewer.tsx b/apps/yaak-proxy/components/FlowBodyViewer.tsx
index 656eb3673..2523880ac 100644
--- a/apps/yaak-proxy/components/FlowBodyViewer.tsx
+++ b/apps/yaak-proxy/components/FlowBodyViewer.tsx
@@ -225,7 +225,14 @@ export function FlowBodyViewer({ flow, which, form, hideCutNote = false }: Props
     viewer = (
       <div className={classNames(ACTIONS_BAR_CONTAINER, "h-full w-full")}>
         {viewer}
-        <ActionsBar>{modeSwitch}</ActionsBar>
+        <ActionsBar
+          className={classNames(
+            // Beside the form's own bulk-view toggle in the corner, until that joins the bar
+            prettyView === "form" && pretty && "bottom-0! right-[calc(var(--height-sm)+0.25rem)]!",
+          )}
+        >
+          {modeSwitch}
+        </ActionsBar>
       </div>
     );
   }
@@ -239,7 +246,7 @@ export function FlowBodyViewer({ flow, which, form, hideCutNote = false }: Props
           {decodeError}. Showing the body as it was on the wire.
         </Banner>
       )}
-      {truncated && (
+      {truncated && !hideCutNote && (
         <Banner color="notice" className="text-sm mb-2">
           {wireTruncated || decodeError != null
             ? `Showing the first ${formatSize(storedSize)} of ${formatSize(wireSize)}, the capture limit. The app received all of it.`