From c6e2c313e94cc5cd58dd3dfadde0321f4e98ab56 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 27 Jun 2025 15:40:57 -0500
Subject: [PATCH] Website: add note to query generator (#30398)

Closes: https://github.com/fleetdm/confidential/issues/10907

Changes:
- Added a note to the query generator about the AI models that power it.
---
 .../styles/pages/admin/query-generator.less       | 15 +++++++++++++--
 website/views/pages/admin/query-generator.ejs     |  3 +++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/website/assets/styles/pages/admin/query-generator.less b/website/assets/styles/pages/admin/query-generator.less
index 76eeda6d3a..36eb21fe4b 100644
--- a/website/assets/styles/pages/admin/query-generator.less
+++ b/website/assets/styles/pages/admin/query-generator.less
@@ -41,6 +41,18 @@
   [purpose='query-form'] {
     padding-bottom: 32px;
   }
+  [purpose='ai-note'] {
+    padding-bottom: 32px;
+    p {
+      margin-bottom: 0px;
+      color: #515774;
+      font-family: Inter;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+  }
   [purpose='caveats'] {
     margin-bottom: 32px;
     li {
@@ -53,7 +65,7 @@
     }
   }
   [purpose='form'] {
-    margin-bottom: 32px;
+    margin-bottom: 16px;
     textarea {
       &::placeholder {
         font-style: italic;
@@ -87,7 +99,6 @@
     border-radius: 8px;
     background: #F4F4FF;
     margin-bottom: 32px;
-    margin-top: 16px;
     img {
       width: 16px;
       height: 16px;
diff --git a/website/views/pages/admin/query-generator.ejs b/website/views/pages/admin/query-generator.ejs
index 5d49487fd8..2c076ed393 100644
--- a/website/views/pages/admin/query-generator.ejs
+++ b/website/views/pages/admin/query-generator.ejs
@@ -14,6 +14,9 @@
           </div>
           <cloud-error v-if="cloudError">An error occurred while generating your queries. Please <a href="/query-generator">reload this page and try again</a>.</cloud-error>
 
+          <div purpose="ai-note" v-if="!showGeneratedQuery">
+            <p>Fleet’s public query robot uses OpenAI <a href="https://github.com/fleetdm/fleet/blob/main/website/api/helpers/ai/prompt.js" target="_blank">under the hood</a>. Think before entering sensitive or confidential data in your prompts, as some data may not fall under your organization’s specific AI or data governance policies.</p>
+          </div>
           <div purpose="note" v-if="!showGeneratedQuery">
             <img src="/images/icon-info-16x16@2x.png" alt="An icon indicating that this section has important information">
             <div>