Skip to content

Commit e00e186

Browse files
karan-vkkaran-vk
committed
feat(ui): improve setup wizard with missing credential steps
- Add 'Configure Consent Screen' step to setup wizard - Add 'Add Test Users' step to setup wizard - Update terminology to 'Google Auth Platform' matching Google Console UI - Re-order steps: Console -> Project -> API -> Consent -> Test Users -> Credentials -> Download
1 parent 79922a0 commit e00e186

1 file changed

Lines changed: 21 additions & 5 deletions

File tree

‎templates/index.html‎

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -244,21 +244,37 @@ <h4>Enable Gmail API</h4>
244244
<div class="instruction-card">
245245
<div class="instruction-number">4</div>
246246
<div class="instruction-content">
247-
<h4>Create OAuth Credentials</h4>
248-
<p>Go to <strong>APIs & Services → Credentials</strong>, click <strong>"Create Credentials" → "OAuth client ID"</strong>.</p>
247+
<h4>Configure Consent Screen</h4>
248+
<p>Go to <strong>Google Auth Platform</strong> (or OAuth consent screen). Click <strong>Get Started</strong>. Select <strong>External</strong>. Fill in App Name and Contact Info.</p>
249249
</div>
250250
</div>
251251

252252
<div class="instruction-card">
253253
<div class="instruction-number">5</div>
254254
<div class="instruction-content">
255-
<h4>Configure & Download</h4>
256-
<p>Select <strong>Desktop app</strong> as the application type. Name it and click Create. Download the JSON file.</p>
255+
<h4>Add Test Users</h4>
256+
<p>Go to <strong>Audience</strong> > <strong>Test users</strong>. Click <strong>Add Users</strong> and enter your own Gmail address. <br><strong>Important:</strong> You must add yourself to sign in!</p>
257+
</div>
258+
</div>
259+
260+
<div class="instruction-card">
261+
<div class="instruction-number">6</div>
262+
<div class="instruction-content">
263+
<h4>Create Client ID</h4>
264+
<p>Go to <strong>Clients</strong> (or Credentials). Click <strong>Create Client</strong>.</p>
265+
</div>
266+
</div>
267+
268+
<div class="instruction-card">
269+
<div class="instruction-number">7</div>
270+
<div class="instruction-content">
271+
<h4>Select App Type & Download</h4>
272+
<p>Select <strong>Desktop app</strong> (for local) or <strong>Web application</strong> (for Docker). Name it and click Create. Download the JSON file.</p>
257273
<div class="setup-tip">
258274
<svg viewBox="0 0 24 24" width="16" height="16">
259275
<path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
260276
</svg>
261-
<span>For Docker, use "Web application" and add your URL as an authorized redirect URI.</span>
277+
<span>Docker users: Add authorized redirect URI (e.g., http://localhost:8767/)</span>
262278
</div>
263279
</div>
264280
</div>

0 commit comments

Comments
 (0)