From fc79e24e2af7e6146e2fbb864fedb6c5ebb197f2 Mon Sep 17 00:00:00 2001
From: Ryan Willis <ryan.willis@konghq.com>
Date: Tue, 6 Jan 2026 13:43:34 -0700
Subject: [PATCH] feat: make commit dialog default state clearer (#9542)

---
 .../modals/git-project-staging-modal.tsx      | 29 ++++++++++---------
 .../components/modals/git-staging-modal.tsx   |  7 +++--
 .../components/modals/sync-staging-modal.tsx  |  7 +++--
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/packages/insomnia/src/ui/components/modals/git-project-staging-modal.tsx b/packages/insomnia/src/ui/components/modals/git-project-staging-modal.tsx
index 43fa243904..7c7a91d798 100644
--- a/packages/insomnia/src/ui/components/modals/git-project-staging-modal.tsx
+++ b/packages/insomnia/src/ui/components/modals/git-project-staging-modal.tsx
@@ -996,18 +996,16 @@ export const GitProjectStagingModal: FC<{
 
                     {(!generateCommitsFetcher.data ||
                       (generateCommitsFetcher.data && 'error' in generateCommitsFetcher.data)) && (
-                      <>
-                        <ManualCommitForm
-                          projectId={projectId}
-                          mode={mode}
-                          changes={changes}
-                          setShowConfirmDiscardAndPullModal={setShowConfirmDiscardAndPullModal}
-                          onCommitSuccess={handleCommitSuccess}
-                          onPullRequired={handlePullRequired}
-                          diffChanges={diffChanges}
-                          setDiscardData={setDiscardData}
-                        />
-                      </>
+                      <ManualCommitForm
+                        projectId={projectId}
+                        mode={mode}
+                        changes={changes}
+                        setShowConfirmDiscardAndPullModal={setShowConfirmDiscardAndPullModal}
+                        onCommitSuccess={handleCommitSuccess}
+                        onPullRequired={handlePullRequired}
+                        diffChanges={diffChanges}
+                        setDiscardData={setDiscardData}
+                      />
                     )}
                   </div>
                   {previewDiffItem?.diff ? (
@@ -1026,9 +1024,12 @@ export const GitProjectStagingModal: FC<{
                     <div className="flex h-full flex-col items-center justify-center gap-4 p-2">
                       <Heading className="flex items-center justify-center gap-2 text-4xl font-semibold text-(--hl-md)">
                         <Icon icon="code-compare" />
-                        Diff view
+                        View diff
                       </Heading>
-                      <p className="text-(--hl)">Select an item to compare</p>
+                      <p className="text-(--hl)">Select a file to compare changes</p>
+                      <p className="text-sm text-(--hl-md)">
+                        Changes may include modifications you made and automatic updates like timestamps
+                      </p>
                     </div>
                   )}
                 </div>
diff --git a/packages/insomnia/src/ui/components/modals/git-staging-modal.tsx b/packages/insomnia/src/ui/components/modals/git-staging-modal.tsx
index 97003bf90f..ec6185298e 100644
--- a/packages/insomnia/src/ui/components/modals/git-staging-modal.tsx
+++ b/packages/insomnia/src/ui/components/modals/git-staging-modal.tsx
@@ -457,9 +457,12 @@ export const GitStagingModal: FC<{ onClose: () => void }> = ({ onClose }) => {
                   <div className="flex h-full flex-col items-center justify-center gap-4 p-2">
                     <Heading className="flex items-center justify-center gap-2 text-4xl font-semibold text-(--hl-md)">
                       <Icon icon="code-compare" />
-                      Diff view
+                      View diff
                     </Heading>
-                    <p className="text-(--hl)">Select an item to compare</p>
+                    <p className="text-(--hl)">Select a file to compare changes</p>
+                    <p className="text-sm text-(--hl-md)">
+                      Changes may include modifications you made and automatic updates like timestamps
+                    </p>
                   </div>
                 )}
               </div>
diff --git a/packages/insomnia/src/ui/components/modals/sync-staging-modal.tsx b/packages/insomnia/src/ui/components/modals/sync-staging-modal.tsx
index 130ea65245..ed41914b42 100644
--- a/packages/insomnia/src/ui/components/modals/sync-staging-modal.tsx
+++ b/packages/insomnia/src/ui/components/modals/sync-staging-modal.tsx
@@ -398,9 +398,12 @@ export const SyncStagingModal = ({ onClose, status, syncItems }: Props) => {
                   <div className="flex h-full flex-col items-center justify-center gap-4 p-2">
                     <Heading className="flex items-center justify-center gap-2 text-4xl font-semibold text-(--hl-md)">
                       <Icon icon="code-compare" />
-                      Diff view
+                      View diff
                     </Heading>
-                    <p className="text-(--hl)">Select an item to compare</p>
+                    <p className="text-(--hl)">Select a file to compare changes</p>
+                    <p className="text-sm text-(--hl-md)">
+                      Changes may include modifications you made and automatic updates like timestamps
+                    </p>
                   </div>
                 )}
               </div>