From bf04d7ea600cc554a8b2151ce7e8848e824355e4 Mon Sep 17 00:00:00 2001
From: Brent O'Neill <brent.oneill@datastax.com>
Date: Thu, 2 Oct 2025 14:51:33 -0600
Subject: [PATCH] [design sweep]: update no auth cloud connector warning
 message

---
 frontend/src/app/settings/page.tsx | 46 +++++++++++++++++++++++-------
 1 file changed, 35 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/settings/page.tsx b/frontend/src/app/settings/page.tsx
index 6017ab5b..aca2d293 100644
--- a/frontend/src/app/settings/page.tsx
+++ b/frontend/src/app/settings/page.tsx
@@ -628,25 +628,49 @@ function KnowledgeSourcesPage() {
 
         {/* Conditional Sync Settings or No-Auth Message */}
         {
-          isNoAuthMode ? (
-            <Card className="border-yellow-500/50 bg-yellow-500/5">
+          true ? (
+            <Card className="border-yellow-500">
               <CardHeader>
-                <CardTitle className="text-lg text-yellow-600">
-                  Cloud connectors are only available with auth mode enabled
+                <CardTitle className="text-lg">
+                  Cloud connectors require authentication
                 </CardTitle>
                 <CardDescription className="text-sm">
-                  Please provide the following environment variables and
-                  restart:
+                  Add the Google OAuth variables below to your <code>.env</code>{" "}
+                  then restart the OpenRAG containers.
                 </CardDescription>
               </CardHeader>
               <CardContent>
                 <div className="bg-muted rounded-md p-4 font-mono text-sm">
-                  <div className="text-muted-foreground mb-2">
-                    # make here
-                    https://console.cloud.google.com/apis/credentials
+                  <div className="text-muted-foreground">
+                    <div>
+                      <span className="mr-3 text-placeholder-foreground">
+                        18
+                      </span>
+                      <span># Google OAuth</span>
+                    </div>
+                    <div>
+                      <span className="mr-3 text-placeholder-foreground">
+                        19
+                      </span>
+                      <span># Create credentials here:</span>
+                    </div>
+                    <div>
+                      <span className="mr-3 text-placeholder-foreground">
+                        20
+                      </span>
+                      <span>
+                        # https://console.cloud.google.com/apis/credentials
+                      </span>
+                    </div>
+                  </div>
+                  <div>
+                    <span className="mr-3 text-placeholder-foreground">21</span>
+                    <span>GOOGLE_OAUTH_CLIENT_ID=</span>
+                  </div>
+                  <div>
+                    <span className="mr-3 text-placeholder-foreground">22</span>
+                    <span>GOOGLE_OAUTH_CLIENT_SECRET=</span>
                   </div>
-                  <div>GOOGLE_OAUTH_CLIENT_ID=</div>
-                  <div>GOOGLE_OAUTH_CLIENT_SECRET=</div>
                 </div>
               </CardContent>
             </Card>