Fix issue #5179: [frontend]: Push to Github button should only push branch, but not creating a PR

frontend/__tests__/components/chat/chat-interface.test.tsx

@@ -281,6 +281,31 @@ describe.skip("ChatInterface", () => {
     expect(within(error).getByText("Something went wrong")).toBeInTheDocument();
   });
 
+  it("should render both GitHub buttons when ghToken is available", () => {
+    vi.mock("@remix-run/react", async (importActual) => ({
+      ...(await importActual<typeof import("@remix-run/react")>()),
+      useRouteLoaderData: vi.fn(() => ({ ghToken: "test-token" })),
+    }));
+
+    const messages: Message[] = [
+      {
+        sender: "assistant",
+        content: "Hello",
+        imageUrls: [],
+        timestamp: new Date().toISOString(),
+      },
+    ];
+    renderChatInterface(messages);
+
+    const pushButton = screen.getByRole("button", { name: "Push to GitHub" });
+    const prButton = screen.getByRole("button", { name: "Push & Create PR" });
+
+    expect(pushButton).toBeInTheDocument();
+    expect(prButton).toBeInTheDocument();
+    expect(pushButton).toHaveTextContent("Push to GitHub");
+    expect(prButton).toHaveTextContent("Push & Create PR");
+  });
+
   it("should render feedback actions if there are more than 3 messages", () => {
     const messages: Message[] = [
       {

frontend/src/components/chat-interface.tsx

@@ -66,7 +66,7 @@
           );
         });
       } catch (e) {
         console.warn("Runtime ID not available in this environment");
       }
     }
   }, [status]);
@@ -176,16 +176,27 @@
           curAgentState === AgentState.FINISHED) && (
           <div className="flex flex-col gap-2 mb-2">
             {rootLoaderData?.ghToken ? (
-              <SuggestionItem
-                suggestion={{
-                  label: "Push to GitHub",
-                  value:
-                    "Please push the changes to GitHub and open a pull request.",
-                }}
-                onClick={(value) => {
-                  handleSendMessage(value, []);
-                }}
-              />
+              <div className="flex flex-col gap-2">
+                <SuggestionItem
+                  suggestion={{
+                    label: "Push to GitHub",
+                    value: "Please push the changes to GitHub.",
+                  }}
+                  onClick={(value) => {
+                    handleSendMessage(value, []);
+                  }}
+                />
+                <SuggestionItem
+                  suggestion={{
+                    label: "Push & Create PR",
+                    value:
+                      "Please push the changes to GitHub and open a pull request.",
+                  }}
+                  onClick={(value) => {
+                    handleSendMessage(value, []);
+                  }}
+                />
+              </div>
             ) : (
               <SuggestionItem
                 suggestion={{