From c984fe8a4759cd3eab0d7e78dfbded60982decee Mon Sep 17 00:00:00 2001
From: Jaylyn Barbee <jaylyn.1b@gmail.com>
Date: Mon, 21 Aug 2023 15:10:18 -0400
Subject: [PATCH 1/2] done pending tooltip text and link

---
 .../src/script/components/windows-form.ts     | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/apps/pwabuilder/src/script/components/windows-form.ts b/apps/pwabuilder/src/script/components/windows-form.ts
index 1ccce6494..5be11cfc1 100644
--- a/apps/pwabuilder/src/script/components/windows-form.ts
+++ b/apps/pwabuilder/src/script/components/windows-form.ts
@@ -12,6 +12,8 @@ import { fetchOrCreateManifest } from '../services/manifest';
 import { AnalyticsBehavior, recordPWABuilderProcessStep } from '../utils/analytics';
 import { ManifestContext, PackageOptions } from '../utils/interfaces';
 
+import "../components/arrow-link";
+
 @customElement('windows-form')
 
 export class WindowsForm extends AppPackageFormBase {
@@ -161,6 +163,25 @@ export class WindowsForm extends AppPackageFormBase {
           background-color: var(--primary-color);
           border-color: var(--primary-color);
         }
+
+        #ai-hub-label {
+          display: flex;
+          align-items: center;
+          justify-content: flex-start;
+        }
+
+        #ai-hub-text {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          justify-content: flex-start;
+        }
+
+        #ai-hub-text p {
+          margin: 0;
+          color: #7f7f7f;
+          font-size: 14px;
+        }
        
     `
     ];
@@ -392,6 +413,16 @@ export class WindowsForm extends AppPackageFormBase {
                   (this.packageOptions.publisher.commonName = val),
               })}
             </div>
+            <div class="form-group" id="ai-hub">
+              <div id="ai-hub-label">
+                <label>Does your app use AI?</label>
+                <info-circle-tooltip text="AI Hub is a new curated section in the Microsoft Store where we will promote the best AI experiences built by the developer community and Microsoft."></info-circle-tooltip>
+              </div>
+              <div id="ai-hub-text">
+                <p>We will promote the best AI expereiences built by the developer community on our Microsoft Store's AI Hub.</p>
+                <arrow-link .text=${"Join Us"} .link=${"https://aka.ms/MicrosoftStoreAIHub"}></arrow-link>
+              </div>
+            </div>
           </div>
           <!-- "all settings" section of the modal -->
           <sl-details @sl-show=${() => this.rotateNinety()} @sl-hide=${() => this.rotateZero()}>

From 91d04db3fb2ea37fec56028c1b957f0c60b4329d Mon Sep 17 00:00:00 2001
From: Jaylyn Barbee <jaylyn.1b@gmail.com>
Date: Tue, 22 Aug 2023 10:11:40 -0400
Subject: [PATCH 2/2] updated link andtext for lena

---
 apps/pwabuilder/src/script/components/windows-form.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/pwabuilder/src/script/components/windows-form.ts b/apps/pwabuilder/src/script/components/windows-form.ts
index 5be11cfc1..c42ff7b2a 100644
--- a/apps/pwabuilder/src/script/components/windows-form.ts
+++ b/apps/pwabuilder/src/script/components/windows-form.ts
@@ -416,7 +416,10 @@ export class WindowsForm extends AppPackageFormBase {
             <div class="form-group" id="ai-hub">
               <div id="ai-hub-label">
                 <label>Does your app use AI?</label>
-                <info-circle-tooltip text="AI Hub is a new curated section in the Microsoft Store where we will promote the best AI experiences built by the developer community and Microsoft."></info-circle-tooltip>
+                <info-circle-tooltip 
+                  text="AI Hub is a new curated section in the Microsoft Store that navigates Windows users to the best AI experiences built by the developer community and Microsoft."
+                  link="https://blogs.windows.com/windowsdeveloper/2023/05/23/welcoming-ai-to-the-microsoft-store-on-windows/"
+                  ></info-circle-tooltip>
               </div>
               <div id="ai-hub-text">
                 <p>We will promote the best AI expereiences built by the developer community on our Microsoft Store's AI Hub.</p>