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.

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;

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>