pyegeria 5.3.4.6__py3-none-any.whl → 5.3.4.7__py3-none-any.whl

pyegeria/mermaid_utilities.py

@@ -235,107 +235,239 @@ def construct_mermaid_html(mermaid_str: str) -> str:
     escaped_header = html.escape(title_label) if title_label else ""  # Sanitize the header safely
     escaped_mermaid_code = html.escape(mermaid_code)
 
-    header_html = f"<h2 class='diagram-header'>{escaped_header}</h2>\nGUID: {guid}" if {title_label} else ""
+    # header_html = f"<h2 class='diagram-header'>{escaped_header}</h2>\nGUID: {guid}" if title_label else ""
+    # Header HTML (display only if header exists)
+    header_html = f"""
+        <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+            {escaped_header}
+        </h2>
+        """ if title_label else ""
 
     # Construct the HTML content with Mermaid.js initialization and zoom/pan support
+
+
     mermaid_html = f"""
-    <div class="diagram-container" style="width: 90%; max-width: 800px; margin: auto; padding: 20px; background: white; border: 1px solid #ddd; border-radius: 12px; position: relative;">
+    <div id="{graph_id}-container" class="diagram-container" 
+         style="width: 90%; max-width: 800px; margin: auto; padding: 20px; 
+                background: white; border: 1px solid #ddd; 
+                border-radius: 12px; position: relative;">
         {header_html}
-        <div class="pan-zoom-container" style="width: 100%; height: 500px; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #ccc; cursor: grab;">
-            <div id="{graph_id}" class="mermaid pan-zoom-content" style="position: absolute; transform-origin: 0 0; cursor: grab;">
+        <div class="pan-zoom-container" 
+             style="width: 100%; height: 500px; overflow: hidden; 
+                    position: relative; background: #f9f9f9; 
+                    border: 1px solid #ccc; cursor: grab;">
+            <div id="{graph_id}" class="mermaid pan-zoom-content" 
+                 style="position: absolute; transform-origin: 0 0;">
                 {escaped_mermaid_code}
             </div>
         </div>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+
     <script>
-        // Initialize Mermaid.js and set up pan/zoom
-        mermaid.initialize({{ startOnLoad: true }});
-
-        const container = document.querySelector('.pan-zoom-container');
-        const content = document.querySelector('.pan-zoom-content');
-        const rect = content.getBoundingClientRect();
-
-        let scale = 1; // Current zoom level
-        let panX = 0;  // X-axis pan offset
-        let panY = 0;  // Y-axis pan offset
-        let isDragging = false;
-        let startX, startY;
-
-        // Helper: Apply transformations
-        const applyTransform = () => {{
-            content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
-        }};
-
-        // Helper: Center the diagram and fit it to the container
-        const centerAndFitDiagram = () => {{
-            const containerRect = container.getBoundingClientRect();
-            const rect = content.getBoundingClientRect();
-
-            scale = Math.min(
-                containerRect.width / rect.width,
-                containerRect.height / rect.height
-            );
-
-            panX = (containerRect.width - rect.width * scale) / 2;
-            panY = (containerRect.height - rect.height * scale) / 2;
-
-            applyTransform();
-            console.log("Diagram centered and fitted.");
-        }};
-
-        // Add zoom functionality
-        container.addEventListener('wheel', function(event) {{
-            event.preventDefault();
-            const zoomSpeed = 0.1;
-            const previousScale = scale;
-
-            if (event.deltaY < 0) {{
-                scale = Math.min(scale + zoomSpeed, 4);
+        (function() {{
+            // Check if Mermaid.js is already loaded; load if not
+            if (typeof mermaid === "undefined") {{
+                const script = document.createElement('script');
+                script.src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js";
+                script.onload = () => initializeMermaid();
+                document.head.appendChild(script);
             }} else {{
-                scale = Math.max(scale - zoomSpeed, 0.5);
+                initializeMermaid();
             }}
 
-            const zoomRatio = scale / previousScale;
-            panX -= (event.clientX - container.getBoundingClientRect().left) * (zoomRatio - 1);
-            panY -= (event.clientY - container.getBoundingClientRect().top) * (zoomRatio - 1);
-
-            applyTransform();
-        }});
-
-        // Add drag functionality for panning
-        container.addEventListener('mousedown', function(event) {{
-            isDragging = true;
-            startX = event.clientX - panX;
-            startY = event.clientY - panY;
-            container.style.cursor = "grabbing";
-        }});
-
-        container.addEventListener('mousemove', function(event) {{
-            if (!isDragging) return;
-
-            panX = event.clientX - startX;
-            panY = event.clientY - startY;
-
-            applyTransform();
-        }});
-
-        container.addEventListener('mouseup', function() {{
-            isDragging = false;
-            container.style.cursor = "grab";
-        }});
-
-        container.addEventListener('mouseleave', function() {{
-            isDragging = false;
-            container.style.cursor = "grab";
-        }});
-
-        // Center diagram after rendering by Mermaid
-        setTimeout(centerAndFitDiagram, 200);
+            function initializeMermaid() {{
+                // Re-render the Mermaid chart
+                mermaid.initialize({{ startOnLoad: true }});
+                mermaid.init(undefined, document.querySelector("#{graph_id}"));
+
+                // Add interactivity for pan and zoom
+                const container = document.querySelector('.pan-zoom-container');
+                const content = document.querySelector('.pan-zoom-content');
+
+                let scale = 1;  // Current zoom level
+                let panX = 0;   // X-axis pan
+                let panY = 0;   // Y-axis pan
+                let isDragging = false;
+                let startX, startY;
+
+                // Apply Transformations
+                const applyTransform = () => {{
+                    content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
+                }};
+
+                // Center Diagram on Load
+                const centerAndFitDiagram = () => {{
+                    const containerRect = container.getBoundingClientRect();
+                    const rect = content.getBoundingClientRect();
+
+                    scale = Math.min(
+                        containerRect.width / rect.width,
+                        containerRect.height / rect.height
+                    );
+
+                    panX = (containerRect.width - rect.width * scale) / 2;
+                    panY = (containerRect.height - rect.height * scale) / 2;
+
+                    applyTransform();
+                }};
+
+                setTimeout(centerAndFitDiagram, 200); // Allow rendering time
+
+                // Enable Mouse-Wheel Zoom
+                container.addEventListener('wheel', (event) => {{
+                    event.preventDefault();
+                    const zoomSpeed = 0.1;
+                    const previousScale = scale;
+
+                    if (event.deltaY < 0) {{
+                        scale = Math.min(scale + zoomSpeed, 4);
+                    }} else {{
+                        scale = Math.max(scale - zoomSpeed, 0.5);
+                    }}
+
+                    const zoomRatio = scale / previousScale;
+                    const clientRect = container.getBoundingClientRect();
+
+                    panX -= (event.clientX - clientRect.left) * (zoomRatio - 1);
+                    panY -= (event.clientY - clientRect.top) * (zoomRatio - 1);
+
+                    applyTransform();
+                }});
+
+                // Enable Drag-to-Pan
+                container.addEventListener('mousedown', (event) => {{
+                    isDragging = true;
+                    startX = event.clientX - panX;
+                    startY = event.clientY - panY;
+                    container.style.cursor = "grabbing";
+                }});
+
+                container.addEventListener('mousemove', (event) => {{
+                    if (!isDragging) return;
+
+                    panX = event.clientX - startX;
+                    panY = event.clientY - startY;
+
+                    applyTransform();
+                }});
+
+                container.addEventListener('mouseup', () => {{
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                }});
+
+                container.addEventListener('mouseleave', () => {{
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                }});
+            }}
+        }})();
     </script>
-"""
 
+    """
     return mermaid_html
+    # mermaid_html = f"""
+    #     <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+    #         {escaped_header}
+    #     </h2>
+#         """ if header else ""
+# #     <div class="diagram-container" style="width: 90%; max-width: 800px; margin: auto; padding: 20px; background: white; border: 1px solid #ddd; border-radius: 12px; position: relative;">
+# #         {header_html}
+# #         <div class="pan-zoom-container" style="width: 100%; height: 500px; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #ccc; cursor: grab;">
+# #             <div id="{graph_id}" class="mermaid pan-zoom-content" style="position: absolute; transform-origin: 0 0; cursor: grab;">
+# #                 {escaped_mermaid_code}
+# #             </div>
+# #         </div>
+# #     </div>
+# #     <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+# #     <script>
+# #         // Initialize Mermaid.js and set up pan/zoom
+# #         mermaid.initialize({{ startOnLoad: true }});
+# #
+# #         const container = document.querySelector('.pan-zoom-container');
+# #         const content = document.querySelector('.pan-zoom-content');
+# #         const rect = content.getBoundingClientRect();
+# #
+# #         let scale = 1; // Current zoom level
+# #         let panX = 0;  // X-axis pan offset
+# #         let panY = 0;  // Y-axis pan offset
+# #         let isDragging = false;
+# #         let startX, startY;
+# #
+# #         // Helper: Apply transformations
+# #         const applyTransform = () => {{
+# #             content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
+# #         }};
+# #
+# #         // Helper: Center the diagram and fit it to the container
+# #         const centerAndFitDiagram = () => {{
+# #             const containerRect = container.getBoundingClientRect();
+# #             const rect = content.getBoundingClientRect();
+# #
+# #             scale = Math.min(
+# #                 containerRect.width / rect.width,
+# #                 containerRect.height / rect.height
+# #             );
+# #
+# #             panX = (containerRect.width - rect.width * scale) / 2;
+# #             panY = (containerRect.height - rect.height * scale) / 2;
+# #
+# #             applyTransform();
+# #             console.log("Diagram centered and fitted.");
+# #         }};
+# #
+# #         // Add zoom functionality
+# #         container.addEventListener('wheel', function(event) {{
+# #             event.preventDefault();
+# #             const zoomSpeed = 0.1;
+# #             const previousScale = scale;
+# #
+# #             if (event.deltaY < 0) {{
+# #                 scale = Math.min(scale + zoomSpeed, 4);
+# #             }} else {{
+# #                 scale = Math.max(scale - zoomSpeed, 0.5);
+# #             }}
+# #
+# #             const zoomRatio = scale / previousScale;
+# #             panX -= (event.clientX - container.getBoundingClientRect().left) * (zoomRatio - 1);
+# #             panY -= (event.clientY - container.getBoundingClientRect().top) * (zoomRatio - 1);
+# #
+# #             applyTransform();
+# #         }});
+# #
+# #         // Add drag functionality for panning
+# #         container.addEventListener('mousedown', function(event) {{
+# #             isDragging = true;
+# #             startX = event.clientX - panX;
+# #             startY = event.clientY - panY;
+# #             container.style.cursor = "grabbing";
+# #         }});
+# #
+# #         container.addEventListener('mousemove', function(event) {{
+# #             if (!isDragging) return;
+# #
+# #             panX = event.clientX - startX;
+# #             panY = event.clientY - startY;
+# #
+# #             applyTransform();
+# #         }});
+# #
+# #         container.addEventListener('mouseup', function() {{
+# #             isDragging = false;
+# #             container.style.cursor = "grab";
+# #         }});
+# #
+# #         container.addEventListener('mouseleave', function() {{
+# #             isDragging = false;
+# #             container.style.cursor = "grab";
+# #         }});
+# #
+# #         // Center diagram after rendering by Mermaid
+# #         setTimeout(centerAndFitDiagram, 200);
+# #     </script>
+# # """
+#
+#     return mermaid_html
 
 
 

pyegeria/test_m.html

@@ -1,9 +1,19 @@
 
-    <div class="diagram-container" style="width: 90%; max-width: 800px; margin: auto; padding: 20px; background: white; border: 1px solid #ddd; border-radius: 12px; position: relative;">
-        <h2 class='diagram-header'>Component for Solution Blueprint - Clinical Trial Management Solution Blueprint </h2>
-GUID: c4f8d707-7c85-4125-b5fd-c3257a2ef2ef
-        <div class="pan-zoom-container" style="width: 100%; height: 500px; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #ccc; cursor: grab;">
-            <div id="Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_" class="mermaid pan-zoom-content" style="position: absolute; transform-origin: 0 0; cursor: grab;">
+    <div id="Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_-container" class="diagram-container" 
+         style="width: 90%; max-width: 800px; margin: auto; padding: 20px; 
+                background: white; border: 1px solid #ddd; 
+                border-radius: 12px; position: relative;">
+        
+        <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+            Component for Solution Blueprint - Clinical Trial Management Solution Blueprint 
+        </h2>
+        
+        <div class="pan-zoom-container" 
+             style="width: 100%; height: 500px; overflow: hidden; 
+                    position: relative; background: #f9f9f9; 
+                    border: 1px solid #ccc; cursor: grab;">
+            <div id="Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_" class="mermaid pan-zoom-content" 
+                 style="position: absolute; transform-origin: 0 0;">
                 flowchart TD
 %%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%
 
@@ -108,89 +118,106 @@ style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#
             </div>
         </div>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+
     <script>
-        // Initialize Mermaid.js and set up pan/zoom
-        mermaid.initialize({ startOnLoad: true });
-
-        const container = document.querySelector('.pan-zoom-container');
-        const content = document.querySelector('.pan-zoom-content');
-        const rect = content.getBoundingClientRect();
-
-        let scale = 1; // Current zoom level
-        let panX = 0;  // X-axis pan offset
-        let panY = 0;  // Y-axis pan offset
-        let isDragging = false;
-        let startX, startY;
-
-        // Helper: Apply transformations
-        const applyTransform = () => {
-            content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
-        };
-
-        // Helper: Center the diagram and fit it to the container
-        const centerAndFitDiagram = () => {
-            const containerRect = container.getBoundingClientRect();
-            const rect = content.getBoundingClientRect();
-
-            scale = Math.min(
-                containerRect.width / rect.width,
-                containerRect.height / rect.height
-            );
-
-            panX = (containerRect.width - rect.width * scale) / 2;
-            panY = (containerRect.height - rect.height * scale) / 2;
-
-            applyTransform();
-            console.log("Diagram centered and fitted.");
-        };
-
-        // Add zoom functionality
-        container.addEventListener('wheel', function(event) {
-            event.preventDefault();
-            const zoomSpeed = 0.1;
-            const previousScale = scale;
-
-            if (event.deltaY < 0) {
-                scale = Math.min(scale + zoomSpeed, 4);
+        (function() {
+            // Check if Mermaid.js is already loaded; load if not
+            if (typeof mermaid === "undefined") {
+                const script = document.createElement('script');
+                script.src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js";
+                script.onload = () => initializeMermaid();
+                document.head.appendChild(script);
             } else {
-                scale = Math.max(scale - zoomSpeed, 0.5);
+                initializeMermaid();
             }
 
-            const zoomRatio = scale / previousScale;
-            panX -= (event.clientX - container.getBoundingClientRect().left) * (zoomRatio - 1);
-            panY -= (event.clientY - container.getBoundingClientRect().top) * (zoomRatio - 1);
-
-            applyTransform();
-        });
-
-        // Add drag functionality for panning
-        container.addEventListener('mousedown', function(event) {
-            isDragging = true;
-            startX = event.clientX - panX;
-            startY = event.clientY - panY;
-            container.style.cursor = "grabbing";
-        });
-
-        container.addEventListener('mousemove', function(event) {
-            if (!isDragging) return;
-
-            panX = event.clientX - startX;
-            panY = event.clientY - startY;
-
-            applyTransform();
-        });
-
-        container.addEventListener('mouseup', function() {
-            isDragging = false;
-            container.style.cursor = "grab";
-        });
-
-        container.addEventListener('mouseleave', function() {
-            isDragging = false;
-            container.style.cursor = "grab";
-        });
-
-        // Center diagram after rendering by Mermaid
-        setTimeout(centerAndFitDiagram, 200);
+            function initializeMermaid() {
+                // Re-render the Mermaid chart
+                mermaid.initialize({ startOnLoad: true });
+                mermaid.init(undefined, document.querySelector("#Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_"));
+
+                // Add interactivity for pan and zoom
+                const container = document.querySelector('.pan-zoom-container');
+                const content = document.querySelector('.pan-zoom-content');
+
+                let scale = 1;  // Current zoom level
+                let panX = 0;   // X-axis pan
+                let panY = 0;   // Y-axis pan
+                let isDragging = false;
+                let startX, startY;
+
+                // Apply Transformations
+                const applyTransform = () => {
+                    content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
+                };
+
+                // Center Diagram on Load
+                const centerAndFitDiagram = () => {
+                    const containerRect = container.getBoundingClientRect();
+                    const rect = content.getBoundingClientRect();
+
+                    scale = Math.min(
+                        containerRect.width / rect.width,
+                        containerRect.height / rect.height
+                    );
+
+                    panX = (containerRect.width - rect.width * scale) / 2;
+                    panY = (containerRect.height - rect.height * scale) / 2;
+
+                    applyTransform();
+                };
+
+                setTimeout(centerAndFitDiagram, 200); // Allow rendering time
+
+                // Enable Mouse-Wheel Zoom
+                container.addEventListener('wheel', (event) => {
+                    event.preventDefault();
+                    const zoomSpeed = 0.1;
+                    const previousScale = scale;
+
+                    if (event.deltaY < 0) {
+                        scale = Math.min(scale + zoomSpeed, 4);
+                    } else {
+                        scale = Math.max(scale - zoomSpeed, 0.5);
+                    }
+
+                    const zoomRatio = scale / previousScale;
+                    const clientRect = container.getBoundingClientRect();
+
+                    panX -= (event.clientX - clientRect.left) * (zoomRatio - 1);
+                    panY -= (event.clientY - clientRect.top) * (zoomRatio - 1);
+
+                    applyTransform();
+                });
+
+                // Enable Drag-to-Pan
+                container.addEventListener('mousedown', (event) => {
+                    isDragging = true;
+                    startX = event.clientX - panX;
+                    startY = event.clientY - panY;
+                    container.style.cursor = "grabbing";
+                });
+
+                container.addEventListener('mousemove', (event) => {
+                    if (!isDragging) return;
+
+                    panX = event.clientX - startX;
+                    panY = event.clientY - startY;
+
+                    applyTransform();
+                });
+
+                container.addEventListener('mouseup', () => {
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                });
+
+                container.addEventListener('mouseleave', () => {
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                });
+            }
+        })();
     </script>
+
+    

pyegeria/test_mer.ipynb

@@ -0,0 +1,596 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "id": "initial_id",
+   "metadata": {
+    "collapsed": true
+   },
+   "source": [
+    ""
+   ],
+   "outputs": [],
+   "execution_count": null
+  },
+  {
+   "metadata": {},
+   "cell_type": "code",
+   "source": [
+    "from pyegeria import save_mermaid_graph, render_mermaid, load_mermaid, construct_mermaid_html\n",
+    "from IPython.display import display, HTML"
+   ],
+   "id": "ce93f58829adc918",
+   "outputs": [],
+   "execution_count": null
+  },
+  {
+   "metadata": {},
+   "cell_type": "code",
+   "source": [
+    "s = \"\"\"\n",
+    "\n",
+    "    <div class=\"diagram-container\" style=\"width: 100%; max-width: 800px; margin: auto; padding: 20px; background: white; border: 1px solid #ddd; border-radius: 12px; position: relative;\">\n",
+    "        <h2 class='diagram-header'>Component for Solution Blueprint - Clinical Trial Management Solution Blueprint </h2>\n",
+    "GUID: c4f8d707-7c85-4125-b5fd-c3257a2ef2ef\n",
+    "        <div class=\"pan-zoom-container\" style=\"width: 100%; height: 500px; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #ccc; cursor: grab;\">\n",
+    "            <div id=\"Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_\" class=\"mermaid pan-zoom-content\" style=\"position: absolute; transform-origin: 0 0;\">\n",
+    "                flowchart TD\n",
+    "%%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%\n",
+    "\n",
+    "subgraph c4f8d707-7c85-4125-b5fd-c3257a2ef2ef [Components and Actors]\n",
+    "fc2de77f-7320-48ea-8750-d434c6e870db@{ shape: text, label: &quot;*Description*\n",
+    "**A description of how a clinical trial is managed in Coco Pharmaceuticals.**&quot;}\n",
+    "37b8560d-84d4-434b-9b0d-105420fcc924@{ shape: subproc, label: &quot;*Solution Component*\n",
+    "**Certify Hospital**&quot;}\n",
+    "f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**Clinical Trial Manager**&quot;}\n",
+    "f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Certifier&quot;|37b8560d-84d4-434b-9b0d-105420fcc924\n",
+    "72a86eec-9734-4bc0-babb-4fec0aa7c9ff@{ shape: docs, label: &quot;*Solution Component*\n",
+    "**Assemble Treatment Assessment Report**&quot;}\n",
+    "48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5@{ shape: rect, label: &quot;*Solution Component*\n",
+    "**Treatment Efficacy Evidence**&quot;}\n",
+    "48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5--&gt;|&quot;Solution Linking Wire&quot;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff\n",
+    "f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Author&quot;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff\n",
+    "b5c8da4c-f925-4cf1-8294-e43cd2c1a584@{ shape: rect, label: &quot;*Solution Component*\n",
+    "**Analyse Patient Data**&quot;}\n",
+    "b5c8da4c-f925-4cf1-8294-e43cd2c1a584--&gt;|&quot;Solution Linking Wire&quot;|48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5\n",
+    "7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: subproc, label: &quot;*Solution Component*\n",
+    "**Weekly Measurements Onboarding Pipeline**&quot;}\n",
+    "07705e15-efff-4f80-8992-f04ac85e0ef1@{ shape: rect, label: &quot;*Solution Component*\n",
+    "**Landing Folder Cataloguer**&quot;}\n",
+    "07705e15-efff-4f80-8992-f04ac85e0ef1--&gt;|&quot;Solution Linking Wire&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a\n",
+    "f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Steward&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a\n",
+    "b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**Certified Data Engineer**&quot;}\n",
+    "b0290339-c96c-4b05-904f-12fc98e54e14--&gt;|&quot;Steward&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a\n",
+    "d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: lin-cyl, label: &quot;*Solution Component*\n",
+    "**Treatment Validation Sandbox**&quot;}\n",
+    "26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: &quot;*Solution Component*\n",
+    "**Populate Sandbox**&quot;}\n",
+    "26c07ca4-3b8e-484b-812b-36c1ace4b275--&gt;|&quot;Solution Linking Wire&quot;|d48f579f-76d3-4c49-b1b4-575f5645a9d0\n",
+    "ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec@{ shape: processes, label: &quot;*Solution Component*\n",
+    "**Hospital Processes**&quot;}\n",
+    "a8bd84ca-0aae-4534-b0e8-87e8659467a6@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**Clinical Trial Participating Hospital Coordinator**&quot;}\n",
+    "a8bd84ca-0aae-4534-b0e8-87e8659467a6--&gt;|&quot;Coordinator on behalf of hospital&quot;|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec\n",
+    "30adaab5-8870-47a8-8ae9-facbf84cb05a@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**Clinical Trial Participating Hospital**&quot;}\n",
+    "30adaab5-8870-47a8-8ae9-facbf84cb05a--&gt;|&quot;Owner&quot;|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec\n",
+    "d48f579f-76d3-4c49-b1b4-575f5645a9d0--&gt;|&quot;Solution Linking Wire&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584\n",
+    "ece17806-836c-4756-b3a2-2d12dde215f6@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**New Treatment Data Scientist**&quot;}\n",
+    "ece17806-836c-4756-b3a2-2d12dde215f6--&gt;|&quot;Data Analyser&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584\n",
+    "0c757e35-8a42-4d5f-b01b-c72a6cea65cc@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**New Treatment Researcher.**&quot;}\n",
+    "0c757e35-8a42-4d5f-b01b-c72a6cea65cc--&gt;|&quot;Results Interpreter&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584\n",
+    "e9c2f911-ffcb-40c6-aeee-8c4d43811576@{ shape: subproc, label: &quot;*Solution Component*\n",
+    "**Onboard Hospital**&quot;}\n",
+    "b0290339-c96c-4b05-904f-12fc98e54e14--&gt;|&quot;Initiator&quot;|e9c2f911-ffcb-40c6-aeee-8c4d43811576\n",
+    "849b0b42-f465-452b-813c-477d6398e082@{ shape: subproc, label: &quot;*Solution Component*\n",
+    "**Set up clinical trial**&quot;}\n",
+    "f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Initiator&quot;|849b0b42-f465-452b-813c-477d6398e082\n",
+    "a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: lin-cyl, label: &quot;*Solution Component*\n",
+    "**Weekly Measurements Data Lake Folder**&quot;}\n",
+    "7f5dca65-50b4-4103-9ac7-3a406a09047a--&gt;|&quot;Solution Linking Wire&quot;|a5d4d638-6836-47e5-99d0-fdcde637e13f\n",
+    "0bf2547c-937c-41b6-814f-6284849271a1@{ shape: odd, label: &quot;*Solution Component*\n",
+    "**Treatment Assessment Report Validation and Delivery**&quot;}\n",
+    "72a86eec-9734-4bc0-babb-4fec0aa7c9ff--&gt;|&quot;Solution Linking Wire&quot;|0bf2547c-937c-41b6-814f-6284849271a1\n",
+    "f6bc847b-868d-43cc-b767-41f5fe3e47d1@{ shape: trap-t, label: &quot;*Solution Actor Role*\n",
+    "**Clinical Trial Sponsor**&quot;}\n",
+    "f6bc847b-868d-43cc-b767-41f5fe3e47d1--&gt;|&quot;Reviewer&quot;|0bf2547c-937c-41b6-814f-6284849271a1\n",
+    "a5d4d638-6836-47e5-99d0-fdcde637e13f--&gt;|&quot;Solution Linking Wire&quot;|26c07ca4-3b8e-484b-812b-36c1ace4b275\n",
+    "fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: subproc, label: &quot;*Solution Component*\n",
+    "**Set up Data Lake Folder**&quot;}\n",
+    "b0290339-c96c-4b05-904f-12fc98e54e14--&gt;|&quot;Initiator&quot;|fb32bef2-e79f-4893-b500-2e547f24d482\n",
+    "1c150d6e-30cf-481c-9afb-3b06c9c9e78f@{ shape: lin-cyl, label: &quot;*Solution Component*\n",
+    "**Hospital Landing Area Folder**&quot;}\n",
+    "ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec--&gt;|&quot;Solution Linking Wire&quot;|1c150d6e-30cf-481c-9afb-3b06c9c9e78f\n",
+    "1c150d6e-30cf-481c-9afb-3b06c9c9e78f--&gt;|&quot;Solution Linking Wire&quot;|07705e15-efff-4f80-8992-f04ac85e0ef1\n",
+    "11c7c850-c67c-41cc-9423-d74db47cbf3a@{ shape: subproc, label: &quot;*Solution Component*\n",
+    "**Nominate Hospital**&quot;}\n",
+    "f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Initiator&quot;|11c7c850-c67c-41cc-9423-d74db47cbf3a\n",
+    "end\n",
+    "style 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style ece17806-836c-4756-b3a2-2d12dde215f6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style e9c2f911-ffcb-40c6-aeee-8c4d43811576 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 0bf2547c-937c-41b6-814f-6284849271a1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 30adaab5-8870-47a8-8ae9-facbf84cb05a color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style 26c07ca4-3b8e-484b-812b-36c1ace4b275 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 1c150d6e-30cf-481c-9afb-3b06c9c9e78f color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style a8bd84ca-0aae-4534-b0e8-87e8659467a6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style 0c757e35-8a42-4d5f-b01b-c72a6cea65cc color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style c4f8d707-7c85-4125-b5fd-c3257a2ef2ef color:#3079ab, fill:#b7c0c7, stroke:#3079ab\n",
+    "style 37b8560d-84d4-434b-9b0d-105420fcc924 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 11c7c850-c67c-41cc-9423-d74db47cbf3a color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style fc2de77f-7320-48ea-8750-d434c6e870db color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+    "style 849b0b42-f465-452b-813c-477d6398e082 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 7f5dca65-50b4-4103-9ac7-3a406a09047a color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style 72a86eec-9734-4bc0-babb-4fec0aa7c9ff color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style b5c8da4c-f925-4cf1-8294-e43cd2c1a584 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style f6bc847b-868d-43cc-b767-41f5fe3e47d1 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7\n",
+    "style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#3079ab\n",
+    "            </div>\n",
+    "        </div>\n",
+    "    </div>\n",
+    "\n",
+    "    <script>\n",
+    "        // Load Mermaid if it's not already loaded\n",
+    "        if (typeof mermaid === \"undefined\") {\n",
+    "            const script = document.createElement('script');\n",
+    "            script.src = \"https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js\";\n",
+    "            script.onload = () => renderMermaidGraph();\n",
+    "            document.head.appendChild(script);\n",
+    "        } else {\n",
+    "            // Mermaid already loaded, render the graph immediately\n",
+    "            renderMermaidGraph();\n",
+    "        }\n",
+    "\n",
+    "        function renderMermaidGraph() {\n",
+    "            mermaid.initialize({ startOnLoad: true });\n",
+    "\n",
+    "            const container = document.querySelector('.pan-zoom-container');\n",
+    "            const content = document.querySelector('.pan-zoom-content');\n",
+    "\n",
+    "            let scale = 1; // Current zoom level\n",
+    "            let panX = 0;  // X-axis pan\n",
+    "            let panY = 0;  // Y-axis pan\n",
+    "            let isDragging = false;\n",
+    "            let startX, startY;\n",
+    "\n",
+    "            // Apply transformations\n",
+    "            const applyTransform = () => {\n",
+    "                content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;\n",
+    "            };\n",
+    "\n",
+    "            // Fit diagram to container\n",
+    "            const centerAndFitDiagram = () => {\n",
+    "                const containerRect = container.getBoundingClientRect();\n",
+    "                const rect = content.getBoundingClientRect();\n",
+    "\n",
+    "                scale = Math.min(\n",
+    "                    containerRect.width / rect.width,\n",
+    "                    containerRect.height / rect.height\n",
+    "                );\n",
+    "\n",
+    "                panX = (containerRect.width - rect.width * scale) / 2;\n",
+    "                panY = (containerRect.height - rect.height * scale) / 2;\n",
+    "\n",
+    "                applyTransform();\n",
+    "            };\n",
+    "\n",
+    "            // Zoom functionality\n",
+    "            container.addEventListener('wheel', function(event) {\n",
+    "                event.preventDefault();\n",
+    "                const zoomSpeed = 0.1;\n",
+    "                const previousScale = scale;\n",
+    "\n",
+    "                if (event.deltaY < 0) {\n",
+    "                    scale = Math.min(scale + zoomSpeed, 4);\n",
+    "                } else {\n",
+    "                    scale = Math.max(scale - zoomSpeed, 0.5);\n",
+    "                }\n",
+    "\n",
+    "                const zoomRatio = scale / previousScale;\n",
+    "                const clientRect = container.getBoundingClientRect();\n",
+    "\n",
+    "                panX -= (event.clientX - clientRect.left) * (zoomRatio - 1);\n",
+    "                panY -= (event.clientY - clientRect.top) * (zoomRatio - 1);\n",
+    "\n",
+    "                applyTransform();\n",
+    "            });\n",
+    "\n",
+    "            // Drag functionality\n",
+    "            container.addEventListener('mousedown', function(event) {\n",
+    "                isDragging = true;\n",
+    "                startX = event.clientX - panX;\n",
+    "                startY = event.clientY - panY;\n",
+    "                container.style.cursor = \"grabbing\";\n",
+    "            });\n",
+    "\n",
+    "            container.addEventListener('mousemove', function(event) {\n",
+    "                if (!isDragging) return;\n",
+    "\n",
+    "                panX = event.clientX - startX;\n",
+    "                panY = event.clientY - startY;\n",
+    "\n",
+    "                applyTransform();\n",
+    "            });\n",
+    "\n",
+    "            container.addEventListener('mouseup', function() {\n",
+    "                isDragging = false;\n",
+    "                container.style.cursor = \"grab\";\n",
+    "            });\n",
+    "\n",
+    "            container.addEventListener('mouseleave', function() {\n",
+    "                isDragging = false;\n",
+    "                container.style.cursor = \"grab\";\n",
+    "            });\n",
+    "\n",
+    "            setTimeout(centerAndFitDiagram, 200);\n",
+    "        }\n",
+    "    </script>\n",
+    "    \"\"\""
+   ],
+   "id": "6f8c28251d1dfa9f",
+   "outputs": [],
+   "execution_count": null
+  },
+  {
+   "metadata": {
+    "ExecuteTime": {
+     "end_time": "2025-02-07T01:29:56.716699Z",
+     "start_time": "2025-02-07T01:29:56.414355Z"
+    }
+   },
+   "cell_type": "code",
+   "source": [
+    "from pyegeria.egeria_tech_client import EgeriaTech\n",
+    "from pyegeria.mermaid_utilities import render_mermaid, construct_mermaid_html, load_mermaid\n",
+    "from IPython.display import display, HTML\n",
+    "\n",
+    "c = EgeriaTech('qs-view-server','https://localhost:9443','erinoverview','secret')\n",
+    "c.create_egeria_bearer_token()"
+   ],
+   "id": "2adde043f97ae76a",
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "'eyJraWQiOiI1NTNhNTIzOC1iNDFjLTQyZTItOTM2YS1iMGE3NjQ5YWFlOWQiLCJhbGciOiJSUzI1NiJ9.eyJpc3MiOiJzZWxmIiwic3ViIjoiZXJpbm92ZXJ2aWV3IiwiZXhwIjoxNzM4ODk1Mzk2LCJpYXQiOjE3Mzg4OTE3OTYsImRpc3BsYXlOYW1lIjoiRXJpbiBPdmVydmlldyJ9.roGnq2SiZYJ2u60waVkpd2zKdK2PeEpVf0D7L4-UTQyHmlQKjpzRdqgBUXy7B2kcgN2iEKloNaYXimdM23mQdqZrCIWGu8g_-Wt5fdSIX1ZU8QTIKa6oXJt-fKZCGGpHrRArfuQNrGm1q_k64pQa98ABc1OZkr6Z9Uorboxr7q73rOzfS-RRuKnsxyM9xKUBBMLXfrKiz8NZVX82ao46ihi2_c7EJ4PofGM4aAY1A5mgB2zOvEms2JTb6LU3I_3aexgg9JRBBUsCqf-RcRfsSnG-MZN93ry7rZAVeVx2oXCtA9xvk8oZ5k3FCk0Zxi7Yv2qku-9Igdqto1tVXVmeCw'"
+      ]
+     },
+     "execution_count": 1,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "execution_count": 1
+  },
+  {
+   "metadata": {
+    "ExecuteTime": {
+     "end_time": "2025-02-07T01:30:00.016156Z",
+     "start_time": "2025-02-07T01:29:57.976937Z"
+    }
+   },
+   "cell_type": "code",
+   "source": [
+    "bp = c.find_solution_blueprints('Clinical')\n",
+    "sc = c.find_information_supply_chains('Clinical')\n",
+    "g1 = bp[0]['mermaidGraph']\n",
+    "s1 = sc[0]['mermaidGraph']"
+   ],
+   "id": "1f48750fa8f194c9",
+   "outputs": [],
+   "execution_count": 2
+  },
+  {
+   "metadata": {
+    "ExecuteTime": {
+     "end_time": "2025-02-07T01:30:01.757080Z",
+     "start_time": "2025-02-07T01:30:01.754630Z"
+    }
+   },
+   "cell_type": "code",
+   "source": "print(s1)",
+   "id": "ebc1d9451ffb8698",
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "---\n",
+      "title: Information Supply Chain - Clinical Trial Subject Onboarding [39a035f0-3b2b-45fe-adb8-ee8a19581f6a]\n",
+      "---\n",
+      "flowchart TD\n",
+      "%%{init: {\"flowchart\": {\"htmlLabels\": false}} }%%\n",
+      "\n",
+      "39a035f0-3b2b-45fe-adb8-ee8a19581f6a@{ shape: flip-tri, label: \"*Information Supply Chain*\n",
+      "**Clinical Trial Subject Onboarding**\"}\n",
+      "384f2dce-60be-4ad1-8993-1f3b6070e8ee@{ shape: text, label: \"*Description*\n",
+      "**Delivering the data necessary to add a person as a subject in a clinical trial.**\"}\n",
+      "39a035f0-3b2b-45fe-adb8-ee8a19581f6a~~~384f2dce-60be-4ad1-8993-1f3b6070e8ee\n",
+      "1195927b-9aca-4716-8cd4-2e2f30a13bf2@{ shape: text, label: \"*Purpose*\n",
+      "**Ensure patient subject is aware of the process and potential risks in participation.**\"}\n",
+      "384f2dce-60be-4ad1-8993-1f3b6070e8ee~~~1195927b-9aca-4716-8cd4-2e2f30a13bf2\n",
+      "df4be8f9-f3cc-4af3-89cf-df27b3575460@{ shape: text, label: \"*Purpose*\n",
+      "**Ensure patient subject has given permission for Coco Pharmaceuticals to acquire, store and process their personal data needed for the clinical trial.**\"}\n",
+      "1195927b-9aca-4716-8cd4-2e2f30a13bf2~~~df4be8f9-f3cc-4af3-89cf-df27b3575460\n",
+      "5d8b5071-d707-437a-be43-6e4487e8b04d@{ shape: text, label: \"*Purpose*\n",
+      "**Ensure incoming data is validated and catalogued.**\"}\n",
+      "df4be8f9-f3cc-4af3-89cf-df27b3575460~~~5d8b5071-d707-437a-be43-6e4487e8b04d\n",
+      "1da03445-e4d6-4769-9cf6-b8810822c943@{ shape: text, label: \"*Purpose*\n",
+      "**Ensure data and process owners are informed of key milestones and issues requiring attention.**\"}\n",
+      "5d8b5071-d707-437a-be43-6e4487e8b04d~~~1da03445-e4d6-4769-9cf6-b8810822c943\n",
+      "614ca1a4-bc66-44ff-b9e5-34c1ba4edecc@{ shape: text, label: \"*Purpose*\n",
+      "**Ensure the process of data capture and validation is transparent and auditable.**\"}\n",
+      "1da03445-e4d6-4769-9cf6-b8810822c943~~~614ca1a4-bc66-44ff-b9e5-34c1ba4edecc\n",
+      "style 39a035f0-3b2b-45fe-adb8-ee8a19581f6a color:#FFFFFF, fill:#004563, stroke:#b7c0c7\n",
+      "style 1da03445-e4d6-4769-9cf6-b8810822c943 color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+      "style 5d8b5071-d707-437a-be43-6e4487e8b04d color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+      "style 384f2dce-60be-4ad1-8993-1f3b6070e8ee color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+      "style 614ca1a4-bc66-44ff-b9e5-34c1ba4edecc color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+      "style 1195927b-9aca-4716-8cd4-2e2f30a13bf2 color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+      "style df4be8f9-f3cc-4af3-89cf-df27b3575460 color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+      "\n"
+     ]
+    }
+   ],
+   "execution_count": 3
+  },
+  {
+   "metadata": {
+    "ExecuteTime": {
+     "end_time": "2025-02-07T01:30:03.540438Z",
+     "start_time": "2025-02-07T01:30:03.537172Z"
+    }
+   },
+   "cell_type": "code",
+   "source": "load_mermaid()",
+   "id": "b83a08cff7bc5c8f",
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ],
+      "text/html": [
+       "\n",
+       "    <script src=\"https://unpkg.com/mermaid@11.4.1/dist/mermaid.min.js\"></script>\n",
+       "    <script>\n",
+       "        document.addEventListener('DOMContentLoaded', function() {\n",
+       "            mermaid.initialize({startOnLoad: true});\n",
+       "        });\n",
+       "    </script>\n",
+       "\n",
+       "    "
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "execution_count": 4
+  },
+  {
+   "metadata": {
+    "ExecuteTime": {
+     "end_time": "2025-02-07T01:30:04.918794Z",
+     "start_time": "2025-02-07T01:30:04.915949Z"
+    }
+   },
+   "cell_type": "code",
+   "source": "render_mermaid(s1)",
+   "id": "245bb4b173d65a6a",
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ],
+      "text/html": [
+       "\n",
+       "    <div id=\"Information_Supply_Chain_-_Clinical_Trial_Subject_Onboarding_-container\" class=\"diagram-container\" \n",
+       "         style=\"width: 90%; max-width: 800px; margin: auto; padding: 20px; \n",
+       "                background: white; border: 1px solid #ddd; \n",
+       "                border-radius: 12px; position: relative;\">\n",
+       "        \n",
+       "        <h2 style=\"text-align: center; color: #007acc; margin-bottom: 16px;\">\n",
+       "            Information Supply Chain - Clinical Trial Subject Onboarding \n",
+       "        </h2>\n",
+       "        \n",
+       "        <div class=\"pan-zoom-container\" \n",
+       "             style=\"width: 100%; height: 500px; overflow: hidden; \n",
+       "                    position: relative; background: #f9f9f9; \n",
+       "                    border: 1px solid #ccc; cursor: grab;\">\n",
+       "            <div id=\"Information_Supply_Chain_-_Clinical_Trial_Subject_Onboarding_\" class=\"mermaid pan-zoom-content\" \n",
+       "                 style=\"position: absolute; transform-origin: 0 0;\">\n",
+       "                flowchart TD\n",
+       "%%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%\n",
+       "\n",
+       "39a035f0-3b2b-45fe-adb8-ee8a19581f6a@{ shape: flip-tri, label: &quot;*Information Supply Chain*\n",
+       "**Clinical Trial Subject Onboarding**&quot;}\n",
+       "384f2dce-60be-4ad1-8993-1f3b6070e8ee@{ shape: text, label: &quot;*Description*\n",
+       "**Delivering the data necessary to add a person as a subject in a clinical trial.**&quot;}\n",
+       "39a035f0-3b2b-45fe-adb8-ee8a19581f6a~~~384f2dce-60be-4ad1-8993-1f3b6070e8ee\n",
+       "1195927b-9aca-4716-8cd4-2e2f30a13bf2@{ shape: text, label: &quot;*Purpose*\n",
+       "**Ensure patient subject is aware of the process and potential risks in participation.**&quot;}\n",
+       "384f2dce-60be-4ad1-8993-1f3b6070e8ee~~~1195927b-9aca-4716-8cd4-2e2f30a13bf2\n",
+       "df4be8f9-f3cc-4af3-89cf-df27b3575460@{ shape: text, label: &quot;*Purpose*\n",
+       "**Ensure patient subject has given permission for Coco Pharmaceuticals to acquire, store and process their personal data needed for the clinical trial.**&quot;}\n",
+       "1195927b-9aca-4716-8cd4-2e2f30a13bf2~~~df4be8f9-f3cc-4af3-89cf-df27b3575460\n",
+       "5d8b5071-d707-437a-be43-6e4487e8b04d@{ shape: text, label: &quot;*Purpose*\n",
+       "**Ensure incoming data is validated and catalogued.**&quot;}\n",
+       "df4be8f9-f3cc-4af3-89cf-df27b3575460~~~5d8b5071-d707-437a-be43-6e4487e8b04d\n",
+       "1da03445-e4d6-4769-9cf6-b8810822c943@{ shape: text, label: &quot;*Purpose*\n",
+       "**Ensure data and process owners are informed of key milestones and issues requiring attention.**&quot;}\n",
+       "5d8b5071-d707-437a-be43-6e4487e8b04d~~~1da03445-e4d6-4769-9cf6-b8810822c943\n",
+       "614ca1a4-bc66-44ff-b9e5-34c1ba4edecc@{ shape: text, label: &quot;*Purpose*\n",
+       "**Ensure the process of data capture and validation is transparent and auditable.**&quot;}\n",
+       "1da03445-e4d6-4769-9cf6-b8810822c943~~~614ca1a4-bc66-44ff-b9e5-34c1ba4edecc\n",
+       "style 39a035f0-3b2b-45fe-adb8-ee8a19581f6a color:#FFFFFF, fill:#004563, stroke:#b7c0c7\n",
+       "style 1da03445-e4d6-4769-9cf6-b8810822c943 color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+       "style 5d8b5071-d707-437a-be43-6e4487e8b04d color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+       "style 384f2dce-60be-4ad1-8993-1f3b6070e8ee color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+       "style 614ca1a4-bc66-44ff-b9e5-34c1ba4edecc color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+       "style 1195927b-9aca-4716-8cd4-2e2f30a13bf2 color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+       "style df4be8f9-f3cc-4af3-89cf-df27b3575460 color:#000000, fill:#F9F7ED, stroke:#b7c0c7\n",
+       "            </div>\n",
+       "        </div>\n",
+       "    </div>\n",
+       "\n",
+       "    <script>\n",
+       "        (function() {\n",
+       "            // Check if Mermaid.js is already loaded; load if not\n",
+       "            if (typeof mermaid === \"undefined\") {\n",
+       "                const script = document.createElement('script');\n",
+       "                script.src = \"https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js\";\n",
+       "                script.onload = () => initializeMermaid();\n",
+       "                document.head.appendChild(script);\n",
+       "            } else {\n",
+       "                initializeMermaid();\n",
+       "            }\n",
+       "\n",
+       "            function initializeMermaid() {\n",
+       "                // Re-render the Mermaid chart\n",
+       "                mermaid.initialize({ startOnLoad: true });\n",
+       "                mermaid.init(undefined, document.querySelector(\"#Information_Supply_Chain_-_Clinical_Trial_Subject_Onboarding_\"));\n",
+       "\n",
+       "                // Add interactivity for pan and zoom\n",
+       "                const container = document.querySelector('.pan-zoom-container');\n",
+       "                const content = document.querySelector('.pan-zoom-content');\n",
+       "\n",
+       "                let scale = 1;  // Current zoom level\n",
+       "                let panX = 0;   // X-axis pan\n",
+       "                let panY = 0;   // Y-axis pan\n",
+       "                let isDragging = false;\n",
+       "                let startX, startY;\n",
+       "\n",
+       "                // Apply Transformations\n",
+       "                const applyTransform = () => {\n",
+       "                    content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;\n",
+       "                };\n",
+       "\n",
+       "                // Center Diagram on Load\n",
+       "                const centerAndFitDiagram = () => {\n",
+       "                    const containerRect = container.getBoundingClientRect();\n",
+       "                    const rect = content.getBoundingClientRect();\n",
+       "\n",
+       "                    scale = Math.min(\n",
+       "                        containerRect.width / rect.width,\n",
+       "                        containerRect.height / rect.height\n",
+       "                    );\n",
+       "\n",
+       "                    panX = (containerRect.width - rect.width * scale) / 2;\n",
+       "                    panY = (containerRect.height - rect.height * scale) / 2;\n",
+       "\n",
+       "                    applyTransform();\n",
+       "                };\n",
+       "\n",
+       "                setTimeout(centerAndFitDiagram, 200); // Allow rendering time\n",
+       "\n",
+       "                // Enable Mouse-Wheel Zoom\n",
+       "                container.addEventListener('wheel', (event) => {\n",
+       "                    event.preventDefault();\n",
+       "                    const zoomSpeed = 0.1;\n",
+       "                    const previousScale = scale;\n",
+       "\n",
+       "                    if (event.deltaY < 0) {\n",
+       "                        scale = Math.min(scale + zoomSpeed, 4);\n",
+       "                    } else {\n",
+       "                        scale = Math.max(scale - zoomSpeed, 0.5);\n",
+       "                    }\n",
+       "\n",
+       "                    const zoomRatio = scale / previousScale;\n",
+       "                    const clientRect = container.getBoundingClientRect();\n",
+       "\n",
+       "                    panX -= (event.clientX - clientRect.left) * (zoomRatio - 1);\n",
+       "                    panY -= (event.clientY - clientRect.top) * (zoomRatio - 1);\n",
+       "\n",
+       "                    applyTransform();\n",
+       "                });\n",
+       "\n",
+       "                // Enable Drag-to-Pan\n",
+       "                container.addEventListener('mousedown', (event) => {\n",
+       "                    isDragging = true;\n",
+       "                    startX = event.clientX - panX;\n",
+       "                    startY = event.clientY - panY;\n",
+       "                    container.style.cursor = \"grabbing\";\n",
+       "                });\n",
+       "\n",
+       "                container.addEventListener('mousemove', (event) => {\n",
+       "                    if (!isDragging) return;\n",
+       "\n",
+       "                    panX = event.clientX - startX;\n",
+       "                    panY = event.clientY - startY;\n",
+       "\n",
+       "                    applyTransform();\n",
+       "                });\n",
+       "\n",
+       "                container.addEventListener('mouseup', () => {\n",
+       "                    isDragging = false;\n",
+       "                    container.style.cursor = \"grab\";\n",
+       "                });\n",
+       "\n",
+       "                container.addEventListener('mouseleave', () => {\n",
+       "                    isDragging = false;\n",
+       "                    container.style.cursor = \"grab\";\n",
+       "                });\n",
+       "            }\n",
+       "        })();\n",
+       "    </script>\n",
+       "\n",
+       "    "
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "execution_count": 5
+  },
+  {
+   "metadata": {},
+   "cell_type": "code",
+   "source": "print(construct_mermaid_html(s1))",
+   "id": "81dfb284e894fa3",
+   "outputs": [],
+   "execution_count": null
+  },
+  {
+   "metadata": {},
+   "cell_type": "code",
+   "source": "",
+   "id": "dec9454145d5dc79",
+   "outputs": [],
+   "execution_count": null
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 2
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython2",
+   "version": "2.7.6"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

{pyegeria-5.3.4.6.dist-info → pyegeria-5.3.4.7.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: pyegeria
-Version: 5.3.4.6
+Version: 5.3.4.7
 Summary: A python client for Egeria
 License: Apache 2.0
 Keywords: egeria,metadata,governance

{pyegeria-5.3.4.6.dist-info → pyegeria-5.3.4.7.dist-info}/RECORD

@@ -502,7 +502,7 @@ pyegeria/feedback_manager_omvs.py,sha256=B66e3ZCaC_dirb0mcb2Nz3PYh2ZKsoMAYNOb3eu
 pyegeria/full_omag_server_config.py,sha256=CQqLCy_3DZFvJZEOcGf50HWdFaWpiAIs6z-kKyjvpDA,47464
 pyegeria/glossary_browser_omvs.py,sha256=RCvZ1l2xg6uZ1o4xGJUkIVJQO9NZG00F_jGSc4fAERU,93538
 pyegeria/glossary_manager_omvs.py,sha256=CN04lhnAFk_g4soE5V_jZ0GDrLPClhX5yX9iE0t6NDk,132440
-pyegeria/mermaid_utilities.py,sha256=0p2pE9OUAejL-tNzZRSnNrWDfvDTdcU6WaUJPlwRxRE,22754
+pyegeria/mermaid_utilities.py,sha256=uTb3mTOtzecE7yyQfDWHzGt_jgvpmOaX0G_Mc7WGKtg,28225
 pyegeria/metadata_explorer_omvs.py,sha256=u66o4IOhSo-i75KYeHogGql-gECBzZPT-RYbvfYuzoI,86932
 pyegeria/my_profile_omvs.py,sha256=i0e29KXRKZzZGgxuQI7c2_w7dyDuQWFIykky1Nqc0_8,34673
 pyegeria/platform_services.py,sha256=xlF5p5HPKDGTFFDsuxm2RLhr8vjZPv4T7e2qCkDgKXE,41654
@@ -512,14 +512,15 @@ pyegeria/runtime_manager_omvs.py,sha256=NrY2yJriu20eJfpKBSLq81cMMARZIllhukm9VNmL
 pyegeria/server_operations.py,sha256=vmiUDU_Xa0U8pa0Fdb-QKkoeSqs7WfMwIpG_XU3xgeI,16784
 pyegeria/solution_architect_omvs.py,sha256=AsyjQzfgSUriDymeP9W45iJqYux423xXDaqfHLEtWN4,22085
 pyegeria/template_manager_omvs.py,sha256=o_qCIFTRLK8b9C3N99taLji8VkDygo1Ss0fua35yfhA,42389
-pyegeria/test_m.html,sha256=EysP_GDFTiLtJZKXuNEvz-vdBwkIu1oOXwc_OLtdT18,11725
+pyegeria/test_m.html,sha256=jGK_3tEIzADVhvNym0NRSwB4dTN0PgGmiFc3VHZlM88,12915
 pyegeria/test_m.py,sha256=BDKRLsHsAWnwCbzHkkvfsc8ZIJ0k-jmwPPNuTSgW6Qo,7659
 pyegeria/test_m1.html,sha256=XS_1IAtfG4ZlZk45QTkrFWWpjQMVlO21ScDMX2Frl3g,14086
+pyegeria/test_mer.ipynb,sha256=G7hpHn07IXnt_VKvnTDvljwwHB7RfC0etOMyZKt1icQ,30809
 pyegeria/utils.py,sha256=GCt1C0bp0Xng1ahzbZhzV9qQwH7Dj93IaCt2dvWb-sg,5417
 pyegeria/valid_metadata_omvs.py,sha256=UyIT4DfB1_QIG55Hmop7ozbsq8cNdrpYB7Tb6EOFiN8,65035
 pyegeria/x_action_author_omvs.py,sha256=6b725SPsC52AI7ols7Qq8MsBlZuAXr_BgJ_-ychVRCw,6386
-pyegeria-5.3.4.6.dist-info/LICENSE,sha256=xx0jnfkXJvxRnG63LTGOxlggYnIysveWIZ6H3PNdCrQ,11357
-pyegeria-5.3.4.6.dist-info/METADATA,sha256=W5OxgqZ-16hDB12c6aTrrfPbtOKmAluYsr_tMyu2QDk,2735
-pyegeria-5.3.4.6.dist-info/WHEEL,sha256=IYZQI976HJqqOpQU6PHkJ8fb3tMNBFjg-Cn-pwAbaFM,88
-pyegeria-5.3.4.6.dist-info/entry_points.txt,sha256=E83aZ9RhrxffYGmHgBwhLdS5fvEeYhrIPp0FZRvaFOI,6180
-pyegeria-5.3.4.6.dist-info/RECORD,,
+pyegeria-5.3.4.7.dist-info/LICENSE,sha256=xx0jnfkXJvxRnG63LTGOxlggYnIysveWIZ6H3PNdCrQ,11357
+pyegeria-5.3.4.7.dist-info/METADATA,sha256=dz3Pp3h3fQQ6oyfVOaZnL4yXsNYldCWX1YOt6eh6M-w,2735
+pyegeria-5.3.4.7.dist-info/WHEEL,sha256=IYZQI976HJqqOpQU6PHkJ8fb3tMNBFjg-Cn-pwAbaFM,88
+pyegeria-5.3.4.7.dist-info/entry_points.txt,sha256=E83aZ9RhrxffYGmHgBwhLdS5fvEeYhrIPp0FZRvaFOI,6180
+pyegeria-5.3.4.7.dist-info/RECORD,,