From 131e5521d06c2da4620632c8553f84fc7882cc04 Mon Sep 17 00:00:00 2001
From: tusharmagar <tushmag@gmail.com>
Date: Tue, 10 Feb 2026 17:40:51 +0530
Subject: [PATCH] add google-setup to google-client id modal

---
 .../src/components/google-client-id-modal.tsx    | 15 +++++++++++++++
 google-setup.md                                  | 16 ++++++++--------
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/apps/x/apps/renderer/src/components/google-client-id-modal.tsx b/apps/x/apps/renderer/src/components/google-client-id-modal.tsx
index 5727d506..f41b7a32 100644
--- a/apps/x/apps/renderer/src/components/google-client-id-modal.tsx
+++ b/apps/x/apps/renderer/src/components/google-client-id-modal.tsx
@@ -11,6 +11,9 @@ import {
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 
+const GOOGLE_CLIENT_ID_SETUP_GUIDE_URL =
+  "https://github.com/rowboatlabs/rowboat/blob/main/google-setup.md"
+
 interface GoogleClientIdModalProps {
   open: boolean
   onOpenChange: (open: boolean) => void
@@ -53,6 +56,18 @@ export function GoogleClientIdModal({
           <label className="text-xs font-medium text-muted-foreground" htmlFor="google-client-id">
             Client ID
           </label>
+          <div className="text-xs text-muted-foreground">
+            Need help setting this up?{" "}
+            <a
+              className="text-primary underline underline-offset-4 hover:text-primary/80"
+              href={GOOGLE_CLIENT_ID_SETUP_GUIDE_URL}
+              target="_blank"
+              rel="noreferrer"
+            >
+              Read the setup guide
+            </a>
+            .
+          </div>
           <Input
             id="google-client-id"
             placeholder="xxxxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com"
diff --git a/google-setup.md b/google-setup.md
index b82c0f6d..27ff7b32 100644
--- a/google-setup.md
+++ b/google-setup.md
@@ -10,7 +10,7 @@ Go to:
 
 https://console.cloud.google.com/
 
-Make sure you’re logged into the Google account you want to use.
+Make sure you're logged into the Google account you want to use.
 
 ---
 
@@ -26,7 +26,7 @@ https://console.cloud.google.com/projectcreate
 
 Once created, make sure the new project is selected in the top project dropdown.
 
-![Select the new project in the dropdown](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/01-select-project-dropdown.png)
+![Select the new project in the dropdown](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/01-select-project-dropdown.png)
 
 ---
 
@@ -51,7 +51,7 @@ For each API:
 
 - Click **Enable**
     
-    ![Enable the API](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/02-enable-api.png)
+    ![Enable the API](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/02-enable-api.png)
     
 
 ---
@@ -79,7 +79,7 @@ Click **Save and Continue** through the remaining steps.
 
 You do NOT need to publish the app — keeping it in **Testing** mode is fine.
 
-![OAuth consent screen](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/03-oauth-consent-screen.png)
+![OAuth consent screen](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/03-oauth-consent-screen.png)
 
 ---
 
@@ -98,7 +98,7 @@ Under **Test Users**:
 
 Save changes.
 
-![Add test users](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/04-add-test-users.png)
+![Add test users](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/04-add-test-users.png)
 
 ---
 
@@ -120,7 +120,7 @@ Select:
 - Store ID can be anything (e.g. `test` )
 - Click **Create**
 
-![Create OAuth Client ID (UWP)](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/05-create-oauth-client-uwp.png)
+![Create OAuth Client ID (UWP)](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/05-create-oauth-client-uwp.png)
 
 ---
 
@@ -133,6 +133,6 @@ After creation, Google will show:
 
 Copy the **Client ID** and paste it into Rowboat where prompted.
 
-![Copy Client ID](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/06-copy-client-id.png)
+![Copy Client ID](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/06-copy-client-id.png)
 
----
\ No newline at end of file
+---