From 65105feeafeef264b08473154764f176e9c135eb Mon Sep 17 00:00:00 2001
From: Cong Vu Chi <129714106+congvc-dev@users.noreply.github.com>
Date: Tue, 19 May 2026 09:44:04 +0700
Subject: [PATCH] fix(kiro): enable Google OAuth login option (#2392)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Integrated into release/v3.8.0 — enables Google OAuth login button in Kiro auth modal
---
 src/shared/components/KiroAuthModal.tsx       |  6 +-
 .../shared/components/KiroAuthModal.test.tsx  | 56 +++++++++++++++++++
 2 files changed, 59 insertions(+), 3 deletions(-)
 create mode 100644 tests/unit/shared/components/KiroAuthModal.test.tsx

diff --git a/src/shared/components/KiroAuthModal.tsx b/src/shared/components/KiroAuthModal.tsx
index 51fae0b212..05d26a46e7 100644
--- a/src/shared/components/KiroAuthModal.tsx
+++ b/src/shared/components/KiroAuthModal.tsx
@@ -163,10 +163,10 @@ export default function KiroAuthModal({
               </div>
             </button>
 
-            {/* Google Social Login - HIDDEN */}
+            {/* Google Social Login */}
             <button
-              onClick={() => handleMethodSelect("social-google")}
-              className="hidden w-full p-4 text-left border border-border rounded-lg hover:bg-sidebar transition-colors"
+              onClick={() => handleSocialLogin("google")}
+              className="w-full p-4 text-left border border-border rounded-lg hover:bg-sidebar transition-colors"
             >
               <div className="flex items-start gap-3">
                 <span className="material-symbols-outlined text-primary mt-0.5">
diff --git a/tests/unit/shared/components/KiroAuthModal.test.tsx b/tests/unit/shared/components/KiroAuthModal.test.tsx
new file mode 100644
index 0000000000..728657400c
--- /dev/null
+++ b/tests/unit/shared/components/KiroAuthModal.test.tsx
@@ -0,0 +1,56 @@
+// @vitest-environment jsdom
+import React from "react";
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+const cleanupCallbacks: Array<() => void> = [];
+
+function makeContainer(): HTMLElement {
+  const container = document.createElement("div");
+  document.body.appendChild(container);
+  cleanupCallbacks.push(() => {
+    container.remove();
+  });
+  return container;
+}
+
+describe("KiroAuthModal", () => {
+  beforeEach(() => {
+    (
+      globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }
+    ).IS_REACT_ACT_ENVIRONMENT = true;
+  });
+
+  afterEach(() => {
+    while (cleanupCallbacks.length > 0) {
+      cleanupCallbacks.pop()?.();
+    }
+    document.body.innerHTML = "";
+    vi.restoreAllMocks();
+  });
+
+  it("shows Google Account and starts Google social login when clicked", async () => {
+    const { default: KiroAuthModal } = await import("@/shared/components/KiroAuthModal");
+    const container = makeContainer();
+    const root = createRoot(container);
+    const onMethodSelect = vi.fn();
+
+    await act(async () => {
+      root.render(<KiroAuthModal isOpen onClose={vi.fn()} onMethodSelect={onMethodSelect} />);
+    });
+
+    const googleButton = Array.from(container.querySelectorAll("button")).find((button) =>
+      button.textContent?.includes("Google Account")
+    );
+
+    expect(googleButton).toBeTruthy();
+    expect(googleButton?.className).not.toContain("hidden");
+
+    await act(async () => {
+      googleButton?.click();
+    });
+
+    expect(onMethodSelect).toHaveBeenCalledWith("social", { provider: "google" });
+  });
+});