Merge pull request #173 from IABTechLab/eee-UID2-6639-fix-secure-signals-detection-logic-plus-disclaimer

add disclaimer note to all sample pages and hashing tool

Author: eiman-eltigani-ttd

tools/hashing-tool/app.css

@@ -154,6 +154,14 @@ h2 {
   line-height: 1.8;
 }
 
+/* Section summary - same styling as intro but gray */
+p.section-summary {
+  font-size: 0.95rem;
+  color: var(--text-gray);
+  margin-bottom: 1rem;
+  line-height: 1.8;
+}
+
 a {
   color: var(--link-color);
   text-decoration: underline;

tools/hashing-tool/index.html

@@ -162,7 +162,8 @@ <h1>${IDENTITY_NAME} Hashing Tool</h1>
         </div>
 
         <h2>Results</h2>
-        
+        <p class="section-summary"><strong>Note:</strong> This is a test-only environment—no data is collected. Use test values only.</p>
+
         <table id="results_table">
           <tr id="normalization">
             <td class="label">

web-integrations/google-secure-signals/client-side/html/index.html

@@ -35,6 +35,7 @@ <h1>Client-Side ${IDENTITY_NAME} Integration with Google Secure Signals</h1>
 
         <!-- UID2 Integration Status Section -->
         <h2>${IDENTITY_NAME} Integration Status</h2>
+        <p class="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
 
         <table id="uid_state">
           <tr>

web-integrations/google-secure-signals/react-client-side/src/SecureSignalsApp.tsx

@@ -430,6 +430,7 @@ const SecureSignalsApp = () => {
 
         {/* UID2 Integration Status Section */}
         <h2>{IDENTITY_NAME} Integration Status</h2>
+        <p className="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
 
         <table id="uid_state">
           <tbody>

web-integrations/javascript-sdk/client-server/public/stylesheets/app.css

@@ -135,6 +135,14 @@ p {
   line-height: 1.8;
 }
 
+/* Section summary - same styling as intro but gray */
+p.section-summary {
+  font-size: 0.95rem;
+  color: var(--text-gray);
+  margin-bottom: 1rem;
+  line-height: 1.8;
+}
+
 a {
   color: var(--link-color);
   text-decoration: underline;
@@ -150,7 +158,7 @@ a:hover {
 #uid_state {
   width: 100%;
   border-collapse: collapse;
-  margin: 2rem 0;
+  margin: 0 0 2rem 0;
   font-size: 0.875rem;
   border: 1px solid var(--border-color);
   border-radius: 8px;

web-integrations/javascript-sdk/client-server/views/index.html

@@ -96,6 +96,7 @@
         </div>
 
         <h2><%- identityName %> Integration Status</h2>
+        <p class="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
 
         <table id="uid_state">
           <tr>

web-integrations/javascript-sdk/client-side/html/index.html

@@ -106,6 +106,7 @@ <h1>Client-Side ${IDENTITY_NAME} Integration Example using JavaScript SDK</h1>
         </div>
 
         <h2>${IDENTITY_NAME} Integration Status</h2>
+        <p class="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
 
         <table id="uid_state">
           <tr>

web-integrations/javascript-sdk/client-side/html/stylesheets/app.css

@@ -173,7 +173,7 @@ a:hover {
 #uid_state {
   width: 100%;
   border-collapse: collapse;
-  margin: 2rem 0;
+  margin: 0 0 2rem 0;
   font-size: 0.875rem;
   border: 1px solid var(--border-color);
   border-radius: 8px;
@@ -351,7 +351,7 @@ a:hover {
   color: white;
   padding: 10px;
   border-radius: 4px;
-  font-size: 0.75rem;
+  font-size: 0.7rem;
   line-height: 1.125; 
   min-width: 300px; 
   max-width: 570px; 

web-integrations/javascript-sdk/react-client-side/src/ClientSideApp.tsx

@@ -139,6 +139,8 @@ const ClientSideApp = () => {
         )}
 
         <h2>{IDENTITY_NAME} Integration Status</h2>
+        <p className="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
+
         <table id="uid_state">
           <tbody>
             <tr>

web-integrations/javascript-sdk/react-client-side/src/styles/app.css

@@ -150,6 +150,14 @@ p {
   line-height: 1.8;
 }
 
+/* Section summary - same styling as intro but gray */
+p.section-summary {
+  font-size: 0.95rem;
+  color: var(--text-gray);
+  margin-bottom: 1rem;
+  line-height: 1.8;
+}
+
 a {
   color: var(--link-color);
   text-decoration: underline;
@@ -165,7 +173,7 @@ a:hover {
 #uid_state {
   width: 100%;
   border-collapse: collapse;
-  margin: 2rem 0;
+  margin: 0 0 2rem 0;
   font-size: 0.875rem;
   border: 1px solid var(--border-color);
   border-radius: 8px;