Version 3.0

Author: tylchan

src/react/docs/intro.md

@@ -19,6 +19,10 @@ The Zero Trust Workshop Tool is Single-Page Application (SPA) that enables custo
 For more information, check out the [Introduction to the Zero Trust Workshop](./videos/IntroductionToZT.md) page.
 
 ## Microsoft Zero Trust Assessment
-The Zero Trust Assessment is a PowerShell module that can be run on your environment to confirm a strong security baseline. This is an automated tool, where running the PowerShell module on your tenant will provide you with a set of recommendations that are auto generated based on your tenant's current configuration and activity data.
+The Zero Trust Assessment is a PowerShell module that can be run on your environment to confirm a strong security baseline. This is an automated tool, where running the PowerShell module on your tenant will provide you with a set of recommendations that are auto generated based on your tenant's current configuration and activity data. The Zero Trust Assessment currently supports the following pillars:
+- Identity
+- Devices
+- Data (New)
+- Network (New)
 
 For more information, check out the [Zero Trust Assessment Tool](https://learn.microsoft.com/en-us/security/zero-trust/assessment/get-started) page and the [Zero Trust Assessment Video](./videos/Assessment.md) page.

src/react/docs/workshop-guidance/delivery-guide.md

@@ -13,7 +13,7 @@ Workshops are available for the following pillars:
 - Network
 - Infrastructure
 - Security Operations
-- AI
+- Artificial Intelligence (New)
 
 Customers can choose to schedule all the workshops or just a subset of them depending on their priorities and resource availability. While the workshops are modular, customers are encouraged to start with Identity first, then Devices, followed by Data, Network, Infrastructure, Security Operations, and AI.
 
@@ -73,4 +73,4 @@ Below are the estimated delivery times for each section of the pillar workshops:
 
 |AI|
 |---|
-| • Map and Assess AI Risk: 1 hour <br/> • Register all agents: 1 hour <br/> • Secure AI Authentication and Access: 30 minutes <br/> • Secure AI Network Access: 1 hour <br/> • Secure AI Data Access: 1.5 hours <br/> • Build Agents Securely: 30 minutes <br/> • Security Detection and Response for AI: 30 minutes <hr /> **• Total: 6 hours** |
+| • Map and Assess AI Risk: 1 hour <br/> • Register all agents: 1 hour <br/> • Secure AI Authentication and Access: 0.5 hour <br/> • Secure AI Network Access: 1 hour <br/> • Secure AI Data Access: 1.5 hours <br/> • Build Agents Securely: 0.5 hour <br/> • Security Detection and Response for AI: 0.5 hour <hr /> **• Total: 6 hours** |

src/react/docs/workshop-guidance/versionHistory.md

@@ -3,6 +3,8 @@ sidebar_position: 9
 ---
 
 # Version History
+Please note that we transitioned from using the Excel Workshop tool to a new Single-Page Application (SPA) in March 2026. Moving forward, the old Excel file will no longer be supported and all updates will be made to the new SPA.
+
 
 |Version|Publication Date|Release Notes|
 |---|---|---|
@@ -13,4 +15,4 @@ sidebar_position: 9
 |2.3| October 2025| • Updates to Identity, Devices, and Security Operations Pillars to reflect latest feature and guidance updates |
 |2.4| February 2026| • Updates to Network, Infrastructure, and Operations Pillars to reflect latest feature and guidance updates |
 |2.5| February 2026| • Updates to Identity and Network Pillars to reflect latest feature and guidance updates |
-|3.0| March 2026| • Updated workshop tool. Include the new AI pillar and various updates to existing pillars |
+|**3.0**| **March 2026**| **• Converted over to new Single-Page Application (SPA) for the Workshop tool. Published a new AI pillar. Updated existing pillars to refelct latest feature and guidance updates** |

src/react/src/components/GuideSteps/index.js

@@ -12,7 +12,7 @@ const Steps = [
                 <ul>
                     <li>Identify and notify the right stakeholders from your organization and your deployment partners for each zero trust pillar</li>
                     <li>Review the <a href="docs/workshop-guidance/delivery-guide" title="Workshop Delivery Guide">delivery guide</a></li>
-                    <li>(Optional) Run the <a href="https://learn.microsoft.com/en-us/security/zero-trust/assessment/get-started" title="Learn about the Zero Trust Assessment">Zero Trust Assessment</a> to make sure you are starting with a healthy configuration</li>
+                    <li>Run the <a href="https://learn.microsoft.com/en-us/security/zero-trust/assessment/get-started" title="Learn about the Zero Trust Assessment">Zero Trust Assessment</a> to make sure you are starting with a healthy configuration</li>
                 </ul>
             </>
         ),
@@ -27,7 +27,7 @@ const Steps = [
             <>
                 <ul>
                     <li>
-                        Open the <a href="https://zerotrust.microsoft.com" title="Zero Trust Workshop Tool">workshop tool</a>.
+                        Open the <a href="https://zerotrust.microsoft.com" title="Zero Trust Workshop Tool">workshop tool </a>
                     </li>
                     <li>
                         Deliver the workshop for each Zero Trust pillar with the right stakeholders. You can run them in the proposed order or choose the right pillar for the area you are focused on:
@@ -64,15 +64,15 @@ const Steps = [
                             </li>
                             <li>
                                 <a href="docs/category/ai" title="AI Pillar Info">
-                                    AI
+                                    Artificial Intelligence (New)
                                 </a>
                             </li>
                         </ul>
                     </li>
                 </ul>
             </>
         ),
-        imageUrl: require("@site/static/img/guide-step4.png").default,
+        imageUrl: require("@site/static/img/newUI.png").default,
         imageAltText: "Run a strategy workshop",
         videoUrl: "",
     },
@@ -83,24 +83,24 @@ const Steps = [
             <>
                 <ul>
                     <li>
-                        Analyze the report generated by the Workshop tool.
+                        Analyze the report generated by the Workshop tool
                     </li>
                     <li>
                         Identify areas that need improvement and adjust your security plan
-                        accordingly.
+                        accordingly
                     </li>
                     <li>
                         Establish a baseline and track your progress with regular
-                        assessments every 6 months.
+                        assessments every 6 months
                     </li>
                     <li>
                         Export workshop and assessment results to your project management tool (e.g., ADO, JIRA)
                     </li>
                 </ul>
             </>
         ),
-        imageUrl: require("@site/static/img/learn-pillars.png").default,
-        imageAltText: "Specific pillar workshop videos",
+        imageUrl: require("@site/static/img/report.png").default,
+        imageAltText: "ZT Workshop Report",
         videoUrl: "",
     },
     {

src/react/src/pages/guide.js

@@ -16,11 +16,40 @@ import {
 
 export default function Guide() {
     const { siteConfig } = useDocusaurusContext();
+    const [showAnnouncementBanner, setShowAnnouncementBanner] = useState(true);
+
+    const dismissAnnouncementBanner = () => {
+        setShowAnnouncementBanner(false);
+    };
+
     return (
         <Layout
             title={`Microsoft Zero Trust Assessment`}
             description="Check your Microsoft tenant configuration for zero trust readiness"
         >
+            {showAnnouncementBanner && (
+                <section className={styles.homeAnnouncementBanner} aria-label="Product announcement">
+                    <button
+                        type="button"
+                        className={styles.dismissBannerButton}
+                        aria-label="Dismiss announcement"
+                        onClick={dismissAnnouncementBanner}
+                    >
+                        x
+                    </button>
+                    <p className={styles.homeAnnouncementText}>
+                        <strong>Check out our latest updates!</strong> Experience our new{" "}
+                        <a href="https://zerotrust.microsoft.com/"><strong>ZT Workshop Tool</strong></a>: a
+                        Single-Page Application with a new AI pillar and the ability to generate
+                        automated summaries and implementation plans. We&apos;ve also made
+                        updates to the{" "}
+                        <a href="https://learn.microsoft.com/en-us/security/zero-trust/assessment/get-started">
+                            <strong>ZT Assessment</strong>
+                        </a>, adding support for the Data and Network pillars and expanding the
+                        number of Identity and Devices checks available.
+                    </p>
+                </section>
+            )}
 
             <header className="hero-banner">
                 <div className="hero-content">

src/react/src/pages/index.js

@@ -146,11 +146,40 @@ function HomepageHeader() {
 
 export default function Home() {
   const { siteConfig } = useDocusaurusContext();
+  const [showAnnouncementBanner, setShowAnnouncementBanner] = useState(true);
+
+  const dismissAnnouncementBanner = () => {
+    setShowAnnouncementBanner(false);
+  };
+
   return (
     <Layout
       title={`Microsoft Zero Trust Assessment`}
       description="Check your Microsoft tenant configuration for zero trust readiness"
     >
+      {showAnnouncementBanner && (
+        <section className={styles.homeAnnouncementBanner} aria-label="Product announcement">
+          <button
+            type="button"
+            className={styles.dismissBannerButton}
+            aria-label="Dismiss announcement"
+            onClick={dismissAnnouncementBanner}
+          >
+            x
+          </button>
+          <p className={styles.homeAnnouncementText}>
+            <strong>Check out our latest updates!</strong> Experience our new{" "}
+            <a href="https://zerotrust.microsoft.com/"><strong>ZT Workshop Tool</strong></a>: a
+            Single-Page Application with a new AI pillar and the ability to generate
+            automated summaries and implementation plans. We&apos;ve also made
+            updates to the{" "}
+            <a href="https://learn.microsoft.com/en-us/security/zero-trust/assessment/get-started">
+              <strong>ZT Assessment</strong>
+            </a>, adding support for the Data and Network pillars and expanding the
+            number of Identity and Devices checks available.
+          </p>
+        </section>
+      )}
       <MsalProvider instance={pca}>
         <FluentProvider theme={teamsDarkTheme}>
           <HomepageHeader />

src/react/src/pages/index.module.css

@@ -71,4 +71,47 @@
 
 .buttons a {
   margin: 20px 36px;
+}
+
+.homeAnnouncementBanner {
+  position: relative;
+  width: 100%;
+  padding: 0.75rem 2.75rem 0.75rem 1rem;
+  border-bottom: 1px solid #2a5f2d;
+  background: #e9f7ea;
+  color: #103312;
+}
+
+.homeAnnouncementText {
+  margin: 0;
+  font-size: 0.95rem;
+  line-height: 1.45;
+}
+
+.homeAnnouncementText a {
+  color: #0b4e90;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.homeAnnouncementText a:hover {
+  color: #083767;
+}
+
+.dismissBannerButton {
+  position: absolute;
+  top: 0.45rem;
+  right: 0.65rem;
+  border: 1px solid transparent;
+  background: transparent;
+  color: #0f3612;
+  font-size: 1rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.dismissBannerButton:hover,
+.dismissBannerButton:focus-visible {
+  border-color: #2a5f2d;
+  border-radius: 2px;
 }

src/react/src/pages/workshop.js

@@ -22,7 +22,6 @@ export default function Workshop() {
             title={`Microsoft Zero Trust Assessment`}
             description="Check your Microsoft tenant configuration for zero trust readiness"
         >
-
             <header className="hero-banner">
                 <div className="hero-content">
                     <div className="hero-image-left">