diff --git a/docs/genai-js-roadmap.md b/docs/genai-js-roadmap.md
new file mode 100644
index 00000000..9964bb8e
--- /dev/null
+++ b/docs/genai-js-roadmap.md
@@ -0,0 +1,84 @@
+https://microsoft-my.sharepoint.com/:w:/p/johalexander/ER5AolNL_lxOpvQg1jFOJkIBI8Wq-f2fO8oTMHxMF0F-8Q?wdOrigin=TEAMS-MAGLEV.p2p_ns.rwc&wdExp=TEAMS-TREATMENT&wdhostclicktime=1724681276866&web=1
+
+<!-- Inspired by the Java Developer Roadmap: https://github.com/devoxx/JavaRoadmap -->
+
+- AI Playbook: https://learn.microsoft.com/ai/playbook/
+
+- AI on Azure: https://learn.microsoft.com/azure/cloud-adoption-framework/scenarios/ai/
+
+- https://learn.microsoft.com/en-us/collections/5dj3hoep3n88gk
+
+
+![](./images/genai-js-roadmap.drawio.svg)
+
+# Gen AI + Azure JavaScript Developer Roadmap
+
+## JavaScript
+
+- [Beginner's Series to JavaScript | Learn](https://learn.microsoft.com/shows/beginners-series-to-javascript/)
+- [JavaScript | MDN](https://developer.mozilla.org/docs/Web/JavaScript)
+
+## [Node.js](https://nodejs.org/)
+
+- [Beginner's Series to Node.js | Learn](https://learn.microsoft.com/shows/beginners-series-to-nodejs/)
+- [Build JavaScript application with Node.js | Learn](https://learn.microsoft.com/training/paths/build-javascript-applications-nodejs/)
+
+## Introduction to Gen AI
+
+- [Introduction to building Gen AI | Learn](https://learn.microsoft.com/azure/developer/ai/introduction-build-generative-ai-solutions)
+- [Concepts and considerations | Learn](https://learn.microsoft.com/azure/developer/ai/gen-ai-concepts-considerations-developers)
+- [Develop AI apps with JavaScript | Learn](https://learn.microsoft.com/azure/developer/javascript/ai/azure-ai-for-javascript-developers)
+
+## AI Models
+
+- [Understanding LLMs | Learn](https://learn.microsoft.com/ai/playbook/technology-guidance/generative-ai/getting-started/use-case-recommend)
+
+### [Azure AI Foundry](https://ai.azure.com/)
+
+
+
+- Experimentation: https://learn.microsoft.com/en-us/ai/playbook/technology-guidance/generative-ai/working-with-llms/experiment-recommend
+  * https://learn.microsoft.com/en-us/azure/ai-studio/how-to/model-catalog-overview
+
+
+### [OpenAI SDK](https://github.com/openai/openai-node)
+
+
+### Running locally
+
+- [Ollama](https://ollama.com)
+- [LM Studio](https://lmstudio.ai)
+- [AI Toolkit for Visual Studio Code | VS Marketplace](https://marketplace.visualstudio.com/items?itemName=ms-windows-ai-studio.windows-ai-studio)
+
+
+
+
+## Responsible AI
+
+- [Responsible AI principles and practices | Learn](https://learn.microsoft.com/en-us/training/modules/embrace-responsible-ai-principles-practices/)
+- [Default content safety policies | Learn](https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/default-safety-policies)
+- [Abuse monitoring | Learn](https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/abuse-monitoring)
+- [Content filtering | Learn](https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/content-filter)
+
+## Prompt engineering
+
+- Prompt: https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/prompt-engineering?tabs=chat
+  * https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/advanced-prompt-engineering?pivots=programming-language-chat-completions
+  * https://cookbook.openai.com/
+
+- Evaluation: https://learn.microsoft.com/en-us/azure/developer/ai/intelligent-app-templates?pivots=javascript
+  - https://learn.microsoft.com/en-us/azure/architecture/ai-ml/guide/rag/rag-llm-evaluation-phase
+
+- Security: https://learn.microsoft.com/en-us/azure/well-architected/service-guides/azure-openai
+  * https://learn.microsoft.com/en-us/ai/playbook/technology-guidance/generative-ai/mlops-in-openai/security/security-plan-llm-application?source=recommendations
+  * https://learn.microsoft.com/en-us/ai/playbook/technology-guidance/generative-ai/mlops-in-openai/security/security-recommend
+  * https://learn.microsoft.com/en-us/ai/playbook/technology-guidance/generative-ai/dev-starters/genai-gateway/security-and-data-integrity
+
+- OPtimization:
+  * https://learn.microsoft.com/en-us/ai/playbook/technology-guidance/generative-ai/dev-starters/genai-gateway/cost-optimization
+  * https://learn.microsoft.com/en-us/ai/playbook/technology-guidance/generative-ai/dev-starters/genai-gateway/performance-efficiency
+
+- Ops: https://learn.microsoft.com/en-us/azure/architecture/ai-ml/openai/architecture/log-monitor-azure-openai
+
+AZD AI templates
+Templates gallery
\ No newline at end of file
diff --git a/docs/images/genai-js-roadmap.drawio.svg b/docs/images/genai-js-roadmap.drawio.svg
new file mode 100644
index 00000000..7a4a9e2e
--- /dev/null
+++ b/docs/images/genai-js-roadmap.drawio.svg
@@ -0,0 +1,859 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="821px" height="1161px" viewBox="-0.5 -0.5 821 1161" content="&lt;mxfile&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;WBrBurhWN9gBPyOfZJxs&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <rect x="0" y="0" width="820" height="1160" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
+        <rect x="224" y="10" width="380" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 25px; margin-left: 414px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                <b>
+                                    <font style="font-size: 16px;">
+                                        Gen AI + Azure JavaScript Developer Roadmap
+                                    </font>
+                                </b>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="414" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Gen AI + Azure JavaScript Developer Roadmap
+                </text>
+            </switch>
+        </g>
+        <rect x="732.5" y="30" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 45px; margin-left: 763px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
+                                Legend
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="763" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">
+                    Legend
+                </text>
+            </switch>
+        </g>
+        <rect x="720" y="140" width="85" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 155px; margin-left: 721px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                Possibilities
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="763" y="159" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Possibilities
+                </text>
+            </switch>
+        </g>
+        <rect x="720" y="60" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 75px; margin-left: 721px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Essentials
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="763" y="79" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Essentials
+                </text>
+            </switch>
+        </g>
+        <image x="792" y="55.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="720" y="100" width="85" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 115px; margin-left: 721px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Good to know
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="763" y="119" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Good to know
+                </text>
+            </switch>
+        </g>
+        <image x="792" y="95.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <path d="M 407.92 38.5 Q 384 48 382.5 82" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 425 89.5 L 465 88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 2" pointer-events="none"/>
+        <rect x="340" y="82" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 97px; margin-left: 341px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                JavaScript
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="383" y="101" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    JavaScript
+                </text>
+            </switch>
+        </g>
+        <image x="412" y="77.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 85px; margin-left: 470px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                                <a href="https://learn.microsoft.com/en-us/shows/beginners-series-to-javascript/">
+                                    Beginner's Series to JavaScript | Learn
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="470" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Beginner's Series to JavaScript | Learn
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="402" cy="317" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
+        <rect x="445" y="304" width="115" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 113px; height: 1px; padding-top: 319px; margin-left: 446px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Responsible AI
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="503" y="323" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Responsible AI
+                </text>
+            </switch>
+        </g>
+        <image x="547" y="299.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="450" y="404" width="135" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 133px; height: 1px; padding-top: 419px; margin-left: 451px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Prompt Engineering
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="518" y="423" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Prompt Engineering
+                </text>
+            </switch>
+        </g>
+        <image x="572" y="399.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="143.5" y="894" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 909px; margin-left: 145px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Security
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="186" y="913" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Security
+                </text>
+            </switch>
+        </g>
+        <image x="215.5" y="889.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="74" y="784" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 799px; margin-left: 75px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                LLM Ops
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="117" y="803" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    LLM Ops
+                </text>
+            </switch>
+        </g>
+        <image x="146" y="779.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="527.5" y="444" width="135" height="46" rx="6.9" ry="6.9" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 133px; height: 1px; padding-top: 467px; margin-left: 529px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Retrieval-Augmented Generation
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="595" y="471" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Retrieval-Augmented Ge...
+                </text>
+            </switch>
+        </g>
+        <image x="649.5" y="439.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <path d="M 425 104.5 L 465 108" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 2" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 107px; margin-left: 470px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                                <a href="https://developer.mozilla.org/docs/Web/JavaScript">
+                                    JavaScript | MDN
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="470" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    JavaScript | MDN
+                </text>
+            </switch>
+        </g>
+        <rect x="270" y="304" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 319px; margin-left: 271px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                AI Models
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="313" y="323" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    AI Models
+                </text>
+            </switch>
+        </g>
+        <image x="342" y="299.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="275" y="404" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 419px; margin-left: 276px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Embeddings
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="318" y="423" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Embeddings
+                </text>
+            </switch>
+        </g>
+        <image x="347" y="399.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="149" y="334" width="95" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 349px; margin-left: 150px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Running locally
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="197" y="353" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Running locally
+                </text>
+            </switch>
+        </g>
+        <image x="231" y="329.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="30" y="350" width="85" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 365px; margin-left: 31px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Phi-3
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="73" y="369" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Phi-3
+                </text>
+            </switch>
+        </g>
+        <rect x="284" y="770" width="100" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 785px; margin-left: 285px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                GitHub Actions
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="334" y="789" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    GitHub Actions
+                </text>
+            </switch>
+        </g>
+        <rect x="284" y="850" width="130" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 865px; margin-left: 285px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Azure Developer CLI
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="349" y="869" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Azure Developer CLI
+                </text>
+            </switch>
+        </g>
+        <rect x="284" y="810" width="100" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 825px; margin-left: 285px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                GitHub Actions
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="334" y="829" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    GitHub Actions
+                </text>
+            </switch>
+        </g>
+        <rect x="30" y="300" width="85" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 315px; margin-left: 31px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <a href="https://ollama.com/">
+                                    Ollama
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="73" y="319" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Ollama
+                </text>
+            </switch>
+        </g>
+        <rect x="144" y="954" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 969px; margin-left: 145px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Evaluation
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="187" y="973" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Evaluation
+                </text>
+            </switch>
+        </g>
+        <image x="216" y="949.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="114" y="1004" width="145" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 143px; height: 1px; padding-top: 1019px; margin-left: 115px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Logging and monitoring
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="187" y="1023" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Logging and monitoring
+                </text>
+            </switch>
+        </g>
+        <image x="246" y="999.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="291.5" y="619" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 634px; margin-left: 293px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Deployment
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="334" y="638" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Deployment
+                </text>
+            </switch>
+        </g>
+        <image x="363.5" y="614.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="430" y="804" width="95" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 819px; margin-left: 431px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Azure Services
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="478" y="823" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Azure Services
+                </text>
+            </switch>
+        </g>
+        <image x="512" y="799.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="560" y="770" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 785px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Static Web Apps
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="789" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Static Web Apps
+                </text>
+            </switch>
+        </g>
+        <rect x="560" y="810" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 825px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Functions
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="829" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Functions
+                </text>
+            </switch>
+        </g>
+        <rect x="560" y="850" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 865px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Container Apps
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="869" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Container Apps
+                </text>
+            </switch>
+        </g>
+        <rect x="560" y="890" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 905px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Cosmos DB
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Cosmos DB
+                </text>
+            </switch>
+        </g>
+        <rect x="560" y="930" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 945px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                AI Search
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="949" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    AI Search
+                </text>
+            </switch>
+        </g>
+        <rect x="560" y="970" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 985px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                API Management
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="989" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    API Management
+                </text>
+            </switch>
+        </g>
+        <rect x="560" y="1010" width="110" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1025px; margin-left: 561px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                API Center
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="1029" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    API Center
+                </text>
+            </switch>
+        </g>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1143px; margin-left: 545px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                                Keep learning ❤️
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="545" y="1147" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Keep learning ❤️
+                </text>
+            </switch>
+        </g>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 1123px; margin-left: 12px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                                <div style="text-align: justify;">
+                                    <b style="background-color: initial;">
+                                        Disclaimer
+                                    </b>
+                                    <span style="background-color: initial;">
+                                        : This list is not meant to be exhaustive, it's just a starting point!
+                                    </span>
+                                </div>
+                                <div style="text-align: justify;">
+                                    <span style="background-color: initial;">
+                                        You don’t need to know everything here to become an awesome GenAI
+                                    </span>
+                                </div>
+                                <div style="text-align: justify;">
+                                    <span style="background-color: initial;">
+                                        developer with JavaScript and Azure. Explore at your own pace and focus
+                                    </span>
+                                </div>
+                                <div style="text-align: justify;">
+                                    <span style="background-color: initial;">
+                                        on what excites you most!
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="12" y="1127" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Disclaimer: This list is not meant to be exhaustive, it's just a start...
+                </text>
+            </switch>
+        </g>
+        <rect x="74.5" y="824" width="115" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 113px; height: 1px; padding-top: 839px; margin-left: 76px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Cost optimization
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="132" y="843" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Cost optimization
+                </text>
+            </switch>
+        </g>
+        <image x="176.5" y="819.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="265" y="504" width="95" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 519px; margin-left: 266px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Multimodal AI
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="313" y="523" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Multimodal AI
+                </text>
+            </switch>
+        </g>
+        <image x="347" y="499.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="435" y="555" width="95" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 570px; margin-left: 436px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                AI Frameworks
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="483" y="574" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    AI Frameworks
+                </text>
+            </switch>
+        </g>
+        <image x="515.53" y="550.5" width="10.86" height="10.86" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 143px; margin-left: 62px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                                <a href="https://learn.microsoft.com/shows/beginners-series-to-nodejs/">
+                                    Beginner's Series to Node.js | Learn
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="62" y="147" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Beginner's Series to Node.js | Learn
+                </text>
+            </switch>
+        </g>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 165px; margin-left: 62px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
+                                <a href="https://learn.microsoft.com/en-us/training/paths/build-javascript-applications-nodejs/">
+                                    Build JavaScript application with Node.js | Learn
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="62" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Build JavaScript application with Node.js | Le...
+                </text>
+            </switch>
+        </g>
+        <path d="M 350 149.5 L 320 149.5 L 288.24 146.58 L 258.24 146.58" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 2" pointer-events="none"/>
+        <path d="M 350 164.5 L 320.12 166.17" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 2" pointer-events="none"/>
+        <path d="M 382.5 112 Q 383 130 392.5 142" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="350" y="142" width="85" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 157px; margin-left: 351px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <a href="https://nodejs.org/">
+                                    Node.js
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="393" y="161" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Node.js
+                </text>
+            </switch>
+        </g>
+        <image x="422" y="137.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="572.5" y="534" width="85" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 549px; margin-left: 574px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                LangChain.js
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="553" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    LangChain.js
+                </text>
+            </switch>
+        </g>
+        <rect x="572.5" y="585" width="85" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 600px; margin-left: 574px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                LlamaIndex
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="615" y="604" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    LlamaIndex
+                </text>
+            </switch>
+        </g>
+        <rect x="150" y="274" width="85" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 289px; margin-left: 151px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Open AI SDK
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="193" y="293" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Open AI SDK
+                </text>
+            </switch>
+        </g>
+        <image x="222" y="269.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTMgMy43NDgwNUMzIDMuMzMzODMgMy4zMzU3OSAyLjk5ODA1IDMuNzUgMi45OTgwNUgyMC4yNTQxQzIwLjg3MjIgMi45OTgwNSAyMS4yMjUgMy43MDM2OSAyMC44NTQxIDQuMTk4MTFMMTYuNjg5OCA5Ljc0OTI3TDIwLjg1NDEgMTUuMzAwNEMyMS4yMjUgMTUuNzk0OCAyMC44NzIyIDE2LjUwMDUgMjAuMjU0MSAxNi41MDA1TDQuNSAxNi41VjIxLjI0OTlDNC41IDIxLjYyOTYgNC4yMTc4NSAyMS45NDM0IDMuODUxNzcgMjEuOTkzTDMuNzUgMjEuOTk5OUMzLjM3MDMgMjEuOTk5OSAzLjA1NjUxIDIxLjcxNzcgMy4wMDY4NSAyMS4zNTE3TDMgMjEuMjQ5OVYzLjc0ODA1WiIvPiYjeGE7PC9zdmc+" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="137.5" y="204" width="105" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 103px; height: 1px; padding-top: 219px; margin-left: 139px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Azure AI Foundry
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="190" y="223" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Azure AI Foundry
+                </text>
+            </switch>
+        </g>
+        <image x="229.5" y="199.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <rect x="577.5" y="640" width="85" height="30" rx="4.5" ry="4.5" fill="#f5f5f5" stroke="#666666" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 655px; margin-left: 579px;">
+                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                TypeChat
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="620" y="659" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    TypeChat
+                </text>
+            </switch>
+        </g>
+        <path d="M 407.46 172.18 Q 420 190 399.21 205.34" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="334" y="204.71" width="104" height="35.29" rx="5.29" ry="5.29" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 102px; height: 1px; padding-top: 222px; margin-left: 335px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Introduction to Gen AI
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="386" y="226" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Introduction to G...
+                </text>
+            </switch>
+        </g>
+        <image x="422.21" y="199.5" width="12" height="12" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ij4mI3hhOyAgPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTEyLjAwMDQgMi4wMDE5NUM5Ljg2MDA2IDIuMDAxOTUgOC4xMjUgMy43MzcwMSA4LjEyNSA1Ljg3NzMyQzguMTI1IDguNzk2MDYgOS4zMzI0MyAxMi40Mjg5IDkuOTM3NzYgMTQuMDc1OUMxMC4yNjA2IDE0Ljk1NDIgMTEuMDk3IDE1LjQ5OTUgMTIuMDAyNSAxNS40OTk1QzEyLjkwNTcgMTUuNDk5NSAxMy43NDA5IDE0Ljk1NyAxNC4wNjQ2IDE0LjA4MDlDMTQuNjcwNSAxMi40NDEzIDE1Ljg3NTcgOC44MjcgMTUuODc1NyA1Ljg3NzMyQzE1Ljg3NTcgMy43MzcwMSAxNC4xNDA3IDIuMDAxOTUgMTIuMDAwNCAyLjAwMTk1Wk0xMi4wMDExIDE3LjAwMUMxMC42MTk4IDE3LjAwMSA5LjUgMTguMTIwOCA5LjUgMTkuNTAyMUM5LjUgMjAuODgzNCAxMC42MTk4IDIyLjAwMzIgMTIuMDAxMSAyMi4wMDMyQzEzLjM4MjUgMjIuMDAzMiAxNC41MDIyIDIwLjg4MzQgMTQuNTAyMiAxOS41MDIxQzE0LjUwMjIgMTguMTIwOCAxMy4zODI1IDE3LjAwMSAxMi4wMDExIDE3LjAwMVoiLz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
+        <ellipse cx="413" cy="402" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>
