From a28268b63f8c48c946f0fc868daf93803033e37c Mon Sep 17 00:00:00 2001
From: Felix Hoffmann <felix.emmanuel.hoffmann@gmail.com>
Date: Thu, 10 Oct 2024 12:54:16 +0200
Subject: [PATCH] feat(mermaid): replace mermaid package with container

---
 Justfile                       | 9 +++++++++
 package.json                   | 3 +--
 src/assets/mermaid/hibuddy.svg | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 Justfile

diff --git a/Justfile b/Justfile
new file mode 100644
index 0000000..0d70b43
--- /dev/null
+++ b/Justfile
@@ -0,0 +1,9 @@
+export DOCKER_HOST := "unix://" + env_var("XDG_RUNTIME_DIR") + "/podman/podman.sock"
+
+# List all available commands
+@help:
+    just --list
+
+# Generate mermaid diagrams
+@diagrams:
+    podman run --userns keep-id --user ${UID} --rm -v {{ justfile_directory() }}/src:/app:z -w /app --entrypoint sh minlag/mermaid-cli:11.2.1 -c 'find ./data/mermaid -name "*.mmd" -exec sh -c '"'"'/home/mermaidcli/node_modules/.bin/mmdc -p /puppeteer-config.json -b transparent -i "$1" -o ./assets/mermaid/"$(basename "$1" .mmd).svg"'"'"' _ {} \;'
diff --git a/package.json b/package.json
index f1ecdc8..6f3d995 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   "scripts": {
     "prepare": "husky",
     "dev": "astro dev",
-    "build": "pnpm run mermaid && astro build",
+    "build": "astro build",
     "check": "astro check && tsc --noEmit",
     "sync": "astro sync",
     "preview": "astro preview",
@@ -38,7 +38,6 @@
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.3",
-    "@mermaid-js/mermaid-cli": "^10.9.1",
     "@tailwindcss/typography": "^0.5.15",
     "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
diff --git a/src/assets/mermaid/hibuddy.svg b/src/assets/mermaid/hibuddy.svg
index e213230..e5ab2de 100644
--- a/src/assets/mermaid/hibuddy.svg
+++ b/src/assets/mermaid/hibuddy.svg
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -8 844.25 540" style="max-width: 844.25px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span,#my-svg p{color:#333;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span,#my-svg p{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"><g id="subGraph3" class="cluster default flowchart-label"><rect height="84" width="828.25" y="440" x="0" ry="0" rx="0" style=""/><g transform="translate(380.5859375, 440)" class="cluster-label"><foreignObject height="19" width="67.078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Api Layer</span></div></foreignObject></g></g><g id="subGraph2" class="cluster default flowchart-label"><rect height="84" width="818.1171875" y="287" x="0.06640625" ry="0" rx="0" style=""/><g transform="translate(336.3984375, 287)" class="cluster-label"><foreignObject height="19" width="145.453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Business Logic Layer</span></div></foreignObject></g></g><g id="subGraph1" class="cluster default flowchart-label"><rect height="84" width="681.6875" y="134" x="63.28125" ry="0" rx="0" style=""/><g transform="translate(365.4921875, 134)" class="cluster-label"><foreignObject height="19" width="77.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Core Layer</span></div></foreignObject></g></g><g id="subGraph0" class="cluster default flowchart-label"><rect height="84" width="365.59375" y="0" x="231.328125" ry="0" rx="0" style=""/><g transform="translate(356.2890625, 0)" class="cluster-label"><foreignObject height="19" width="115.671875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">User Interaction</span></div></foreignObject></g></g></g><g class="edgePaths"><path style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-A LE-C" id="L-A-C-0" d="M327.7265625,59L327.7265625,63.166666666666664C327.7265625,67.33333333333333,327.7265625,75.66666666666667,327.7265625,84C327.7265625,92.33333333333333,327.7265625,100.66666666666667,327.7265625,109C327.7265625,117.33333333333333,327.7265625,125.66666666666667,337.4361979166667,134.55338035385958C347.1458333333333,143.44009404105253,366.5651041666667,152.88018808210506,376.2747395833333,157.60023510263133L385.984375,162.3202821231576"/><path style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-B LE-C" id="L-B-C-0" d="M500.5234375,59L500.5234375,63.166666666666664C500.5234375,67.33333333333333,500.5234375,75.66666666666667,500.5234375,84C500.5234375,92.33333333333333,500.5234375,100.66666666666667,500.5234375,109C500.5234375,117.33333333333333,500.5234375,125.66666666666667,490.8138020833333,134.55338035385958C481.1041666666667,143.44009404105253,461.6848958333333,152.88018808210506,451.9752604166667,157.60023510263133L442.265625,162.3202821231576"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M385.984375,179.89947417259512L340.1588541666667,186.24956181049592C294.3333333333333,192.59964944839672,202.68229166666666,205.29982472419837,156.85677083333334,217.39991236209917C111.03125,229.5,111.03125,241,111.03125,252.5C111.03125,264,111.03125,275.5,111.03125,284.53333333333336C111.03125,293.56666666666666,111.03125,300.1333333333333,111.03125,303.4166666666667L111.03125,306.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-E" id="L-C-E-0" d="M385.984375,187.69842251778533L373.8359375,192.74868543148776C361.6875,197.7989483451902,337.390625,207.8994741725951,325.2421875,218.69973708629755C313.09375,229.5,313.09375,241,313.09375,252.5C313.09375,264,313.09375,275.5,313.09375,284.53333333333336C313.09375,293.56666666666666,313.09375,300.1333333333333,313.09375,303.4166666666667L313.09375,306.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-F" id="L-C-F-0" d="M442.265625,187.69842251778533L454.4140625,192.74868543148776C466.5625,197.7989483451902,490.859375,207.8994741725951,503.0078125,218.69973708629755C515.15625,229.5,515.15625,241,515.15625,252.5C515.15625,264,515.15625,275.5,515.15625,284.53333333333336C515.15625,293.56666666666666,515.15625,300.1333333333333,515.15625,303.4166666666667L515.15625,306.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-G" id="L-C-G-0" d="M442.265625,179.89947417259512L488.0911458333333,186.24956181049592C533.9166666666666,192.59964944839672,625.5677083333334,205.29982472419837,671.3932291666666,217.39991236209917C717.21875,229.5,717.21875,241,717.21875,252.5C717.21875,264,717.21875,275.5,717.21875,284.53333333333336C717.21875,293.56666666666666,717.21875,300.1333333333333,717.21875,303.4166666666667L717.21875,306.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-H" id="L-D-H-0" d="M90.5844494047619,346L85.57297867063492,350.1666666666667C80.56150793650794,354.3333333333333,70.53856646825396,362.6666666666667,65.52709573412699,372.5833333333333C60.515625,382.5,60.515625,394,60.515625,405.5C60.515625,417,60.515625,428.5,60.515625,437.5333333333333C60.515625,446.56666666666666,60.515625,453.1333333333334,60.515625,456.4166666666667L60.515625,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-I" id="L-D-I-0" d="M131.4780505952381,346L136.4895213293651,350.1666666666667C141.50099206349208,354.3333333333333,151.52393353174602,362.6666666666667,156.535404265873,372.5833333333333C161.546875,382.5,161.546875,394,161.546875,405.5C161.546875,417,161.546875,428.5,161.546875,437.5333333333333C161.546875,446.56666666666666,161.546875,453.1333333333334,161.546875,456.4166666666667L161.546875,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-J" id="L-E-J-0" d="M292.6469494047619,346L287.63547867063494,350.1666666666667C282.62400793650795,354.3333333333333,272.601066468254,362.6666666666667,267.589595734127,372.5833333333333C262.578125,382.5,262.578125,394,262.578125,405.5C262.578125,417,262.578125,428.5,262.578125,437.5333333333333C262.578125,446.56666666666666,262.578125,453.1333333333334,262.578125,456.4166666666667L262.578125,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-K" id="L-E-K-0" d="M333.5405505952381,346L338.55202132936506,350.1666666666667C343.56349206349205,354.3333333333333,353.586433531746,362.6666666666667,358.597904265873,372.5833333333333C363.609375,382.5,363.609375,394,363.609375,405.5C363.609375,417,363.609375,428.5,363.609375,437.5333333333333C363.609375,446.56666666666666,363.609375,453.1333333333334,363.609375,456.4166666666667L363.609375,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-L" id="L-F-L-0" d="M494.7094494047619,346L489.69797867063494,350.1666666666667C484.68650793650795,354.3333333333333,474.663566468254,362.6666666666667,469.652095734127,372.5833333333333C464.640625,382.5,464.640625,394,464.640625,405.5C464.640625,417,464.640625,428.5,464.640625,437.5333333333333C464.640625,446.56666666666666,464.640625,453.1333333333334,464.640625,456.4166666666667L464.640625,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-M" id="L-F-M-0" d="M535.6030505952381,346L540.6145213293651,350.1666666666667C545.625992063492,354.3333333333333,555.648933531746,362.6666666666667,560.660404265873,372.5833333333333C565.671875,382.5,565.671875,394,565.671875,405.5C565.671875,417,565.671875,428.5,565.671875,437.5333333333333C565.671875,446.56666666666666,565.671875,453.1333333333334,565.671875,456.4166666666667L565.671875,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-G LE-N" id="L-G-N-0" d="M696.7719494047619,346L691.7604786706348,350.1666666666667C686.749007936508,354.3333333333333,676.726066468254,362.6666666666667,671.714595734127,372.5833333333333C666.703125,382.5,666.703125,394,666.703125,405.5C666.703125,417,666.703125,428.5,666.703125,437.5333333333333C666.703125,446.56666666666666,666.703125,453.1333333333334,666.703125,456.4166666666667L666.703125,459.7"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-G LE-O" id="L-G-O-0" d="M737.6655505952381,346L742.6770213293652,350.1666666666667C747.688492063492,354.3333333333333,757.711433531746,362.6666666666667,762.7229042658731,372.5833333333333C767.734375,382.5,767.734375,394,767.734375,405.5C767.734375,417,767.734375,428.5,767.734375,437.5333333333333C767.734375,446.56666666666666,767.734375,453.1333333333334,767.734375,456.4166666666667L767.734375,459.7"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(111.03125, 252.5)" class="edgeLabel"><g transform="translate(-29.75, -9.5)" class="label"><foreignObject height="19" width="59.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Provides</span></div></foreignObject></g></g><g transform="translate(313.09375, 252.5)" class="edgeLabel"><g transform="translate(-29.75, -9.5)" class="label"><foreignObject height="19" width="59.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Provides</span></div></foreignObject></g></g><g transform="translate(515.15625, 252.5)" class="edgeLabel"><g transform="translate(-29.75, -9.5)" class="label"><foreignObject height="19" width="59.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Provides</span></div></foreignObject></g></g><g transform="translate(717.21875, 252.5)" class="edgeLabel"><g transform="translate(-29.75, -9.5)" class="label"><foreignObject height="19" width="59.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Provides</span></div></foreignObject></g></g><g transform="translate(60.515625, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(161.546875, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(262.578125, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(363.609375, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(464.640625, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(565.671875, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(666.703125, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g><g transform="translate(767.734375, 405.5)" class="edgeLabel"><g transform="translate(-16.03125, -9.5)" class="label"><foreignObject height="19" width="32.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Uses</span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(60.515625, 482)" id="flowchart-H-7" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 1</span></div></foreignObject></g></g><g transform="translate(161.546875, 482)" id="flowchart-I-8" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 2</span></div></foreignObject></g></g><g transform="translate(262.578125, 482)" id="flowchart-J-9" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 3</span></div></foreignObject></g></g><g transform="translate(363.609375, 482)" id="flowchart-K-10" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 4</span></div></foreignObject></g></g><g transform="translate(464.640625, 482)" id="flowchart-L-11" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 5</span></div></foreignObject></g></g><g transform="translate(565.671875, 482)" id="flowchart-M-12" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 6</span></div></foreignObject></g></g><g transform="translate(666.703125, 482)" id="flowchart-N-13" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 7</span></div></foreignObject></g></g><g transform="translate(767.734375, 482)" id="flowchart-O-14" class="node default default flowchart-label"><rect height="34" width="51.03125" y="-17" x="-25.515625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-18.015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="36.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">API 8</span></div></foreignObject></g></g><g transform="translate(111.03125, 329)" id="flowchart-D-3" class="node default default flowchart-label"><rect height="34" width="91.796875" y="-17" x="-45.8984375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-38.3984375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="76.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Use Case 1</span></div></foreignObject></g></g><g transform="translate(313.09375, 329)" id="flowchart-E-4" class="node default default flowchart-label"><rect height="34" width="91.796875" y="-17" x="-45.8984375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-38.3984375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="76.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Use Case 2</span></div></foreignObject></g></g><g transform="translate(515.15625, 329)" id="flowchart-F-5" class="node default default flowchart-label"><rect height="34" width="91.796875" y="-17" x="-45.8984375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-38.3984375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="76.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Use Case 3</span></div></foreignObject></g></g><g transform="translate(717.21875, 329)" id="flowchart-G-6" class="node default default flowchart-label"><rect height="34" width="91.796875" y="-17" x="-45.8984375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-38.3984375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="76.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Use Case 4</span></div></foreignObject></g></g><g transform="translate(414.125, 176)" id="flowchart-C-2" class="node default default flowchart-label"><rect height="34" width="56.28125" y="-17" x="-28.140625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.640625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="41.28125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Agent</span></div></foreignObject></g></g><g transform="translate(327.7265625, 42)" id="flowchart-A-0" class="node default default flowchart-label"><rect height="34" width="122.796875" y="-17" x="-61.3984375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-53.8984375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="107.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Speech-to-Text</span></div></foreignObject></g></g><g transform="translate(500.5234375, 42)" id="flowchart-B-1" class="node default default flowchart-label"><rect height="34" width="122.796875" y="-17" x="-61.3984375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-53.8984375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="107.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Text-to-Speech</span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 1000.625 630" style="max-width: 1000.62px; background-color: transparent;" class="flowchart" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span{color:#333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#my-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#my-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="my-svg_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="my-svg_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"><g data-look="classic" id="subGraph3" class="cluster"><rect height="104" width="984.625" y="518" x="8" style=""/><g transform="translate(462.6875, 518)" class="cluster-label"><foreignObject height="24" width="75.25"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Api Layer</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph2" class="cluster"><rect height="104" width="968.75" y="340" x="10.5703125" style=""/><g transform="translate(411.3671875, 340)" class="cluster-label"><foreignObject height="24" width="167.15625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Business Logic Layer</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph1" class="cluster"><rect height="104" width="798" y="162" x="91.12890625" style=""/><g transform="translate(446.76171875, 162)" class="cluster-label"><foreignObject height="24" width="86.734375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Core Layer</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph0" class="cluster"><rect height="104" width="416.9375" y="8" x="292.2109375" style=""/><g transform="translate(436.5, 8)" class="cluster-label"><foreignObject height="24" width="128.359375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>User Interaction</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_C_0" d="M401.078,87L401.078,91.167C401.078,95.333,401.078,103.667,401.078,112C401.078,120.333,401.078,128.667,401.078,137C401.078,145.333,401.078,153.667,406.124,160.478C411.171,167.289,421.263,172.577,430.765,177.556C440.267,182.535,449.178,187.205,453.634,189.54L458.09,191.875"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_1" d="M599.547,87L599.547,91.167C599.547,95.333,599.547,103.667,599.547,112C599.547,120.333,599.547,128.667,599.547,137C599.547,145.333,599.547,153.667,594.501,160.478C589.454,167.289,579.362,172.577,569.86,177.556C560.358,182.535,551.447,187.205,546.991,189.54L542.535,191.875"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_D_2" d="M461.633,219.555L407.729,227.296C353.826,235.036,246.018,250.518,192.115,264.426C138.211,278.333,138.211,290.667,138.211,303C138.211,315.333,138.211,327.667,138.211,335.917C138.211,344.167,138.211,348.333,138.211,351.833C138.211,355.333,138.211,358.167,138.211,359.583L138.211,361"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_E_3" d="M461.633,230.63L447.922,236.525C434.211,242.42,406.789,254.21,393.078,266.272C379.367,278.333,379.367,290.667,379.367,303C379.367,315.333,379.367,327.667,379.367,335.917C379.367,344.167,379.367,348.333,379.367,351.833C379.367,355.333,379.367,358.167,379.367,359.583L379.367,361"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_F_4" d="M538.992,230.732L552.581,236.61C566.169,242.488,593.346,254.244,606.935,266.289C620.523,278.333,620.523,290.667,620.523,303C620.523,315.333,620.523,327.667,620.523,335.917C620.523,344.167,620.523,348.333,620.523,351.833C620.523,355.333,620.523,358.167,620.523,359.583L620.523,361"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_G_5" d="M538.992,219.566L592.773,227.305C646.555,235.044,754.117,250.522,807.898,264.428C861.68,278.333,861.68,290.667,861.68,303C861.68,315.333,861.68,327.667,861.68,335.917C861.68,344.167,861.68,348.333,861.68,351.833C861.68,355.333,861.68,358.167,861.68,359.583L861.68,361"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_D_H_6" d="M107.098,419L102.296,423.167C97.495,427.333,87.892,435.667,83.09,446C78.289,456.333,78.289,468.667,78.289,481C78.289,493.333,78.289,505.667,78.289,513.917C78.289,522.167,78.289,526.333,78.289,529.833C78.289,533.333,78.289,536.167,78.289,537.583L78.289,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_D_I_7" d="M169.706,419L174.566,423.167C179.426,427.333,189.147,435.667,194.007,446C198.867,456.333,198.867,468.667,198.867,481C198.867,493.333,198.867,505.667,198.867,513.917C198.867,522.167,198.867,526.333,198.867,529.833C198.867,533.333,198.867,536.167,198.867,537.583L198.867,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_J_8" d="M348.254,419L343.452,423.167C338.651,427.333,329.048,435.667,324.247,446C319.445,456.333,319.445,468.667,319.445,481C319.445,493.333,319.445,505.667,319.445,513.917C319.445,522.167,319.445,526.333,319.445,529.833C319.445,533.333,319.445,536.167,319.445,537.583L319.445,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_K_9" d="M410.862,419L415.722,423.167C420.582,427.333,430.303,435.667,435.163,446C440.023,456.333,440.023,468.667,440.023,481C440.023,493.333,440.023,505.667,440.023,513.917C440.023,522.167,440.023,526.333,440.023,529.833C440.023,533.333,440.023,536.167,440.023,537.583L440.023,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_F_L_10" d="M589.41,419L584.609,423.167C579.807,427.333,570.204,435.667,565.403,446C560.602,456.333,560.602,468.667,560.602,481C560.602,493.333,560.602,505.667,560.602,513.917C560.602,522.167,560.602,526.333,560.602,529.833C560.602,533.333,560.602,536.167,560.602,537.583L560.602,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_F_M_11" d="M652.018,419L656.878,423.167C661.739,427.333,671.459,435.667,676.319,446C681.18,456.333,681.18,468.667,681.18,481C681.18,493.333,681.18,505.667,681.18,513.917C681.18,522.167,681.18,526.333,681.18,529.833C681.18,533.333,681.18,536.167,681.18,537.583L681.18,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_G_N_12" d="M830.566,419L825.765,423.167C820.964,427.333,811.361,435.667,806.559,446C801.758,456.333,801.758,468.667,801.758,481C801.758,493.333,801.758,505.667,801.758,513.917C801.758,522.167,801.758,526.333,801.758,529.833C801.758,533.333,801.758,536.167,801.758,537.583L801.758,539"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_G_O_13" d="M893.174,419L898.035,423.167C902.895,427.333,912.615,435.667,917.476,446C922.336,456.333,922.336,468.667,922.336,481C922.336,493.333,922.336,505.667,922.336,513.917C922.336,522.167,922.336,526.333,922.336,529.833C922.336,533.333,922.336,536.167,922.336,537.583L922.336,539"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(138.2109375, 303)" class="edgeLabel"><g transform="translate(-33.8203125, -12)" class="label"><foreignObject height="24" width="67.640625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Provides</p></span></div></foreignObject></g></g><g transform="translate(379.3671875, 303)" class="edgeLabel"><g transform="translate(-33.8203125, -12)" class="label"><foreignObject height="24" width="67.640625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Provides</p></span></div></foreignObject></g></g><g transform="translate(620.5234375, 303)" class="edgeLabel"><g transform="translate(-33.8203125, -12)" class="label"><foreignObject height="24" width="67.640625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Provides</p></span></div></foreignObject></g></g><g transform="translate(861.6796875, 303)" class="edgeLabel"><g transform="translate(-33.8203125, -12)" class="label"><foreignObject height="24" width="67.640625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Provides</p></span></div></foreignObject></g></g><g transform="translate(78.2890625, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(198.8671875, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(319.4453125, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(440.0234375, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(560.6015625, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(681.1796875, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(801.7578125, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g><g transform="translate(922.3359375, 481)" class="edgeLabel"><g transform="translate(-19.1171875, -12)" class="label"><foreignObject height="24" width="38.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Uses</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(401.078125, 60)" id="flowchart-A-0" class="node default"><rect height="54" width="147.734375" y="-27" x="-73.8671875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-58.8671875, -12)" style="" class="label"><rect/><foreignObject height="24" width="117.734375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Speech-to-Text</p></span></div></foreignObject></g></g><g transform="translate(599.546875, 60)" id="flowchart-B-1" class="node default"><rect height="54" width="149.203125" y="-27" x="-74.6015625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-59.6015625, -12)" style="" class="label"><rect/><foreignObject height="24" width="119.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Text-to-Speech</p></span></div></foreignObject></g></g><g transform="translate(500.3125, 214)" id="flowchart-C-2" class="node default"><rect height="54" width="77.359375" y="-27" x="-38.6796875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-23.6796875, -12)" style="" class="label"><rect/><foreignObject height="24" width="47.359375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Agent</p></span></div></foreignObject></g></g><g transform="translate(138.2109375, 392)" id="flowchart-D-3" class="node default"><rect height="54" width="119.40625" y="-27" x="-59.703125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-44.703125, -12)" style="" class="label"><rect/><foreignObject height="24" width="89.40625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Use Case 1</p></span></div></foreignObject></g></g><g transform="translate(379.3671875, 392)" id="flowchart-E-4" class="node default"><rect height="54" width="119.40625" y="-27" x="-59.703125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-44.703125, -12)" style="" class="label"><rect/><foreignObject height="24" width="89.40625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Use Case 2</p></span></div></foreignObject></g></g><g transform="translate(620.5234375, 392)" id="flowchart-F-5" class="node default"><rect height="54" width="119.40625" y="-27" x="-59.703125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-44.703125, -12)" style="" class="label"><rect/><foreignObject height="24" width="89.40625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Use Case 3</p></span></div></foreignObject></g></g><g transform="translate(861.6796875, 392)" id="flowchart-G-6" class="node default"><rect height="54" width="119.40625" y="-27" x="-59.703125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-44.703125, -12)" style="" class="label"><rect/><foreignObject height="24" width="89.40625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Use Case 4</p></span></div></foreignObject></g></g><g transform="translate(78.2890625, 570)" id="flowchart-H-7" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 1</p></span></div></foreignObject></g></g><g transform="translate(198.8671875, 570)" id="flowchart-I-8" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 2</p></span></div></foreignObject></g></g><g transform="translate(319.4453125, 570)" id="flowchart-J-9" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 3</p></span></div></foreignObject></g></g><g transform="translate(440.0234375, 570)" id="flowchart-K-10" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 4</p></span></div></foreignObject></g></g><g transform="translate(560.6015625, 570)" id="flowchart-L-11" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 5</p></span></div></foreignObject></g></g><g transform="translate(681.1796875, 570)" id="flowchart-M-12" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 6</p></span></div></foreignObject></g></g><g transform="translate(801.7578125, 570)" id="flowchart-N-13" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 7</p></span></div></foreignObject></g></g><g transform="translate(922.3359375, 570)" id="flowchart-O-14" class="node default"><rect height="54" width="70.578125" y="-27" x="-35.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-20.2890625, -12)" style="" class="label"><rect/><foreignObject height="24" width="40.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>API 8</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file