assets/deps.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 12.2.0 (20241103.1931)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="1796pt" height="1975pt"
 viewBox="0.00 0.00 1795.75 1975.13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 1971.13)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-1971.13 1791.75,-1971.13 1791.75,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_app</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-1603.06C20,-1603.06 839.25,-1603.06 839.25,-1603.06 845.25,-1603.06 851.25,-1609.06 851.25,-1615.06 851.25,-1615.06 851.25,-1871.06 851.25,-1871.06 851.25,-1877.06 845.25,-1883.06 839.25,-1883.06 839.25,-1883.06 20,-1883.06 20,-1883.06 14,-1883.06 8,-1877.06 8,-1871.06 8,-1871.06 8,-1615.06 8,-1615.06 8,-1609.06 14,-1603.06 20,-1603.06"/>
<text text-anchor="middle" x="429.62" y="-1870.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">app</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_app/_components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M723.75,-1703.06C723.75,-1703.06 810.75,-1703.06 810.75,-1703.06 816.75,-1703.06 822.75,-1709.06 822.75,-1715.06 822.75,-1715.06 822.75,-1779.06 822.75,-1779.06 822.75,-1785.06 816.75,-1791.06 810.75,-1791.06 810.75,-1791.06 723.75,-1791.06 723.75,-1791.06 717.75,-1791.06 711.75,-1785.06 711.75,-1779.06 711.75,-1779.06 711.75,-1715.06 711.75,-1715.06 711.75,-1709.06 717.75,-1703.06 723.75,-1703.06"/>
<text text-anchor="middle" x="767.25" y="-1778.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">_components</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_app/_components/Background</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M731.75,-1711.06C731.75,-1711.06 802.75,-1711.06 802.75,-1711.06 808.75,-1711.06 814.75,-1717.06 814.75,-1723.06 814.75,-1723.06 814.75,-1752.06 814.75,-1752.06 814.75,-1758.06 808.75,-1764.06 802.75,-1764.06 802.75,-1764.06 731.75,-1764.06 731.75,-1764.06 725.75,-1764.06 719.75,-1758.06 719.75,-1752.06 719.75,-1752.06 719.75,-1723.06 719.75,-1723.06 719.75,-1717.06 725.75,-1711.06 731.75,-1711.06"/>
<text text-anchor="middle" x="767.25" y="-1751.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Background</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_app/_features</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M106,-1707.06C106,-1707.06 551,-1707.06 551,-1707.06 557,-1707.06 563,-1713.06 563,-1719.06 563,-1719.06 563,-1844.06 563,-1844.06 563,-1850.06 557,-1856.06 551,-1856.06 551,-1856.06 106,-1856.06 106,-1856.06 100,-1856.06 94,-1850.06 94,-1844.06 94,-1844.06 94,-1719.06 94,-1719.06 94,-1713.06 100,-1707.06 106,-1707.06"/>
<text text-anchor="middle" x="328.5" y="-1843.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">_features</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_app/_features/CreateCharacter</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M114,-1715.06C114,-1715.06 543,-1715.06 543,-1715.06 549,-1715.06 555,-1721.06 555,-1727.06 555,-1727.06 555,-1756.06 555,-1756.06 555,-1762.06 549,-1768.06 543,-1768.06 543,-1768.06 114,-1768.06 114,-1768.06 108,-1768.06 102,-1762.06 102,-1756.06 102,-1756.06 102,-1727.06 102,-1727.06 102,-1721.06 108,-1715.06 114,-1715.06"/>
<text text-anchor="middle" x="328.5" y="-1755.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">CreateCharacter</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_app/_features/GetCharacters</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M129,-1776.06C129,-1776.06 525.75,-1776.06 525.75,-1776.06 531.75,-1776.06 537.75,-1782.06 537.75,-1788.06 537.75,-1788.06 537.75,-1817.06 537.75,-1817.06 537.75,-1823.06 531.75,-1829.06 525.75,-1829.06 525.75,-1829.06 129,-1829.06 129,-1829.06 123,-1829.06 117,-1823.06 117,-1817.06 117,-1817.06 117,-1788.06 117,-1788.06 117,-1782.06 123,-1776.06 129,-1776.06"/>
<text text-anchor="middle" x="327.38" y="-1816.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">GetCharacters</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_app/_hooks</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M583,-1634.06C583,-1634.06 671.25,-1634.06 671.25,-1634.06 677.25,-1634.06 683.25,-1640.06 683.25,-1646.06 683.25,-1646.06 683.25,-1675.06 683.25,-1675.06 683.25,-1681.06 677.25,-1687.06 671.25,-1687.06 671.25,-1687.06 583,-1687.06 583,-1687.06 577,-1687.06 571,-1681.06 571,-1675.06 571,-1675.06 571,-1646.06 571,-1646.06 571,-1640.06 577,-1634.06 583,-1634.06"/>
<text text-anchor="middle" x="627.12" y="-1674.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">_hooks</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_app/_providers</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M703.25,-1611.06C703.25,-1611.06 831.25,-1611.06 831.25,-1611.06 837.25,-1611.06 843.25,-1617.06 843.25,-1623.06 843.25,-1623.06 843.25,-1683.06 843.25,-1683.06 843.25,-1689.06 837.25,-1695.06 831.25,-1695.06 831.25,-1695.06 703.25,-1695.06 703.25,-1695.06 697.25,-1695.06 691.25,-1689.06 691.25,-1683.06 691.25,-1683.06 691.25,-1623.06 691.25,-1623.06 691.25,-1617.06 697.25,-1611.06 703.25,-1611.06"/>
<text text-anchor="middle" x="767.25" y="-1682.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">_providers</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_app/api</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M28,-1611.06C28,-1611.06 221.88,-1611.06 221.88,-1611.06 227.88,-1611.06 233.88,-1617.06 233.88,-1623.06 233.88,-1623.06 233.88,-1687.06 233.88,-1687.06 233.88,-1693.06 227.88,-1699.06 221.88,-1699.06 221.88,-1699.06 28,-1699.06 28,-1699.06 22,-1699.06 16,-1693.06 16,-1687.06 16,-1687.06 16,-1623.06 16,-1623.06 16,-1617.06 22,-1611.06 28,-1611.06"/>
<text text-anchor="middle" x="124.94" y="-1686.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">api</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_app/api/graphql</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M36,-1619.06C36,-1619.06 213.88,-1619.06 213.88,-1619.06 219.88,-1619.06 225.88,-1625.06 225.88,-1631.06 225.88,-1631.06 225.88,-1660.06 225.88,-1660.06 225.88,-1666.06 219.88,-1672.06 213.88,-1672.06 213.88,-1672.06 36,-1672.06 36,-1672.06 30,-1672.06 24,-1666.06 24,-1660.06 24,-1660.06 24,-1631.06 24,-1631.06 24,-1625.06 30,-1619.06 36,-1619.06"/>
<text text-anchor="middle" x="124.94" y="-1659.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">graphql</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M707.25,-60.06C707.25,-60.06 1767.75,-60.06 1767.75,-60.06 1773.75,-60.06 1779.75,-66.06 1779.75,-72.06 1779.75,-72.06 1779.75,-1583.06 1779.75,-1583.06 1779.75,-1589.06 1773.75,-1595.06 1767.75,-1595.06 1767.75,-1595.06 707.25,-1595.06 707.25,-1595.06 701.25,-1595.06 695.25,-1589.06 695.25,-1583.06 695.25,-1583.06 695.25,-72.06 695.25,-72.06 695.25,-66.06 701.25,-60.06 707.25,-60.06"/>
<text text-anchor="middle" x="1237.5" y="-1582.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_src/client</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M715.25,-879.06C715.25,-879.06 1570.12,-879.06 1570.12,-879.06 1576.12,-879.06 1582.12,-885.06 1582.12,-891.06 1582.12,-891.06 1582.12,-1556.06 1582.12,-1556.06 1582.12,-1562.06 1576.12,-1568.06 1570.12,-1568.06 1570.12,-1568.06 715.25,-1568.06 715.25,-1568.06 709.25,-1568.06 703.25,-1562.06 703.25,-1556.06 703.25,-1556.06 703.25,-891.06 703.25,-891.06 703.25,-885.06 709.25,-879.06 715.25,-879.06"/>
<text text-anchor="middle" x="1142.69" y="-1555.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">client</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_src/client/application</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M872,-948.06C872,-948.06 1391.75,-948.06 1391.75,-948.06 1397.75,-948.06 1403.75,-954.06 1403.75,-960.06 1403.75,-960.06 1403.75,-1243.06 1403.75,-1243.06 1403.75,-1249.06 1397.75,-1255.06 1391.75,-1255.06 1391.75,-1255.06 872,-1255.06 872,-1255.06 866,-1255.06 860,-1249.06 860,-1243.06 860,-1243.06 860,-960.06 860,-960.06 860,-954.06 866,-948.06 872,-948.06"/>
<text text-anchor="middle" x="1131.88" y="-1242.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">application</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_src/client/application/ports</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1065.38,-1113.06C1065.38,-1113.06 1383.75,-1113.06 1383.75,-1113.06 1389.75,-1113.06 1395.75,-1119.06 1395.75,-1125.06 1395.75,-1125.06 1395.75,-1216.06 1395.75,-1216.06 1395.75,-1222.06 1389.75,-1228.06 1383.75,-1228.06 1383.75,-1228.06 1065.38,-1228.06 1065.38,-1228.06 1059.38,-1228.06 1053.38,-1222.06 1053.38,-1216.06 1053.38,-1216.06 1053.38,-1125.06 1053.38,-1125.06 1053.38,-1119.06 1059.38,-1113.06 1065.38,-1113.06"/>
<text text-anchor="middle" x="1224.56" y="-1215.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ports</text>
</g>
<g id="clust15" class="cluster">
<title>cluster_src/client/application/usecases</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M880,-956.06C880,-956.06 1215.25,-956.06 1215.25,-956.06 1221.25,-956.06 1227.25,-962.06 1227.25,-968.06 1227.25,-968.06 1227.25,-1093.06 1227.25,-1093.06 1227.25,-1099.06 1221.25,-1105.06 1215.25,-1105.06 1215.25,-1105.06 880,-1105.06 880,-1105.06 874,-1105.06 868,-1099.06 868,-1093.06 868,-1093.06 868,-968.06 868,-968.06 868,-962.06 874,-956.06 880,-956.06"/>
<text text-anchor="middle" x="1047.62" y="-1092.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">usecases</text>
</g>
<g id="clust16" class="cluster">
<title>cluster_src/client/application/usecases/CreateCharacter</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M888,-1025.06C888,-1025.06 1207.25,-1025.06 1207.25,-1025.06 1213.25,-1025.06 1219.25,-1031.06 1219.25,-1037.06 1219.25,-1037.06 1219.25,-1066.06 1219.25,-1066.06 1219.25,-1072.06 1213.25,-1078.06 1207.25,-1078.06 1207.25,-1078.06 888,-1078.06 888,-1078.06 882,-1078.06 876,-1072.06 876,-1066.06 876,-1066.06 876,-1037.06 876,-1037.06 876,-1031.06 882,-1025.06 888,-1025.06"/>
<text text-anchor="middle" x="1047.62" y="-1065.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">CreateCharacter</text>
</g>
<g id="clust17" class="cluster">
<title>cluster_src/client/application/usecases/GetCharacters</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M892.5,-964.06C892.5,-964.06 1206.5,-964.06 1206.5,-964.06 1212.5,-964.06 1218.5,-970.06 1218.5,-976.06 1218.5,-976.06 1218.5,-1005.06 1218.5,-1005.06 1218.5,-1011.06 1212.5,-1017.06 1206.5,-1017.06 1206.5,-1017.06 892.5,-1017.06 892.5,-1017.06 886.5,-1017.06 880.5,-1011.06 880.5,-1005.06 880.5,-1005.06 880.5,-976.06 880.5,-976.06 880.5,-970.06 886.5,-964.06 892.5,-964.06"/>
<text text-anchor="middle" x="1049.5" y="-1004.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">GetCharacters</text>
</g>
<g id="clust18" class="cluster">
<title>cluster_src/client/domain</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1296.62,-887.06C1296.62,-887.06 1353.38,-887.06 1353.38,-887.06 1359.38,-887.06 1365.38,-893.06 1365.38,-899.06 1365.38,-899.06 1365.38,-928.06 1365.38,-928.06 1365.38,-934.06 1359.38,-940.06 1353.38,-940.06 1353.38,-940.06 1296.62,-940.06 1296.62,-940.06 1290.62,-940.06 1284.62,-934.06 1284.62,-928.06 1284.62,-928.06 1284.62,-899.06 1284.62,-899.06 1284.62,-893.06 1290.62,-887.06 1296.62,-887.06"/>
<text text-anchor="middle" x="1325" y="-927.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">domain</text>
</g>
<g id="clust19" class="cluster">
<title>cluster_src/client/infrastructure</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M880.5,-1263.06C880.5,-1263.06 1165.25,-1263.06 1165.25,-1263.06 1171.25,-1263.06 1177.25,-1269.06 1177.25,-1275.06 1177.25,-1275.06 1177.25,-1335.06 1177.25,-1335.06 1177.25,-1341.06 1171.25,-1347.06 1165.25,-1347.06 1165.25,-1347.06 880.5,-1347.06 880.5,-1347.06 874.5,-1347.06 868.5,-1341.06 868.5,-1335.06 868.5,-1335.06 868.5,-1275.06 868.5,-1275.06 868.5,-1269.06 874.5,-1263.06 880.5,-1263.06"/>
<text text-anchor="middle" x="1022.88" y="-1334.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">infrastructure</text>
</g>
<g id="clust20" class="cluster">
<title>cluster_src/client/presentation</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M871.25,-1355.06C871.25,-1355.06 1562.12,-1355.06 1562.12,-1355.06 1568.12,-1355.06 1574.12,-1361.06 1574.12,-1367.06 1574.12,-1367.06 1574.12,-1529.06 1574.12,-1529.06 1574.12,-1535.06 1568.12,-1541.06 1562.12,-1541.06 1562.12,-1541.06 871.25,-1541.06 871.25,-1541.06 865.25,-1541.06 859.25,-1535.06 859.25,-1529.06 859.25,-1529.06 859.25,-1367.06 859.25,-1367.06 859.25,-1361.06 865.25,-1355.06 871.25,-1355.06"/>
<text text-anchor="middle" x="1216.69" y="-1528.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">presentation</text>
</g>
<g id="clust21" class="cluster">
<title>cluster_src/client/presentation/controllers</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M879.25,-1363.06C879.25,-1363.06 1020.25,-1363.06 1020.25,-1363.06 1026.25,-1363.06 1032.25,-1369.06 1032.25,-1375.06 1032.25,-1375.06 1032.25,-1500.06 1032.25,-1500.06 1032.25,-1506.06 1026.25,-1512.06 1020.25,-1512.06 1020.25,-1512.06 879.25,-1512.06 879.25,-1512.06 873.25,-1512.06 867.25,-1506.06 867.25,-1500.06 867.25,-1500.06 867.25,-1375.06 867.25,-1375.06 867.25,-1369.06 873.25,-1363.06 879.25,-1363.06"/>
<text text-anchor="middle" x="949.75" y="-1499.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">controllers</text>
</g>
<g id="clust22" class="cluster">
<title>cluster_src/client/presentation/controllers/CreateCharacter</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M887.25,-1371.06C887.25,-1371.06 1012.25,-1371.06 1012.25,-1371.06 1018.25,-1371.06 1024.25,-1377.06 1024.25,-1383.06 1024.25,-1383.06 1024.25,-1412.06 1024.25,-1412.06 1024.25,-1418.06 1018.25,-1424.06 1012.25,-1424.06 1012.25,-1424.06 887.25,-1424.06 887.25,-1424.06 881.25,-1424.06 875.25,-1418.06 875.25,-1412.06 875.25,-1412.06 875.25,-1383.06 875.25,-1383.06 875.25,-1377.06 881.25,-1371.06 887.25,-1371.06"/>
<text text-anchor="middle" x="949.75" y="-1411.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">CreateCharacter</text>
</g>
<g id="clust23" class="cluster">
<title>cluster_src/client/presentation/controllers/GetCharacters</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M891.75,-1432.06C891.75,-1432.06 1007.75,-1432.06 1007.75,-1432.06 1013.75,-1432.06 1019.75,-1438.06 1019.75,-1444.06 1019.75,-1444.06 1019.75,-1473.06 1019.75,-1473.06 1019.75,-1479.06 1013.75,-1485.06 1007.75,-1485.06 1007.75,-1485.06 891.75,-1485.06 891.75,-1485.06 885.75,-1485.06 879.75,-1479.06 879.75,-1473.06 879.75,-1473.06 879.75,-1444.06 879.75,-1444.06 879.75,-1438.06 885.75,-1432.06 891.75,-1432.06"/>
<text text-anchor="middle" x="949.75" y="-1472.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">GetCharacters</text>
</g>
<g id="clust24" class="cluster">
<title>cluster_src/client/presentation/presenters</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1070.62,-1363.06C1070.62,-1363.06 1185.88,-1363.06 1185.88,-1363.06 1191.88,-1363.06 1197.88,-1369.06 1197.88,-1375.06 1197.88,-1375.06 1197.88,-1404.06 1197.88,-1404.06 1197.88,-1410.06 1191.88,-1416.06 1185.88,-1416.06 1185.88,-1416.06 1070.62,-1416.06 1070.62,-1416.06 1064.62,-1416.06 1058.62,-1410.06 1058.62,-1404.06 1058.62,-1404.06 1058.62,-1375.06 1058.62,-1375.06 1058.62,-1369.06 1064.62,-1363.06 1070.62,-1363.06"/>
<text text-anchor="middle" x="1128.25" y="-1403.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">presenters</text>
</g>
<g id="clust25" class="cluster">
<title>cluster_src/client/presentation/viewModels</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1052.25,-1430.06C1052.25,-1430.06 1554.12,-1430.06 1554.12,-1430.06 1560.12,-1430.06 1566.12,-1436.06 1566.12,-1442.06 1566.12,-1442.06 1566.12,-1502.06 1566.12,-1502.06 1566.12,-1508.06 1560.12,-1514.06 1554.12,-1514.06 1554.12,-1514.06 1052.25,-1514.06 1052.25,-1514.06 1046.25,-1514.06 1040.25,-1508.06 1040.25,-1502.06 1040.25,-1502.06 1040.25,-1442.06 1040.25,-1442.06 1040.25,-1436.06 1046.25,-1430.06 1052.25,-1430.06"/>
<text text-anchor="middle" x="1303.19" y="-1501.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">viewModels</text>
</g>
<g id="clust26" class="cluster">
<title>cluster_src/server</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M715.25,-68.06C715.25,-68.06 1759.75,-68.06 1759.75,-68.06 1765.75,-68.06 1771.75,-74.06 1771.75,-80.06 1771.75,-80.06 1771.75,-859.06 1771.75,-859.06 1771.75,-865.06 1765.75,-871.06 1759.75,-871.06 1759.75,-871.06 715.25,-871.06 715.25,-871.06 709.25,-871.06 703.25,-865.06 703.25,-859.06 703.25,-859.06 703.25,-80.06 703.25,-80.06 703.25,-74.06 709.25,-68.06 715.25,-68.06"/>
<text text-anchor="middle" x="1237.5" y="-858.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">server</text>
</g>
<g id="clust27" class="cluster">
<title>cluster_src/server/application</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1247.25,-178.06C1247.25,-178.06 1751.75,-178.06 1751.75,-178.06 1757.75,-178.06 1763.75,-184.06 1763.75,-190.06 1763.75,-190.06 1763.75,-551.06 1763.75,-551.06 1763.75,-557.06 1757.75,-563.06 1751.75,-563.06 1751.75,-563.06 1247.25,-563.06 1247.25,-563.06 1241.25,-563.06 1235.25,-557.06 1235.25,-551.06 1235.25,-551.06 1235.25,-190.06 1235.25,-190.06 1235.25,-184.06 1241.25,-178.06 1247.25,-178.06"/>
<text text-anchor="middle" x="1499.5" y="-550.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">application</text>
</g>
<g id="clust28" class="cluster">
<title>cluster_src/server/application/ports</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1439.62,-390.06C1439.62,-390.06 1743.75,-390.06 1743.75,-390.06 1749.75,-390.06 1755.75,-396.06 1755.75,-402.06 1755.75,-402.06 1755.75,-524.06 1755.75,-524.06 1755.75,-530.06 1749.75,-536.06 1743.75,-536.06 1743.75,-536.06 1439.62,-536.06 1439.62,-536.06 1433.62,-536.06 1427.62,-530.06 1427.62,-524.06 1427.62,-524.06 1427.62,-402.06 1427.62,-402.06 1427.62,-396.06 1433.62,-390.06 1439.62,-390.06"/>
<text text-anchor="middle" x="1591.69" y="-523.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ports</text>
</g>
<g id="clust29" class="cluster">
<title>cluster_src/server/application/usecases</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1255.25,-202.06C1255.25,-202.06 1593.25,-202.06 1593.25,-202.06 1599.25,-202.06 1605.25,-208.06 1605.25,-214.06 1605.25,-214.06 1605.25,-370.06 1605.25,-370.06 1605.25,-376.06 1599.25,-382.06 1593.25,-382.06 1593.25,-382.06 1255.25,-382.06 1255.25,-382.06 1249.25,-382.06 1243.25,-376.06 1243.25,-370.06 1243.25,-370.06 1243.25,-214.06 1243.25,-214.06 1243.25,-208.06 1249.25,-202.06 1255.25,-202.06"/>
<text text-anchor="middle" x="1424.25" y="-369.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">usecases</text>
</g>
<g id="clust30" class="cluster">
<title>cluster_src/server/application/usecases/CreateCharacter</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1263.25,-210.06C1263.25,-210.06 1585.25,-210.06 1585.25,-210.06 1591.25,-210.06 1597.25,-216.06 1597.25,-222.06 1597.25,-222.06 1597.25,-282.06 1597.25,-282.06 1597.25,-288.06 1591.25,-294.06 1585.25,-294.06 1585.25,-294.06 1263.25,-294.06 1263.25,-294.06 1257.25,-294.06 1251.25,-288.06 1251.25,-282.06 1251.25,-282.06 1251.25,-222.06 1251.25,-222.06 1251.25,-216.06 1257.25,-210.06 1263.25,-210.06"/>
<text text-anchor="middle" x="1424.25" y="-281.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">CreateCharacter</text>
</g>
<g id="clust31" class="cluster">
<title>cluster_src/server/application/usecases/GetCharacters</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1267.75,-302.06C1267.75,-302.06 1580.75,-302.06 1580.75,-302.06 1586.75,-302.06 1592.75,-308.06 1592.75,-314.06 1592.75,-314.06 1592.75,-343.06 1592.75,-343.06 1592.75,-349.06 1586.75,-355.06 1580.75,-355.06 1580.75,-355.06 1267.75,-355.06 1267.75,-355.06 1261.75,-355.06 1255.75,-349.06 1255.75,-343.06 1255.75,-343.06 1255.75,-314.06 1255.75,-314.06 1255.75,-308.06 1261.75,-302.06 1267.75,-302.06"/>
<text text-anchor="middle" x="1424.25" y="-342.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">GetCharacters</text>
</g>
<g id="clust32" class="cluster">
<title>cluster_src/server/domain</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1652.12,-105.06C1652.12,-105.06 1708.88,-105.06 1708.88,-105.06 1714.88,-105.06 1720.88,-111.06 1720.88,-117.06 1720.88,-117.06 1720.88,-146.06 1720.88,-146.06 1720.88,-152.06 1714.88,-158.06 1708.88,-158.06 1708.88,-158.06 1652.12,-158.06 1652.12,-158.06 1646.12,-158.06 1640.12,-152.06 1640.12,-146.06 1640.12,-146.06 1640.12,-117.06 1640.12,-117.06 1640.12,-111.06 1646.12,-105.06 1652.12,-105.06"/>
<text text-anchor="middle" x="1680.5" y="-145.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">domain</text>
</g>
<g id="clust33" class="cluster">
<title>cluster_src/server/infrastructure</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1254.25,-86.06C1254.25,-86.06 1395.75,-86.06 1395.75,-86.06 1401.75,-86.06 1407.75,-92.06 1407.75,-98.06 1407.75,-98.06 1407.75,-158.06 1407.75,-158.06 1407.75,-164.06 1401.75,-170.06 1395.75,-170.06 1395.75,-170.06 1254.25,-170.06 1254.25,-170.06 1248.25,-170.06 1242.25,-164.06 1242.25,-158.06 1242.25,-158.06 1242.25,-98.06 1242.25,-98.06 1242.25,-92.06 1248.25,-86.06 1254.25,-86.06"/>
<text text-anchor="middle" x="1325" y="-157.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">infrastructure</text>
</g>
<g id="clust34" class="cluster">
<title>cluster_src/server/presentation</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M874.38,-571.06C874.38,-571.06 1740.12,-571.06 1740.12,-571.06 1746.12,-571.06 1752.12,-577.06 1752.12,-583.06 1752.12,-583.06 1752.12,-832.06 1752.12,-832.06 1752.12,-838.06 1746.12,-844.06 1740.12,-844.06 1740.12,-844.06 874.38,-844.06 874.38,-844.06 868.38,-844.06 862.38,-838.06 862.38,-832.06 862.38,-832.06 862.38,-583.06 862.38,-583.06 862.38,-577.06 868.38,-571.06 874.38,-571.06"/>
<text text-anchor="middle" x="1307.25" y="-831.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">presentation</text>
</g>
<g id="clust35" class="cluster">
<title>cluster_src/server/presentation/controllers</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M882.38,-610.06C882.38,-610.06 1190.75,-610.06 1190.75,-610.06 1196.75,-610.06 1202.75,-616.06 1202.75,-622.06 1202.75,-622.06 1202.75,-682.06 1202.75,-682.06 1202.75,-688.06 1196.75,-694.06 1190.75,-694.06 1190.75,-694.06 882.38,-694.06 882.38,-694.06 876.38,-694.06 870.38,-688.06 870.38,-682.06 870.38,-682.06 870.38,-622.06 870.38,-622.06 870.38,-616.06 876.38,-610.06 882.38,-610.06"/>
<text text-anchor="middle" x="1036.56" y="-681.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">controllers</text>
</g>
<g id="clust36" class="cluster">
<title>cluster_src/server/presentation/presenters</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1262.88,-579.06C1262.88,-579.06 1387.12,-579.06 1387.12,-579.06 1393.12,-579.06 1399.12,-585.06 1399.12,-591.06 1399.12,-591.06 1399.12,-682.06 1399.12,-682.06 1399.12,-688.06 1393.12,-694.06 1387.12,-694.06 1387.12,-694.06 1262.88,-694.06 1262.88,-694.06 1256.88,-694.06 1250.88,-688.06 1250.88,-682.06 1250.88,-682.06 1250.88,-591.06 1250.88,-591.06 1250.88,-585.06 1256.88,-579.06 1262.88,-579.06"/>
<text text-anchor="middle" x="1325" y="-681.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">presenters</text>
</g>
<g id="clust37" class="cluster">
<title>cluster_src/server/presentation/requests</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1265.12,-726.06C1265.12,-726.06 1384.88,-726.06 1384.88,-726.06 1390.88,-726.06 1396.88,-732.06 1396.88,-738.06 1396.88,-738.06 1396.88,-767.06 1396.88,-767.06 1396.88,-773.06 1390.88,-779.06 1384.88,-779.06 1384.88,-779.06 1265.12,-779.06 1265.12,-779.06 1259.12,-779.06 1253.12,-773.06 1253.12,-767.06 1253.12,-767.06 1253.12,-738.06 1253.12,-738.06 1253.12,-732.06 1259.12,-726.06 1265.12,-726.06"/>
<text text-anchor="middle" x="1325" y="-766.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">requests</text>
</g>
<g id="clust38" class="cluster">
<title>cluster_src/server/presentation/viewModels</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M1437,-646.06C1437,-646.06 1732.12,-646.06 1732.12,-646.06 1738.12,-646.06 1744.12,-652.06 1744.12,-658.06 1744.12,-658.06 1744.12,-749.06 1744.12,-749.06 1744.12,-755.06 1738.12,-761.06 1732.12,-761.06 1732.12,-761.06 1437,-761.06 1437,-761.06 1431,-761.06 1425,-755.06 1425,-749.06 1425,-749.06 1425,-658.06 1425,-658.06 1425,-652.06 1431,-646.06 1437,-646.06"/>
<text text-anchor="middle" x="1584.56" y="-748.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">viewModels</text>
</g>
<!-- app/_components/Background/Background.tsx -->
<g id="node1" class="node">
<title>app/_components/Background/Background.tsx</title>
<g id="a_node1"><a xlink:href="app/_components/Background/Background.tsx" xlink:title="Background.tsx">
<path fill="#bbfeff" stroke="black" d="M800.58,-1737.31C800.58,-1737.31 733.92,-1737.31 733.92,-1737.31 730.83,-1737.31 727.75,-1734.22 727.75,-1731.14 727.75,-1731.14 727.75,-1724.97 727.75,-1724.97 727.75,-1721.89 730.83,-1718.81 733.92,-1718.81 733.92,-1718.81 800.58,-1718.81 800.58,-1718.81 803.67,-1718.81 806.75,-1721.89 806.75,-1724.97 806.75,-1724.97 806.75,-1731.14 806.75,-1731.14 806.75,-1734.22 803.67,-1737.31 800.58,-1737.31"/>
<text text-anchor="start" x="735.75" y="-1724.76" font-family="Helvetica,sans-Serif" font-size="9.00">Background.tsx</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/CreateCharacterForm.tsx -->
<g id="node2" class="node">
<title>app/_features/CreateCharacter/CreateCharacterForm.tsx</title>
<g id="a_node2"><a xlink:href="app/_features/CreateCharacter/CreateCharacterForm.tsx" xlink:title="CreateCharacterForm.tsx">
<path fill="#bbfeff" stroke="black" d="M394.08,-1741.31C394.08,-1741.31 287.67,-1741.31 287.67,-1741.31 284.58,-1741.31 281.5,-1738.22 281.5,-1735.14 281.5,-1735.14 281.5,-1728.97 281.5,-1728.97 281.5,-1725.89 284.58,-1722.81 287.67,-1722.81 287.67,-1722.81 394.08,-1722.81 394.08,-1722.81 397.17,-1722.81 400.25,-1725.89 400.25,-1728.97 400.25,-1728.97 400.25,-1735.14 400.25,-1735.14 400.25,-1738.22 397.17,-1741.31 394.08,-1741.31"/>
<text text-anchor="start" x="289.5" y="-1728.76" font-family="Helvetica,sans-Serif" font-size="9.00">CreateCharacterForm.tsx</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/useCreateCharacterForm.tsx -->
<g id="node3" class="node">
<title>app/_features/CreateCharacter/useCreateCharacterForm.tsx</title>
<g id="a_node3"><a xlink:href="app/_features/CreateCharacter/useCreateCharacterForm.tsx" xlink:title="useCreateCharacterForm.tsx">
<path fill="#bbfeff" stroke="black" d="M540.83,-1741.31C540.83,-1741.31 419.42,-1741.31 419.42,-1741.31 416.33,-1741.31 413.25,-1738.22 413.25,-1735.14 413.25,-1735.14 413.25,-1728.97 413.25,-1728.97 413.25,-1725.89 416.33,-1722.81 419.42,-1722.81 419.42,-1722.81 540.83,-1722.81 540.83,-1722.81 543.92,-1722.81 547,-1725.89 547,-1728.97 547,-1728.97 547,-1735.14 547,-1735.14 547,-1738.22 543.92,-1741.31 540.83,-1741.31"/>
<text text-anchor="start" x="421.25" y="-1728.76" font-family="Helvetica,sans-Serif" font-size="9.00">useCreateCharacterForm.tsx</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/CreateCharacterForm.tsx&#45;&gt;app/_features/CreateCharacter/useCreateCharacterForm.tsx -->
<g id="edge1" class="edge">
<title>app/_features/CreateCharacter/CreateCharacterForm.tsx&#45;&gt;app/_features/CreateCharacter/useCreateCharacterForm.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M400.48,-1732.06C401.63,-1732.06 402.78,-1732.06 403.93,-1732.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="403.78,-1734.16 409.78,-1732.06 403.78,-1729.96 403.78,-1734.16"/>
</g>
<!-- src/client/presentation/viewModels/CreateCharacterFormViewModel.ts -->
<g id="node4" class="node">
<title>src/client/presentation/viewModels/CreateCharacterFormViewModel.ts</title>
<g id="a_node4"><a xlink:href="src/client/presentation/viewModels/CreateCharacterFormViewModel.ts" xlink:title="CreateCharacterFormViewModel.ts">
<polygon fill="#9fff9f" stroke="black" points="1208.25,-1456.31 1048.25,-1456.31 1048.25,-1437.81 1208.25,-1437.81 1208.25,-1456.31"/>
<text text-anchor="start" x="1056.25" y="-1443.76" font-family="Helvetica,sans-Serif" font-size="9.00">CreateCharacterFormViewModel.ts</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/CreateCharacterForm.tsx&#45;&gt;src/client/presentation/viewModels/CreateCharacterFormViewModel.ts -->
<g id="edge2" class="edge">
<title>app/_features/CreateCharacter/CreateCharacterForm.tsx&#45;&gt;src/client/presentation/viewModels/CreateCharacterFormViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M362.74,-1741.71C375.49,-1748.66 391.05,-1759.25 400.25,-1773.06 415.14,-1795.4 396.04,-1811.45 413.25,-1832.06 478.23,-1909.88 524.74,-1914.06 626.12,-1914.06 626.12,-1914.06 626.12,-1914.06 768.25,-1914.06 915.72,-1914.06 964.67,-1844.13 1032.25,-1713.06 1044.99,-1688.36 1022.12,-1484.13 1040.25,-1463.06 1040.68,-1462.56 1041.12,-1462.07 1041.58,-1461.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1042.52,-1463.55 1045.67,-1458.03 1039.77,-1460.38 1042.52,-1463.55"/>
</g>
<!-- app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;src/client/presentation/viewModels/CreateCharacterFormViewModel.ts -->
<g id="edge8" class="edge">
<title>app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;src/client/presentation/viewModels/CreateCharacterFormViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M517.22,-1741.74C533.7,-1748 551.95,-1757.9 563,-1773.06 576.77,-1791.96 553.25,-1809.83 571,-1825.06 618.27,-1865.61 795.48,-1852.78 851.25,-1825.06 970.57,-1765.75 985.74,-1710.92 1032.25,-1586.06 1037.03,-1573.22 1031.15,-1473.29 1040.25,-1463.06 1040.69,-1462.56 1041.14,-1462.08 1041.6,-1461.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1042.53,-1463.57 1045.75,-1458.09 1039.82,-1460.37 1042.53,-1463.57"/>
</g>
<!-- app/_hooks/useDependency.tsx -->
<g id="node6" class="node">
<title>app/_hooks/useDependency.tsx</title>
<g id="a_node6"><a xlink:href="app/_hooks/useDependency.tsx" xlink:title="useDependency.tsx">
<path fill="#bbfeff" stroke="black" d="M669.08,-1660.31C669.08,-1660.31 585.17,-1660.31 585.17,-1660.31 582.08,-1660.31 579,-1657.22 579,-1654.14 579,-1654.14 579,-1647.97 579,-1647.97 579,-1644.89 582.08,-1641.81 585.17,-1641.81 585.17,-1641.81 669.08,-1641.81 669.08,-1641.81 672.17,-1641.81 675.25,-1644.89 675.25,-1647.97 675.25,-1647.97 675.25,-1654.14 675.25,-1654.14 675.25,-1657.22 672.17,-1660.31 669.08,-1660.31"/>
<text text-anchor="start" x="587" y="-1647.76" font-family="Helvetica,sans-Serif" font-size="9.00">useDependency.tsx</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;app/_hooks/useDependency.tsx -->
<g id="edge5" class="edge">
<title>app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;app/_hooks/useDependency.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M490.98,-1722.34C505.56,-1708.48 534.42,-1682.98 571.1,-1664.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="571.82,-1666.54 576.32,-1662.04 570,-1662.75 571.82,-1666.54"/>
</g>
<!-- src/client/application/ports/ICharacterRepository.ts -->
<g id="node7" class="node">
<title>src/client/application/ports/ICharacterRepository.ts</title>
<g id="a_node7"><a xlink:href="src/client/application/ports/ICharacterRepository.ts" xlink:title="ICharacterRepository.ts">
<polygon fill="#fb6969" stroke="black" points="1183.88,-1170.31 1072.62,-1170.31 1072.62,-1151.81 1183.88,-1151.81 1183.88,-1170.31"/>
<text text-anchor="start" x="1080.62" y="-1157.76" font-family="Helvetica,sans-Serif" font-size="9.00">ICharacterRepository.ts</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;src/client/application/ports/ICharacterRepository.ts -->
<g id="edge6" class="edge">
<title>app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;src/client/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M486.73,-1722.52C499.15,-1702.26 531.08,-1654.85 571,-1631.06 755.37,-1521.18 911.57,-1665.54 1032.25,-1488.06 1041.97,-1473.77 1029.02,-1190.2 1040.25,-1177.06 1046.38,-1169.89 1054.57,-1165.24 1063.48,-1162.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1064.01,-1164.35 1069.27,-1160.78 1062.94,-1160.29 1064.01,-1164.35"/>
</g>
<!-- src/client/presentation/viewModels/CharacterViewModel.ts -->
<g id="node8" class="node">
<title>src/client/presentation/viewModels/CharacterViewModel.ts</title>
<g id="a_node8"><a xlink:href="src/client/presentation/viewModels/CharacterViewModel.ts" xlink:title="CharacterViewModel.ts">
<polygon fill="#9fff9f" stroke="black" points="1558.12,-1487.31 1446.88,-1487.31 1446.88,-1468.81 1558.12,-1468.81 1558.12,-1487.31"/>
<text text-anchor="start" x="1454.88" y="-1474.76" font-family="Helvetica,sans-Serif" font-size="9.00">CharacterViewModel.ts</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;src/client/presentation/viewModels/CharacterViewModel.ts -->
<g id="edge7" class="edge">
<title>app/_features/CreateCharacter/useCreateCharacterForm.tsx&#45;&gt;src/client/presentation/viewModels/CharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M517.95,-1741.68C534.39,-1747.9 552.4,-1757.77 563,-1773.06 572.55,-1786.83 559.73,-1835.65 571,-1848.06 630.56,-1913.62 677.67,-1888.06 766.25,-1888.06 766.25,-1888.06 766.25,-1888.06 1129.25,-1888.06 1344.05,-1888.06 1467.45,-1575.78 1495.38,-1496.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1497.36,-1497.01 1497.33,-1490.65 1493.39,-1495.64 1497.36,-1497.01"/>
</g>
<!-- app/_features/CreateCharacter/CreateCharacterFormContainer.tsx -->
<g id="node5" class="node">
<title>app/_features/CreateCharacter/CreateCharacterFormContainer.tsx</title>
<g id="a_node5"><a xlink:href="app/_features/CreateCharacter/CreateCharacterFormContainer.tsx" xlink:title="CreateCharacterFormContainer.tsx">
<path fill="#bbfeff" stroke="black" d="M262.33,-1741.31C262.33,-1741.31 116.17,-1741.31 116.17,-1741.31 113.08,-1741.31 110,-1738.22 110,-1735.14 110,-1735.14 110,-1728.97 110,-1728.97 110,-1725.89 113.08,-1722.81 116.17,-1722.81 116.17,-1722.81 262.33,-1722.81 262.33,-1722.81 265.42,-1722.81 268.5,-1725.89 268.5,-1728.97 268.5,-1728.97 268.5,-1735.14 268.5,-1735.14 268.5,-1738.22 265.42,-1741.31 262.33,-1741.31"/>
<text text-anchor="start" x="118" y="-1728.76" font-family="Helvetica,sans-Serif" font-size="9.00">CreateCharacterFormContainer.tsx</text>
</a>
</g>
</g>
<!-- app/_features/CreateCharacter/CreateCharacterFormContainer.tsx&#45;&gt;app/_features/CreateCharacter/CreateCharacterForm.tsx -->
<g id="edge3" class="edge">
<title>app/_features/CreateCharacter/CreateCharacterFormContainer.tsx&#45;&gt;app/_features/CreateCharacter/CreateCharacterForm.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M268.57,-1732.06C269.89,-1732.06 271.22,-1732.06 272.54,-1732.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="272.17,-1734.16 278.17,-1732.06 272.17,-1729.96 272.17,-1734.16"/>
</g>
<!-- app/_features/CreateCharacter/CreateCharacterFormContainer.tsx&#45;&gt;src/client/presentation/viewModels/CreateCharacterFormViewModel.ts -->
<g id="edge4" class="edge">
<title>app/_features/CreateCharacter/CreateCharacterFormContainer.tsx&#45;&gt;src/client/presentation/viewModels/CreateCharacterFormViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M213.46,-1722.37C232.09,-1713.2 256.98,-1697.48 268.5,-1675.06 289.22,-1634.73 250.63,-76.26 281.5,-43.06 311.5,-10.79 435.06,-27.06 479.12,-27.06 479.12,-27.06 479.12,-27.06 768.25,-27.06 885.8,-27.06 951.44,42.3 1032.25,-43.06 1045.39,-56.94 1028.95,-1403.64 1040.25,-1419.06 1044.63,-1425.04 1050.31,-1429.77 1056.67,-1433.5"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1055.42,-1435.22 1061.71,-1436.07 1057.32,-1431.48 1055.42,-1435.22"/>
</g>
<!-- app/_providers/DependencyProvider.tsx -->
<g id="node15" class="node">
<title>app/_providers/DependencyProvider.tsx</title>
<g id="a_node15"><a xlink:href="app/_providers/DependencyProvider.tsx" xlink:title="DependencyProvider.tsx">
<path fill="#bbfeff" stroke="black" d="M818.96,-1637.31C818.96,-1637.31 715.54,-1637.31 715.54,-1637.31 712.46,-1637.31 709.38,-1634.22 709.38,-1631.14 709.38,-1631.14 709.38,-1624.97 709.38,-1624.97 709.38,-1621.89 712.46,-1618.81 715.54,-1618.81 715.54,-1618.81 818.96,-1618.81 818.96,-1618.81 822.04,-1618.81 825.12,-1621.89 825.12,-1624.97 825.12,-1624.97 825.12,-1631.14 825.12,-1631.14 825.12,-1634.22 822.04,-1637.31 818.96,-1637.31"/>
<text text-anchor="start" x="717.38" y="-1624.76" font-family="Helvetica,sans-Serif" font-size="9.00">DependencyProvider.tsx</text>
</a>
</g>
</g>
<!-- app/_hooks/useDependency.tsx&#45;&gt;app/_providers/DependencyProvider.tsx -->
<g id="edge17" class="edge">
<title>app/_hooks/useDependency.tsx&#45;&gt;app/_providers/DependencyProvider.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.66,-1643.14C683.65,-1641.81 692.07,-1640.41 700.43,-1639.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.53,-1641.13 706.11,-1638.07 699.84,-1636.99 700.53,-1641.13"/>
</g>
<!-- src/client/DependencyInjection.ts -->
<g id="node16" class="node">
<title>src/client/DependencyInjection.ts</title>
<g id="a_node16"><a xlink:href="src/client/DependencyInjection.ts" xlink:title="DependencyInjection.ts">
<path fill="#ddfeff" stroke="black" d="M817.08,-1260.31C817.08,-1260.31 717.42,-1260.31 717.42,-1260.31 714.33,-1260.31 711.25,-1257.22 711.25,-1254.14 711.25,-1254.14 711.25,-1247.97 711.25,-1247.97 711.25,-1244.89 714.33,-1241.81 717.42,-1241.81 717.42,-1241.81 817.08,-1241.81 817.08,-1241.81 820.17,-1241.81 823.25,-1244.89 823.25,-1247.97 823.25,-1247.97 823.25,-1254.14 823.25,-1254.14 823.25,-1257.22 820.17,-1260.31 817.08,-1260.31"/>
<text text-anchor="start" x="719.25" y="-1247.76" font-family="Helvetica,sans-Serif" font-size="9.00">DependencyInjection.ts</text>
</a>
</g>
</g>
<!-- app/_hooks/useDependency.tsx&#45;&gt;src/client/DependencyInjection.ts -->
<g id="edge18" class="edge">
<title>app/_hooks/useDependency.tsx&#45;&gt;src/client/DependencyInjection.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.4,-1641.56C649.39,-1589.48 736.14,-1338.26 760.1,-1268.85"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="761.98,-1269.86 761.95,-1263.5 758.01,-1268.49 761.98,-1269.86"/>
</g>
<!-- src/client/domain/Character.ts -->
<g id="node30" class="node">
<title>src/client/domain/Character.ts</title>
<g id="a_node30"><a xlink:href="src/client/domain/Character.ts" xlink:title="Character.ts">
<polygon fill="#fa9f36" stroke="black" points="1357.38,-913.31 1292.62,-913.31 1292.62,-894.81 1357.38,-894.81 1357.38,-913.31"/>
<text text-anchor="start" x="1300.62" y="-900.76" font-family="Helvetica,sans-Serif" font-size="9.00">Character.ts</text>
</a>
</g>
</g>
<!-- src/client/application/ports/ICharacterRepository.ts&#45;&gt;src/client/domain/Character.ts -->
<g id="edge37" class="edge">
<title>src/client/application/ports/ICharacterRepository.ts&#45;&gt;src/client/domain/Character.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1184.14,-1163.14C1199.78,-1161.03 1215.69,-1155.91 1227.25,-1145.06 1238.88,-1134.13 1230.29,-1125.23 1235.25,-1110.06 1258.77,-1038.05 1297.79,-956.54 1315.17,-921.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1316.94,-922.69 1317.75,-916.38 1313.19,-920.81 1316.94,-922.69"/>
</g>
<!-- app/_features/GetCharacters/CharactersList.tsx -->
<g id="node9" class="node">
<title>app/_features/GetCharacters/CharactersList.tsx</title>
<g id="a_node9"><a xlink:href="app/_features/GetCharacters/CharactersList.tsx" xlink:title="CharactersList.tsx">
<path fill="#bbfeff" stroke="black" d="M379.08,-1802.31C379.08,-1802.31 302.67,-1802.31 302.67,-1802.31 299.58,-1802.31 296.5,-1799.22 296.5,-1796.14 296.5,-1796.14 296.5,-1789.97 296.5,-1789.97 296.5,-1786.89 299.58,-1783.81 302.67,-1783.81 302.67,-1783.81 379.08,-1783.81 379.08,-1783.81 382.17,-1783.81 385.25,-1786.89 385.25,-1789.97 385.25,-1789.97 385.25,-1796.14 385.25,-1796.14 385.25,-1799.22 382.17,-1802.31 379.08,-1802.31"/>
<text text-anchor="start" x="304.5" y="-1789.76" font-family="Helvetica,sans-Serif" font-size="9.00">CharactersList.tsx</text>
</a>
</g>
</g>
<!-- app/_features/GetCharacters/CharactersList.tsx&#45;&gt;src/client/presentation/viewModels/CharacterViewModel.ts -->
<g id="edge11" class="edge">
<title>app/_features/GetCharacters/CharactersList.tsx&#45;&gt;src/client/presentation/viewModels/CharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M344.28,-1802.5C350.86,-1826.35 371.53,-1889.27 413.25,-1920.06 491.13,-1977.54 529.33,-1966.06 626.12,-1966.06 626.12,-1966.06 626.12,-1966.06 1129.25,-1966.06 1277.85,-1966.06 1318.74,-1900.05 1407.75,-1781.06 1476.24,-1689.5 1495.3,-1547.11 1500.06,-1496.6"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1502.14,-1496.94 1500.57,-1490.78 1497.95,-1496.57 1502.14,-1496.94"/>
</g>
<!-- app/_features/GetCharacters/useCharacterList.tsx -->
<g id="node10" class="node">
<title>app/_features/GetCharacters/useCharacterList.tsx</title>
<g id="a_node10"><a xlink:href="app/_features/GetCharacters/useCharacterList.tsx" xlink:title="useCharacterList.tsx">
<path fill="#bbfeff" stroke="black" d="M523.58,-1802.31C523.58,-1802.31 436.67,-1802.31 436.67,-1802.31 433.58,-1802.31 430.5,-1799.22 430.5,-1796.14 430.5,-1796.14 430.5,-1789.97 430.5,-1789.97 430.5,-1786.89 433.58,-1783.81 436.67,-1783.81 436.67,-1783.81 523.58,-1783.81 523.58,-1783.81 526.67,-1783.81 529.75,-1786.89 529.75,-1789.97 529.75,-1789.97 529.75,-1796.14 529.75,-1796.14 529.75,-1799.22 526.67,-1802.31 523.58,-1802.31"/>
<text text-anchor="start" x="438.5" y="-1789.76" font-family="Helvetica,sans-Serif" font-size="9.00">useCharacterList.tsx</text>
</a>
</g>
</g>
<!-- app/_features/GetCharacters/CharactersList.tsx&#45;&gt;app/_features/GetCharacters/useCharacterList.tsx -->
<g id="edge9" class="edge">
<title>app/_features/GetCharacters/CharactersList.tsx&#45;&gt;app/_features/GetCharacters/useCharacterList.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.68,-1793.06C396.93,-1793.06 409.21,-1793.06 421.07,-1793.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="420.99,-1795.16 426.99,-1793.06 420.99,-1790.96 420.99,-1795.16"/>
</g>
<!-- src/client/presentation/viewModels/CharactersListViewModel.ts -->
<g id="node11" class="node">
<title>src/client/presentation/viewModels/CharactersListViewModel.ts</title>
<g id="a_node11"><a xlink:href="src/client/presentation/viewModels/CharactersListViewModel.ts" xlink:title="CharactersListViewModel.ts">
<polygon fill="#9fff9f" stroke="black" points="1193.25,-1487.31 1063.25,-1487.31 1063.25,-1468.81 1193.25,-1468.81 1193.25,-1487.31"/>
<text text-anchor="start" x="1071.25" y="-1474.76" font-family="Helvetica,sans-Serif" font-size="9.00">CharactersListViewModel.ts</text>
</a>
</g>
</g>
<!-- app/_features/GetCharacters/CharactersList.tsx&#45;&gt;src/client/presentation/viewModels/CharactersListViewModel.ts -->
<g id="edge10" class="edge">
<title>app/_features/GetCharacters/CharactersList.tsx&#45;&gt;src/client/presentation/viewModels/CharactersListViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M346.91,-1802.77C356.95,-1821.15 381.28,-1861.1 413.25,-1882.06 495.25,-1935.83 528.07,-1940.06 626.12,-1940.06 626.12,-1940.06 626.12,-1940.06 768.25,-1940.06 897.88,-1940.06 953.45,-1918.99 1032.25,-1816.06 1110.21,-1714.22 1124.19,-1551.46 1126.7,-1496.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1128.8,-1496.89 1126.93,-1490.81 1124.6,-1496.73 1128.8,-1496.89"/>
</g>
<!-- app/_features/GetCharacters/useCharacterList.tsx&#45;&gt;app/_hooks/useDependency.tsx -->
<g id="edge15" class="edge">
<title>app/_features/GetCharacters/useCharacterList.tsx&#45;&gt;app/_hooks/useDependency.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M529.96,-1789.96C542.49,-1786.75 554.74,-1781.04 563,-1771.06 578.2,-1752.69 555.51,-1682.19 571,-1664.06 571.27,-1663.74 571.55,-1663.43 571.83,-1663.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="572.85,-1665 576.2,-1659.6 570.21,-1661.73 572.85,-1665"/>
</g>
<!-- src/client/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="node14" class="node">
<title>src/client/presentation/viewModels/GetCharactersViewModel.ts</title>
<g id="a_node14"><a xlink:href="src/client/presentation/viewModels/GetCharactersViewModel.ts" xlink:title="GetCharactersViewModel.ts">
<polygon fill="#9fff9f" stroke="black" points="1390,-1487.31 1260,-1487.31 1260,-1468.81 1390,-1468.81 1390,-1487.31"/>
<text text-anchor="start" x="1268" y="-1474.76" font-family="Helvetica,sans-Serif" font-size="9.00">GetCharactersViewModel.ts</text>
</a>
</g>
</g>
<!-- app/_features/GetCharacters/useCharacterList.tsx&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge16" class="edge">
<title>app/_features/GetCharacters/useCharacterList.tsx&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M518.53,-1802.8C533.91,-1808.38 550.91,-1816.77 563,-1829.06 569.43,-1835.59 563.55,-1842.72 571,-1848.06 641.71,-1898.74 679.25,-1862.06 766.25,-1862.06 766.25,-1862.06 766.25,-1862.06 950.75,-1862.06 1158.02,-1862.06 1287.35,-1570.84 1317.3,-1495.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1319.13,-1496.72 1319.36,-1490.37 1315.21,-1495.19 1319.13,-1496.72"/>
</g>
<!-- src/client/presentation/viewModels/CharactersListViewModel.ts&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge59" class="edge">
<title>src/client/presentation/viewModels/CharactersListViewModel.ts&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1193.56,-1478.06C1211.92,-1478.06 1232.07,-1478.06 1250.91,-1478.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1250.73,-1480.16 1256.73,-1478.06 1250.73,-1475.96 1250.73,-1480.16"/>
</g>
<!-- app/_features/GetCharacters/CharactersListContainer.tsx -->
<g id="node12" class="node">
<title>app/_features/GetCharacters/CharactersListContainer.tsx</title>
<g id="a_node12"><a xlink:href="app/_features/GetCharacters/CharactersListContainer.tsx" xlink:title="CharactersListContainer.tsx">
<path fill="#bbfeff" stroke="black" d="M247.33,-1802.31C247.33,-1802.31 131.17,-1802.31 131.17,-1802.31 128.08,-1802.31 125,-1799.22 125,-1796.14 125,-1796.14 125,-1789.97 125,-1789.97 125,-1786.89 128.08,-1783.81 131.17,-1783.81 131.17,-1783.81 247.33,-1783.81 247.33,-1783.81 250.42,-1783.81 253.5,-1786.89 253.5,-1789.97 253.5,-1789.97 253.5,-1796.14 253.5,-1796.14 253.5,-1799.22 250.42,-1802.31 247.33,-1802.31"/>
<text text-anchor="start" x="133" y="-1789.76" font-family="Helvetica,sans-Serif" font-size="9.00">CharactersListContainer.tsx</text>
</a>
</g>
</g>
<!-- app/_features/GetCharacters/CharactersListContainer.tsx&#45;&gt;app/_features/GetCharacters/CharactersList.tsx -->
<g id="edge12" class="edge">
<title>app/_features/GetCharacters/CharactersListContainer.tsx&#45;&gt;app/_features/GetCharacters/CharactersList.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M253.7,-1793.06C264.91,-1793.06 276.45,-1793.06 287.31,-1793.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="287.22,-1795.16 293.22,-1793.06 287.22,-1790.96 287.22,-1795.16"/>
</g>
<!-- app/_features/GetCharacters/CharactersListContainer.tsx&#45;&gt;src/client/presentation/viewModels/CharactersListViewModel.ts -->
<g id="edge13" class="edge">
<title>app/_features/GetCharacters/CharactersListContainer.tsx&#45;&gt;src/client/presentation/viewModels/CharactersListViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M253.38,-1783.46C259.19,-1780.33 264.41,-1776.28 268.5,-1771.06 282.78,-1752.8 279.39,-1377.14 281.5,-1354.06 308.06,-1062.84 186.7,-53.06 479.12,-53.06 479.12,-53.06 479.12,-53.06 768.25,-53.06 1041,-53.06 987.23,-338.05 1032.25,-607.06 1034.21,-618.77 1032.61,-1452.97 1040.25,-1462.06 1044.23,-1466.8 1049.12,-1470.44 1054.53,-1473.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1053.64,-1475.12 1059.99,-1475.51 1055.27,-1471.25 1053.64,-1475.12"/>
</g>
<!-- src/server/DependencyInjection.ts -->
<g id="node13" class="node">
<title>src/server/DependencyInjection.ts</title>
<g id="a_node13"><a xlink:href="src/server/DependencyInjection.ts" xlink:title="DependencyInjection.ts">
<path fill="#ddfeff" stroke="black" d="M817.08,-447.31C817.08,-447.31 717.42,-447.31 717.42,-447.31 714.33,-447.31 711.25,-444.22 711.25,-441.14 711.25,-441.14 711.25,-434.97 711.25,-434.97 711.25,-431.89 714.33,-428.81 717.42,-428.81 717.42,-428.81 817.08,-428.81 817.08,-428.81 820.17,-428.81 823.25,-431.89 823.25,-434.97 823.25,-434.97 823.25,-441.14 823.25,-441.14 823.25,-444.22 820.17,-447.31 817.08,-447.31"/>
<text text-anchor="start" x="719.25" y="-434.76" font-family="Helvetica,sans-Serif" font-size="9.00">DependencyInjection.ts</text>
</a>
</g>
</g>
<!-- app/_features/GetCharacters/CharactersListContainer.tsx&#45;&gt;src/server/DependencyInjection.ts -->
<g id="edge14" class="edge">
<title>app/_features/GetCharacters/CharactersListContainer.tsx&#45;&gt;src/server/DependencyInjection.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M250.91,-1783.4C257.48,-1780.31 263.56,-1776.29 268.5,-1771.06 286.94,-1751.54 273.82,-1737.79 281.5,-1712.06 438.59,-1186.06 709,-567.27 758.39,-455.73"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="760.17,-456.89 760.68,-450.56 756.33,-455.19 760.17,-456.89"/>
</g>
<!-- src/server/application/ports/ICharacterRepository.ts -->
<g id="node37" class="node">
<title>src/server/application/ports/ICharacterRepository.ts</title>
<g id="a_node37"><a xlink:href="src/server/application/ports/ICharacterRepository.ts" xlink:title="ICharacterRepository.ts">
<polygon fill="#dd1c1c" stroke="black" points="1558.12,-447.31 1446.88,-447.31 1446.88,-428.81 1558.12,-428.81 1558.12,-447.31"/>
<text text-anchor="start" x="1454.88" y="-434.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">ICharacterRepository.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts -->
<g id="edge61" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.66,-438.06C957.32,-438.06 1296.81,-438.06 1438.19,-438.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.78,-440.16 1443.78,-438.06 1437.78,-435.96 1437.78,-440.16"/>
</g>
<!-- src/server/application/ports/ICreateCharacterUseCase.ts -->
<g id="node38" class="node">
<title>src/server/application/ports/ICreateCharacterUseCase.ts</title>
<g id="a_node38"><a xlink:href="src/server/application/ports/ICreateCharacterUseCase.ts" xlink:title="ICreateCharacterUseCase.ts">
<polygon fill="#dd1c1c" stroke="black" points="1569.38,-478.31 1435.62,-478.31 1435.62,-459.81 1569.38,-459.81 1569.38,-478.31"/>
<text text-anchor="start" x="1443.62" y="-465.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">ICreateCharacterUseCase.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/ICreateCharacterUseCase.ts -->
<g id="edge62" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/ICreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.59,-440.51C835.36,-441.02 847.72,-441.56 859.25,-442.06 1064.56,-450.89 1306.81,-460.98 1426.63,-465.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1426.29,-468.04 1432.37,-466.19 1426.46,-463.85 1426.29,-468.04"/>
</g>
<!-- src/server/application/ports/IGetCharactersUseCase.ts -->
<g id="node39" class="node">
<title>src/server/application/ports/IGetCharactersUseCase.ts</title>
<g id="a_node39"><a xlink:href="src/server/application/ports/IGetCharactersUseCase.ts" xlink:title="IGetCharactersUseCase.ts">
<polygon fill="#dd1c1c" stroke="black" points="1564.88,-509.31 1440.12,-509.31 1440.12,-490.81 1564.88,-490.81 1564.88,-509.31"/>
<text text-anchor="start" x="1448.12" y="-496.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">IGetCharactersUseCase.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts -->
<g id="edge63" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.54,-445.83C835.31,-447.35 847.68,-448.85 859.25,-450.06 1066.58,-471.78 1312.47,-488.38 1430.86,-495.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1430.71,-497.89 1436.83,-496.17 1430.97,-493.7 1430.71,-497.89"/>
</g>
<!-- src/server/application/ports/IIdentityProvider.ts -->
<g id="node40" class="node">
<title>src/server/application/ports/IIdentityProvider.ts</title>
<g id="a_node40"><a xlink:href="src/server/application/ports/IIdentityProvider.ts" xlink:title="IIdentityProvider.ts">
<polygon fill="#dd1c1c" stroke="black" points="1547.62,-416.31 1457.38,-416.31 1457.38,-397.81 1547.62,-397.81 1547.62,-416.31"/>
<text text-anchor="start" x="1465.38" y="-403.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">IIdentityProvider.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/IIdentityProvider.ts -->
<g id="edge64" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/application/ports/IIdentityProvider.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.66,-435.72C960.64,-429.92 1313.8,-414.99 1448.36,-409.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1448.35,-411.41 1454.26,-409.06 1448.17,-407.21 1448.35,-411.41"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts -->
<g id="node41" class="node">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts</title>
<g id="a_node41"><a xlink:href="src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts" xlink:title="CreateCharacterUseCase.ts">
<polygon fill="#dd1c1c" stroke="black" points="1390.75,-267.31 1259.25,-267.31 1259.25,-248.81 1390.75,-248.81 1390.75,-267.31"/>
<text text-anchor="start" x="1267.25" y="-254.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterUseCase.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts -->
<g id="edge65" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M787.08,-428.4C805.25,-419.31 833.69,-405.69 859.25,-396.06 1008.15,-339.92 1190.59,-291.44 1275.83,-269.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1276.26,-271.97 1281.57,-268.47 1275.24,-267.9 1276.26,-271.97"/>
</g>
<!-- src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts -->
<g id="node42" class="node">
<title>src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts</title>
<g id="a_node42"><a xlink:href="src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts" xlink:title="GetCharactersUseCase.ts">
<polygon fill="#dd1c1c" stroke="black" points="1386.25,-328.31 1263.75,-328.31 1263.75,-309.81 1386.25,-309.81 1386.25,-328.31"/>
<text text-anchor="start" x="1271.75" y="-315.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">GetCharactersUseCase.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts -->
<g id="edge66" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M799.22,-428.39C816.73,-423.13 839.09,-416.76 859.25,-412.06 1021.15,-374.29 1090.01,-438.87 1227.25,-345.06 1232.85,-341.23 1229.58,-335.79 1235.25,-332.06 1241.33,-328.06 1248.14,-325.08 1255.22,-322.9"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.44,-325.01 1260.7,-321.45 1254.36,-320.95 1255.44,-325.01"/>
</g>
<!-- src/server/domain/Character.ts -->
<g id="node43" class="node">
<title>src/server/domain/Character.ts</title>
<g id="a_node43"><a xlink:href="src/server/domain/Character.ts" xlink:title="Character.ts">
<polygon fill="#dc6b0d" stroke="black" points="1712.88,-131.31 1648.12,-131.31 1648.12,-112.81 1712.88,-112.81 1712.88,-131.31"/>
<text text-anchor="start" x="1656.12" y="-118.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">Character.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/domain/Character.ts -->
<g id="edge67" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/domain/Character.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M767.95,-428.47C767.21,-386.82 770.07,-219.93 859.25,-137.06 948.67,-53.97 1005.19,-77.06 1127.25,-77.06 1127.25,-77.06 1127.25,-77.06 1326,-77.06 1440.33,-77.06 1573.82,-100.51 1639.22,-113.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1638.72,-115.59 1645.02,-114.72 1639.55,-111.48 1638.72,-115.59"/>
</g>
<!-- src/server/infrastructure/InMemoryCharacterRepository.ts -->
<g id="node44" class="node">
<title>src/server/infrastructure/InMemoryCharacterRepository.ts</title>
<g id="a_node44"><a xlink:href="src/server/infrastructure/InMemoryCharacterRepository.ts" xlink:title="InMemoryCharacterRepository.ts">
<polygon fill="#248cea" stroke="black" points="1399.75,-112.31 1250.25,-112.31 1250.25,-93.81 1399.75,-93.81 1399.75,-112.31"/>
<text text-anchor="start" x="1258.25" y="-99.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">InMemoryCharacterRepository.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/infrastructure/InMemoryCharacterRepository.ts -->
<g id="edge68" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/infrastructure/InMemoryCharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M769.91,-428.51C775.93,-396.58 799.51,-292.22 859.25,-234.06 962.85,-133.2 1137.8,-108.78 1240.94,-103.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1240.85,-105.69 1246.75,-103.32 1240.66,-101.49 1240.85,-105.69"/>
</g>
<!-- src/server/infrastructure/UuidIdentityProvider.ts -->
<g id="node45" class="node">
<title>src/server/infrastructure/UuidIdentityProvider.ts</title>
<g id="a_node45"><a xlink:href="src/server/infrastructure/UuidIdentityProvider.ts" xlink:title="UuidIdentityProvider.ts">
<polygon fill="#248cea" stroke="black" points="1378.75,-143.31 1271.25,-143.31 1271.25,-124.81 1378.75,-124.81 1378.75,-143.31"/>
<text text-anchor="start" x="1279.25" y="-130.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">UuidIdentityProvider.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/infrastructure/UuidIdentityProvider.ts -->
<g id="edge69" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/infrastructure/UuidIdentityProvider.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M774.46,-428.57C787.82,-408.78 821.2,-362.66 859.25,-335.06 997,-235.11 1192.2,-171.38 1279.18,-146.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.65,-148.3 1284.84,-144.63 1278.49,-144.26 1279.65,-148.3"/>
</g>
<!-- src/server/presentation/controllers/CreateCharacterController.ts -->
<g id="node46" class="node">
<title>src/server/presentation/controllers/CreateCharacterController.ts</title>
<g id="a_node46"><a xlink:href="src/server/presentation/controllers/CreateCharacterController.ts" xlink:title="CreateCharacterController.ts">
<polygon fill="#20b520" stroke="black" points="1194.75,-667.31 1061.75,-667.31 1061.75,-648.81 1194.75,-648.81 1194.75,-667.31"/>
<text text-anchor="start" x="1069.75" y="-654.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterController.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/CreateCharacterController.ts -->
<g id="edge70" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/CreateCharacterController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M768.25,-447.66C768.81,-485.83 776.59,-627.42 859.25,-685.06 933.38,-736.74 1048.3,-695.01 1100.19,-671.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1100.95,-673.41 1105.51,-668.98 1099.18,-669.6 1100.95,-673.41"/>
</g>
<!-- src/server/presentation/controllers/GetCharactersController.ts -->
<g id="node47" class="node">
<title>src/server/presentation/controllers/GetCharactersController.ts</title>
<g id="a_node47"><a xlink:href="src/server/presentation/controllers/GetCharactersController.ts" xlink:title="GetCharactersController.ts">
<polygon fill="#20b520" stroke="black" points="1190.25,-636.31 1066.25,-636.31 1066.25,-617.81 1190.25,-617.81 1190.25,-636.31"/>
<text text-anchor="start" x="1074.25" y="-623.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">GetCharactersController.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/GetCharactersController.ts -->
<g id="edge71" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/GetCharactersController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M768.44,-447.72C769.76,-484.81 780.03,-618.78 859.25,-673.06 890.96,-694.79 1001.76,-696.48 1032.25,-673.06 1043.19,-664.65 1030.12,-652.42 1040.25,-643.06 1045.33,-638.37 1051.3,-634.83 1057.71,-632.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1058.19,-634.25 1063.17,-630.29 1056.81,-630.28 1058.19,-634.25"/>
</g>
<!-- src/server/presentation/controllers/GraphQLCharacterController.ts -->
<g id="node48" class="node">
<title>src/server/presentation/controllers/GraphQLCharacterController.ts</title>
<g id="a_node48"><a xlink:href="src/server/presentation/controllers/GraphQLCharacterController.ts" xlink:title="GraphQLCharacterController.ts">
<polygon fill="#20b520" stroke="black" points="1021.12,-667.31 878.38,-667.31 878.38,-648.81 1021.12,-648.81 1021.12,-667.31"/>
<text text-anchor="start" x="886.38" y="-654.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">GraphQLCharacterController.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/GraphQLCharacterController.ts -->
<g id="edge72" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/GraphQLCharacterController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M769.39,-447.66C773.85,-480.69 793.28,-590.43 859.25,-642.06 862.57,-644.66 866.17,-646.89 869.96,-648.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="868.86,-650.61 875.2,-651.08 870.54,-646.76 868.86,-650.61"/>
</g>
<!-- src/server/presentation/controllers/LoadCharactersController.ts -->
<g id="node49" class="node">
<title>src/server/presentation/controllers/LoadCharactersController.ts</title>
<g id="a_node49"><a xlink:href="src/server/presentation/controllers/LoadCharactersController.ts" xlink:title="LoadCharactersController.ts">
<polygon fill="#20b520" stroke="black" points="1015.12,-636.31 884.38,-636.31 884.38,-617.81 1015.12,-617.81 1015.12,-636.31"/>
<text text-anchor="start" x="892.38" y="-623.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">LoadCharactersController.ts</text>
</a>
</g>
</g>
<!-- src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/LoadCharactersController.ts -->
<g id="edge73" class="edge">
<title>src/server/DependencyInjection.ts&#45;&gt;src/server/presentation/controllers/LoadCharactersController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M770.04,-447.69C776.21,-477.94 799.57,-571.55 859.25,-614.06 864.35,-617.69 870.03,-620.51 875.99,-622.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="875.02,-624.57 881.37,-624.34 876.26,-620.56 875.02,-624.57"/>
</g>
<!-- src/client/presentation/viewModels/GetCharactersViewModel.ts&#45;&gt;src/client/presentation/viewModels/CharacterViewModel.ts -->
<g id="edge60" class="edge">
<title>src/client/presentation/viewModels/GetCharactersViewModel.ts&#45;&gt;src/client/presentation/viewModels/CharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1390.35,-1478.06C1405.73,-1478.06 1422.14,-1478.06 1437.49,-1478.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.37,-1480.16 1443.37,-1478.06 1437.37,-1475.96 1437.37,-1480.16"/>
</g>
<!-- app/_providers/DependencyProvider.tsx&#45;&gt;src/client/DependencyInjection.ts -->
<g id="edge19" class="edge">
<title>app/_providers/DependencyProvider.tsx&#45;&gt;src/client/DependencyInjection.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M767.25,-1618.37C767.25,-1502.03 767.25,-1385.7 767.25,-1269.36"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.35,-1269.66 767.25,-1263.66 765.15,-1269.66 769.35,-1269.66"/>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts -->
<g id="edge29" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M784.08,-1241.43C801.78,-1231.11 831.58,-1215.01 859.25,-1206.06 927.07,-1184.12 1008.19,-1172.4 1063.29,-1166.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1063.48,-1168.58 1069.23,-1165.86 1063.04,-1164.4 1063.48,-1168.58"/>
</g>
<!-- src/client/application/ports/ICreateCharacterUseCase.ts -->
<g id="node23" class="node">
<title>src/client/application/ports/ICreateCharacterUseCase.ts</title>
<g id="a_node23"><a xlink:href="src/client/application/ports/ICreateCharacterUseCase.ts" xlink:title="ICreateCharacterUseCase.ts">
<polygon fill="#fb6969" stroke="black" points="1195.12,-1201.31 1061.38,-1201.31 1061.38,-1182.81 1195.12,-1182.81 1195.12,-1201.31"/>
<text text-anchor="start" x="1069.38" y="-1188.76" font-family="Helvetica,sans-Serif" font-size="9.00">ICreateCharacterUseCase.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/application/ports/ICreateCharacterUseCase.ts -->
<g id="edge30" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/application/ports/ICreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.56,-1241.97C887.03,-1231.54 991.13,-1214.43 1059.43,-1203.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1059.43,-1205.33 1065.01,-1202.29 1058.75,-1201.19 1059.43,-1205.33"/>
</g>
<!-- src/client/application/ports/IGetCharactersUseCase.ts -->
<g id="node24" class="node">
<title>src/client/application/ports/IGetCharactersUseCase.ts</title>
<g id="a_node24"><a xlink:href="src/client/application/ports/IGetCharactersUseCase.ts" xlink:title="IGetCharactersUseCase.ts">
<polygon fill="#fb6969" stroke="black" points="1190.62,-1139.31 1065.88,-1139.31 1065.88,-1120.81 1190.62,-1120.81 1190.62,-1139.31"/>
<text text-anchor="start" x="1073.88" y="-1126.76" font-family="Helvetica,sans-Serif" font-size="9.00">IGetCharactersUseCase.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/application/ports/IGetCharactersUseCase.ts -->
<g id="edge31" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M769.73,-1241.5C777.06,-1195.34 811.19,-996.35 859.25,-961.06 921.23,-915.55 976.1,-908.53 1032.25,-961.06 1051.77,-979.32 1026,-1058.45 1040.25,-1081.06 1050.73,-1097.7 1069.01,-1109.21 1086.11,-1116.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1085.24,-1118.78 1091.58,-1119.16 1086.86,-1114.91 1085.24,-1118.78"/>
</g>
<!-- src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts -->
<g id="node25" class="node">
<title>src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts</title>
<g id="a_node25"><a xlink:href="src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts" xlink:title="CreateCharacterUseCase.ts">
<polygon fill="#fb6969" stroke="black" points="1015.5,-1051.31 884,-1051.31 884,-1032.81 1015.5,-1032.81 1015.5,-1051.31"/>
<text text-anchor="start" x="892" y="-1038.76" font-family="Helvetica,sans-Serif" font-size="9.00">CreateCharacterUseCase.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts -->
<g id="edge32" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M769.46,-1241.74C774.16,-1209.72 794.26,-1103.46 859.25,-1055.06 864.07,-1051.47 869.45,-1048.66 875.12,-1046.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="875.66,-1048.51 880.72,-1044.66 874.36,-1044.52 875.66,-1048.51"/>
</g>
<!-- src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts -->
<g id="node26" class="node">
<title>src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts</title>
<g id="a_node26"><a xlink:href="src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts" xlink:title="GetCharactersUseCase.ts">
<polygon fill="#fb6969" stroke="black" points="1011,-990.31 888.5,-990.31 888.5,-971.81 1011,-971.81 1011,-990.31"/>
<text text-anchor="start" x="896.5" y="-977.76" font-family="Helvetica,sans-Serif" font-size="9.00">GetCharactersUseCase.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts -->
<g id="edge33" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M769.49,-1241.42C774.38,-1207.11 795.31,-1089.36 859.25,-1022.06 871.38,-1009.29 888.24,-1000.16 904.07,-993.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.51,-995.88 909.38,-991.8 903.03,-991.95 904.51,-995.88"/>
</g>
<!-- src/client/infrastructure/GraphQLCharacterRepository.ts -->
<g id="node27" class="node">
<title>src/client/infrastructure/GraphQLCharacterRepository.ts</title>
<g id="a_node27"><a xlink:href="src/client/infrastructure/GraphQLCharacterRepository.ts" xlink:title="GraphQLCharacterRepository.ts">
<polygon fill="#6cbaff" stroke="black" points="1023,-1289.31 876.5,-1289.31 876.5,-1270.81 1023,-1270.81 1023,-1289.31"/>
<text text-anchor="start" x="884.5" y="-1276.76" font-family="Helvetica,sans-Serif" font-size="9.00">GraphQLCharacterRepository.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/infrastructure/GraphQLCharacterRepository.ts -->
<g id="edge34" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/infrastructure/GraphQLCharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.1,-1260.8C834.3,-1262.93 847.21,-1265.13 859.25,-1267.06 863.3,-1267.71 867.46,-1268.36 871.65,-1269.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="871.07,-1271.04 877.31,-1269.87 871.7,-1266.89 871.07,-1271.04"/>
</g>
<!-- src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts -->
<g id="node28" class="node">
<title>src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts</title>
<g id="a_node28"><a xlink:href="src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts" xlink:title="CreateCharacterController.ts">
<polygon fill="#9fff9f" stroke="black" points="1016.25,-1397.31 883.25,-1397.31 883.25,-1378.81 1016.25,-1378.81 1016.25,-1397.31"/>
<text text-anchor="start" x="891.25" y="-1384.76" font-family="Helvetica,sans-Serif" font-size="9.00">CreateCharacterController.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts -->
<g id="edge35" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M774.95,-1260.77C788.72,-1280.11 822.05,-1323.81 859.25,-1350.06 874.28,-1360.67 892.74,-1369.13 908.98,-1375.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="908.05,-1377.25 914.4,-1377.35 909.5,-1373.31 908.05,-1377.25"/>
</g>
<!-- src/client/presentation/controllers/GetCharacters/GetCharactersController.ts -->
<g id="node29" class="node">
<title>src/client/presentation/controllers/GetCharacters/GetCharactersController.ts</title>
<g id="a_node29"><a xlink:href="src/client/presentation/controllers/GetCharacters/GetCharactersController.ts" xlink:title="GetCharactersController.ts">
<polygon fill="#9fff9f" stroke="black" points="1011.75,-1458.31 887.75,-1458.31 887.75,-1439.81 1011.75,-1439.81 1011.75,-1458.31"/>
<text text-anchor="start" x="895.75" y="-1445.76" font-family="Helvetica,sans-Serif" font-size="9.00">GetCharactersController.ts</text>
</a>
</g>
</g>
<!-- src/client/DependencyInjection.ts&#45;&gt;src/client/presentation/controllers/GetCharacters/GetCharactersController.ts -->
<g id="edge36" class="edge">
<title>src/client/DependencyInjection.ts&#45;&gt;src/client/presentation/controllers/GetCharacters/GetCharactersController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M770.22,-1260.45C776.92,-1289.98 801.7,-1381.71 859.25,-1427.06 865.12,-1431.68 871.83,-1435.35 878.88,-1438.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="878.07,-1440.21 884.43,-1440.3 879.52,-1436.26 878.07,-1440.21"/>
</g>
<!-- app/_providers/ReactQueryClientProvider.tsx -->
<g id="node17" class="node">
<title>app/_providers/ReactQueryClientProvider.tsx</title>
<g id="a_node17"><a xlink:href="app/_providers/ReactQueryClientProvider.tsx" xlink:title="ReactQueryClientProvider.tsx">
<path fill="#bbfeff" stroke="black" d="M829.08,-1668.31C829.08,-1668.31 705.42,-1668.31 705.42,-1668.31 702.33,-1668.31 699.25,-1665.22 699.25,-1662.14 699.25,-1662.14 699.25,-1655.97 699.25,-1655.97 699.25,-1652.89 702.33,-1649.81 705.42,-1649.81 705.42,-1649.81 829.08,-1649.81 829.08,-1649.81 832.17,-1649.81 835.25,-1652.89 835.25,-1655.97 835.25,-1655.97 835.25,-1662.14 835.25,-1662.14 835.25,-1665.22 832.17,-1668.31 829.08,-1668.31"/>
<text text-anchor="start" x="707.25" y="-1655.76" font-family="Helvetica,sans-Serif" font-size="9.00">ReactQueryClientProvider.tsx</text>
</a>
</g>
</g>
<!-- app/api/graphql/route.ts -->
<g id="node18" class="node">
<title>app/api/graphql/route.ts</title>
<g id="a_node18"><a xlink:href="app/api/graphql/route.ts" xlink:title="route.ts">
<path fill="#ddfeff" stroke="black" d="M79.83,-1645.31C79.83,-1645.31 38.17,-1645.31 38.17,-1645.31 35.08,-1645.31 32,-1642.22 32,-1639.14 32,-1639.14 32,-1632.97 32,-1632.97 32,-1629.89 35.08,-1626.81 38.17,-1626.81 38.17,-1626.81 79.83,-1626.81 79.83,-1626.81 82.92,-1626.81 86,-1629.89 86,-1632.97 86,-1632.97 86,-1639.14 86,-1639.14 86,-1642.22 82.92,-1645.31 79.83,-1645.31"/>
<text text-anchor="start" x="44" y="-1632.76" font-family="Helvetica,sans-Serif" font-size="9.00">route.ts</text>
</a>
</g>
</g>
<!-- app/api/graphql/route.ts&#45;&gt;src/server/DependencyInjection.ts -->
<g id="edge21" class="edge">
<title>app/api/graphql/route.ts&#45;&gt;src/server/DependencyInjection.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M59.9,-1626.34C58.86,-1504.65 54.08,-276.55 281.5,-17.06 299.23,3.17 312.97,-1.06 339.88,-1.06 339.88,-1.06 339.88,-1.06 481.12,-1.06 684.39,-1.06 750.38,-336.77 763.58,-419.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="761.49,-419.92 764.47,-425.53 765.64,-419.28 761.49,-419.92"/>
</g>
<!-- app/api/graphql/schema.ts -->
<g id="node19" class="node">
<title>app/api/graphql/schema.ts</title>
<g id="a_node19"><a xlink:href="app/api/graphql/schema.ts" xlink:title="schema.ts">
<path fill="#ddfeff" stroke="black" d="M211.71,-1645.31C211.71,-1645.31 166.79,-1645.31 166.79,-1645.31 163.71,-1645.31 160.62,-1642.22 160.62,-1639.14 160.62,-1639.14 160.62,-1632.97 160.62,-1632.97 160.62,-1629.89 163.71,-1626.81 166.79,-1626.81 166.79,-1626.81 211.71,-1626.81 211.71,-1626.81 214.79,-1626.81 217.88,-1629.89 217.88,-1632.97 217.88,-1632.97 217.88,-1639.14 217.88,-1639.14 217.88,-1642.22 214.79,-1645.31 211.71,-1645.31"/>
<text text-anchor="start" x="168.62" y="-1632.76" font-family="Helvetica,sans-Serif" font-size="9.00">schema.ts</text>
</a>
</g>
</g>
<!-- app/api/graphql/route.ts&#45;&gt;app/api/graphql/schema.ts -->
<g id="edge20" class="edge">
<title>app/api/graphql/route.ts&#45;&gt;app/api/graphql/schema.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M86.26,-1636.06C105.03,-1636.06 130.54,-1636.06 151.35,-1636.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="151.22,-1638.16 157.22,-1636.06 151.22,-1633.96 151.22,-1638.16"/>
</g>
<!-- app/globals.css -->
<g id="node20" class="node">
<title>app/globals.css</title>
<g id="a_node20"><a xlink:href="app/globals.css" xlink:title="globals.css">
<path fill="#ffffcc" stroke="black" d="M791.96,-1817.31C791.96,-1817.31 742.54,-1817.31 742.54,-1817.31 739.46,-1817.31 736.38,-1814.22 736.38,-1811.14 736.38,-1811.14 736.38,-1804.97 736.38,-1804.97 736.38,-1801.89 739.46,-1798.81 742.54,-1798.81 742.54,-1798.81 791.96,-1798.81 791.96,-1798.81 795.04,-1798.81 798.12,-1801.89 798.12,-1804.97 798.12,-1804.97 798.12,-1811.14 798.12,-1811.14 798.12,-1814.22 795.04,-1817.31 791.96,-1817.31"/>
<text text-anchor="start" x="744.38" y="-1804.76" font-family="Helvetica,sans-Serif" font-size="9.00">globals.css</text>
</a>
</g>
</g>
<!-- app/layout.tsx -->
<g id="node21" class="node">
<title>app/layout.tsx</title>
<g id="a_node21"><a xlink:href="app/layout.tsx" xlink:title="layout.tsx">
<path fill="#bbfeff" stroke="black" d="M648.08,-1725.31C648.08,-1725.31 606.17,-1725.31 606.17,-1725.31 603.08,-1725.31 600,-1722.22 600,-1719.14 600,-1719.14 600,-1712.97 600,-1712.97 600,-1709.89 603.08,-1706.81 606.17,-1706.81 606.17,-1706.81 648.08,-1706.81 648.08,-1706.81 651.17,-1706.81 654.25,-1709.89 654.25,-1712.97 654.25,-1712.97 654.25,-1719.14 654.25,-1719.14 654.25,-1722.22 651.17,-1725.31 648.08,-1725.31"/>
<text text-anchor="start" x="608" y="-1712.76" font-family="Helvetica,sans-Serif" font-size="9.00">layout.tsx</text>
</a>
</g>
</g>
<!-- app/layout.tsx&#45;&gt;app/_components/Background/Background.tsx -->
<g id="edge23" class="edge">
<title>app/layout.tsx&#45;&gt;app/_components/Background/Background.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.43,-1718.34C672.51,-1719.91 697.04,-1722.04 718.51,-1723.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.33,-1726 724.49,-1724.43 718.69,-1721.82 718.33,-1726"/>
</g>
<!-- app/layout.tsx&#45;&gt;app/_providers/DependencyProvider.tsx -->
<g id="edge24" class="edge">
<title>app/layout.tsx&#45;&gt;app/_providers/DependencyProvider.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.58,-1709.37C665.03,-1705.42 676.2,-1699.32 683.25,-1690.06 695.83,-1673.55 676.86,-1659.01 691.25,-1644.06 694.21,-1640.98 697.61,-1638.43 701.28,-1636.31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.92,-1638.33 706.43,-1633.85 700.11,-1634.54 701.92,-1638.33"/>
</g>
<!-- app/layout.tsx&#45;&gt;app/_providers/ReactQueryClientProvider.tsx -->
<g id="edge25" class="edge">
<title>app/layout.tsx&#45;&gt;app/_providers/ReactQueryClientProvider.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M651.56,-1706.39C674.38,-1696.97 709.23,-1682.59 734.52,-1672.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="735.16,-1674.16 739.91,-1669.93 733.56,-1670.28 735.16,-1674.16"/>
</g>
<!-- app/layout.tsx&#45;&gt;app/globals.css -->
<g id="edge22" class="edge">
<title>app/layout.tsx&#45;&gt;app/globals.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M638.84,-1725.71C651.04,-1736.47 671.82,-1754.05 691.25,-1767.06 706.34,-1777.16 724.13,-1786.97 738.6,-1794.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="737.27,-1796.13 743.57,-1796.99 739.18,-1792.39 737.27,-1796.13"/>
</g>
<!-- app/page.tsx -->
<g id="node22" class="node">
<title>app/page.tsx</title>
<g id="a_node22"><a xlink:href="app/page.tsx" xlink:title="page.tsx">
<path fill="#bbfeff" stroke="black" d="M79.83,-1802.31C79.83,-1802.31 38.17,-1802.31 38.17,-1802.31 35.08,-1802.31 32,-1799.22 32,-1796.14 32,-1796.14 32,-1789.97 32,-1789.97 32,-1786.89 35.08,-1783.81 38.17,-1783.81 38.17,-1783.81 79.83,-1783.81 79.83,-1783.81 82.92,-1783.81 86,-1786.89 86,-1789.97 86,-1789.97 86,-1796.14 86,-1796.14 86,-1799.22 82.92,-1802.31 79.83,-1802.31"/>
<text text-anchor="start" x="41.75" y="-1789.76" font-family="Helvetica,sans-Serif" font-size="9.00">page.tsx</text>
</a>
</g>
</g>
<!-- app/page.tsx&#45;&gt;app/_features/CreateCharacter/CreateCharacterForm.tsx -->
<g id="edge26" class="edge">
<title>app/page.tsx&#45;&gt;app/_features/CreateCharacter/CreateCharacterForm.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M65.03,-1802.53C70.66,-1812.02 80.75,-1826.03 94,-1832.06 164.6,-1864.17 208.05,-1880.64 268.5,-1832.06 289.43,-1815.24 266.61,-1795.4 281.5,-1773.06 288.9,-1761.94 300.43,-1752.92 311.29,-1746.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="312.26,-1748.06 316.39,-1743.23 310.15,-1744.43 312.26,-1748.06"/>
</g>
<!-- app/page.tsx&#45;&gt;app/_features/CreateCharacter/CreateCharacterFormContainer.tsx -->
<g id="edge27" class="edge">
<title>app/page.tsx&#45;&gt;app/_features/CreateCharacter/CreateCharacterFormContainer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M75.35,-1783.49C81.11,-1780.05 87.78,-1776.23 94,-1773.06 114.13,-1762.81 137.4,-1752.67 155.79,-1745.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="156.31,-1747.09 161.06,-1742.87 154.71,-1743.21 156.31,-1747.09"/>
</g>
<!-- app/page.tsx&#45;&gt;app/_features/GetCharacters/CharactersListContainer.tsx -->
<g id="edge28" class="edge">
<title>app/page.tsx&#45;&gt;app/_features/GetCharacters/CharactersListContainer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M86.26,-1793.06C95.02,-1793.06 105.25,-1793.06 115.78,-1793.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="115.65,-1795.16 121.65,-1793.06 115.65,-1790.96 115.65,-1795.16"/>
</g>
<!-- src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="node31" class="node">
<title>src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<g id="a_node31"><a xlink:href="src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts" xlink:title="CreateCharacterUseCaseRequest.ts">
<polygon fill="#fb6969" stroke="black" points="1211.25,-1051.31 1045.25,-1051.31 1045.25,-1032.81 1211.25,-1032.81 1211.25,-1051.31"/>
<text text-anchor="start" x="1053.25" y="-1038.76" font-family="Helvetica,sans-Serif" font-size="9.00">CreateCharacterUseCaseRequest.ts</text>
</a>
</g>
</g>
<!-- src/client/application/ports/ICreateCharacterUseCase.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="edge38" class="edge">
<title>src/client/application/ports/ICreateCharacterUseCase.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1061.13,-1192.44C1049.44,-1188.8 1039.87,-1182 1036.25,-1170.06 1032.77,-1158.57 1032.77,-1127.54 1036.25,-1116.06 1037.18,-1112.99 1038.06,-1112.4 1040.25,-1110.06 1060.01,-1088.87 1086.85,-1069.15 1105.67,-1056.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1106.35,-1058.54 1110.18,-1053.47 1104.02,-1055.04 1106.35,-1058.54"/>
</g>
<!-- src/client/application/ports/IGetCharactersPresenter.ts -->
<g id="node32" class="node">
<title>src/client/application/ports/IGetCharactersPresenter.ts</title>
<g id="a_node32"><a xlink:href="src/client/application/ports/IGetCharactersPresenter.ts" xlink:title="IGetCharactersPresenter.ts">
<polygon fill="#fb6969" stroke="black" points="1387.75,-1139.31 1262.25,-1139.31 1262.25,-1120.81 1387.75,-1120.81 1387.75,-1139.31"/>
<text text-anchor="start" x="1270.25" y="-1126.76" font-family="Helvetica,sans-Serif" font-size="9.00">IGetCharactersPresenter.ts</text>
</a>
</g>
</g>
<!-- src/client/application/ports/IGetCharactersUseCase.ts&#45;&gt;src/client/application/ports/IGetCharactersPresenter.ts -->
<g id="edge40" class="edge">
<title>src/client/application/ports/IGetCharactersUseCase.ts&#45;&gt;src/client/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.87,-1130.06C1210.58,-1130.06 1232.55,-1130.06 1252.88,-1130.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1252.75,-1132.16 1258.75,-1130.06 1252.75,-1127.96 1252.75,-1132.16"/>
</g>
<!-- src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts -->
<g id="edge41" class="edge">
<title>src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1015.83,-1044.06C1022,-1046.58 1027.66,-1050.13 1032.25,-1055.06 1045.95,-1069.74 1026.73,-1130.21 1040.25,-1145.06 1046.52,-1151.94 1054.7,-1156.46 1063.53,-1159.35"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1062.9,-1161.36 1069.23,-1160.87 1063.98,-1157.3 1062.9,-1161.36"/>
</g>
<!-- src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="edge42" class="edge">
<title>src/client/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1015.97,-1042.06C1022.6,-1042.06 1029.41,-1042.06 1036.25,-1042.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1035.88,-1044.16 1041.88,-1042.06 1035.88,-1039.96 1035.88,-1044.16"/>
</g>
<!-- src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts -->
<g id="edge43" class="edge">
<title>src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M988.11,-990.69C1004.42,-996.88 1022.11,-1006.74 1032.25,-1022.06 1047.37,-1044.9 1022.05,-1124.59 1040.25,-1145.06 1046.58,-1152.17 1054.95,-1156.78 1064,-1159.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1063.19,-1161.64 1069.53,-1161.12 1064.25,-1157.57 1063.19,-1161.64"/>
</g>
<!-- src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/ports/IGetCharactersUseCase.ts -->
<g id="edge45" class="edge">
<title>src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M986.8,-990.69C1003.23,-996.94 1021.39,-1006.84 1032.25,-1022.06 1047.62,-1043.6 1025.39,-1059.16 1040.25,-1081.06 1051.46,-1097.57 1070.19,-1109.15 1087.4,-1116.88"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.56,-1118.8 1092.91,-1119.2 1088.19,-1114.93 1086.56,-1118.8"/>
</g>
<!-- src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/ports/IGetCharactersPresenter.ts -->
<g id="edge44" class="edge">
<title>src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M975.32,-971.41C1026.21,-953.12 1145.22,-919.21 1227.25,-966.06 1283.38,-998.11 1310.21,-1076.87 1319.75,-1112.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1317.63,-1112.46 1321.15,-1117.75 1321.69,-1111.42 1317.63,-1112.46"/>
</g>
<!-- src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="node33" class="node">
<title>src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<g id="a_node33"><a xlink:href="src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts" xlink:title="GetCharactersUseCaseResponse.ts">
<polygon fill="#fb6969" stroke="black" points="1210.5,-990.31 1046,-990.31 1046,-971.81 1210.5,-971.81 1210.5,-990.31"/>
<text text-anchor="start" x="1054" y="-977.76" font-family="Helvetica,sans-Serif" font-size="9.00">GetCharactersUseCaseResponse.ts</text>
</a>
</g>
</g>
<!-- src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge46" class="edge">
<title>src/client/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1011.49,-981.06C1019.63,-981.06 1028.12,-981.06 1036.64,-981.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1036.48,-983.16 1042.48,-981.06 1036.48,-978.96 1036.48,-983.16"/>
</g>
<!-- src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts -->
<g id="edge47" class="edge">
<title>src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1023.39,-1274.25C1026.62,-1272.26 1029.61,-1269.89 1032.25,-1267.06 1045.95,-1252.38 1026.73,-1191.9 1040.25,-1177.06 1046.52,-1170.17 1054.7,-1165.65 1063.53,-1162.76"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1063.98,-1164.82 1069.23,-1161.25 1062.9,-1160.76 1063.98,-1164.82"/>
</g>
<!-- src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/domain/Character.ts -->
<g id="edge48" class="edge">
<title>src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/domain/Character.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M955.98,-1270.49C971.05,-1242.42 1014.56,-1157.44 1032.25,-1081.06 1035.27,-1068.04 1031.44,-971.11 1040.25,-961.06 1101.17,-891.54 1221.05,-892.5 1283.7,-898.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1283.32,-900.61 1289.51,-899.15 1283.76,-896.44 1283.32,-900.61"/>
</g>
<!-- src/client/infrastructure/fetchGraphQL.ts -->
<g id="node34" class="node">
<title>src/client/infrastructure/fetchGraphQL.ts</title>
<g id="a_node34"><a xlink:href="src/client/infrastructure/fetchGraphQL.ts" xlink:title="fetchGraphQL.ts">
<polygon fill="#6cbaff" stroke="black" points="1169.25,-1289.31 1087.25,-1289.31 1087.25,-1270.81 1169.25,-1270.81 1169.25,-1289.31"/>
<text text-anchor="start" x="1095.25" y="-1276.76" font-family="Helvetica,sans-Serif" font-size="9.00">fetchGraphQL.ts</text>
</a>
</g>
</g>
<!-- src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/infrastructure/fetchGraphQL.ts -->
<g id="edge49" class="edge">
<title>src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/infrastructure/fetchGraphQL.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1023.3,-1280.06C1041.76,-1280.06 1061.17,-1280.06 1078.15,-1280.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1077.77,-1282.16 1083.77,-1280.06 1077.77,-1277.96 1077.77,-1282.16"/>
</g>
<!-- src/client/infrastructure/queries.ts -->
<g id="node35" class="node">
<title>src/client/infrastructure/queries.ts</title>
<g id="a_node35"><a xlink:href="src/client/infrastructure/queries.ts" xlink:title="queries.ts">
<polygon fill="#6cbaff" stroke="black" points="1156.12,-1320.31 1100.38,-1320.31 1100.38,-1301.81 1156.12,-1301.81 1156.12,-1320.31"/>
<text text-anchor="start" x="1108.38" y="-1307.76" font-family="Helvetica,sans-Serif" font-size="9.00">queries.ts</text>
</a>
</g>
</g>
<!-- src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/infrastructure/queries.ts -->
<g id="edge50" class="edge">
<title>src/client/infrastructure/GraphQLCharacterRepository.ts&#45;&gt;src/client/infrastructure/queries.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.11,-1289.78C1034.02,-1294.68 1067.06,-1300.49 1091.57,-1304.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1090.94,-1306.81 1097.21,-1305.78 1091.67,-1302.68 1090.94,-1306.81"/>
</g>
<!-- src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts&#45;&gt;src/client/application/ports/ICreateCharacterUseCase.ts -->
<g id="edge51" class="edge">
<title>src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts&#45;&gt;src/client/application/ports/ICreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M991.69,-1378.32C1006.85,-1372.62 1022.66,-1363.73 1032.25,-1350.06 1043.78,-1333.62 1030.66,-1277.7 1040.25,-1260.06 1053.35,-1235.97 1078.96,-1217.57 1099.02,-1206.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.79,-1208 1104.03,-1203.26 1097.76,-1204.33 1099.79,-1208"/>
</g>
<!-- src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="edge52" class="edge">
<title>src/client/presentation/controllers/CreateCharacter/CreateCharacterController.ts&#45;&gt;src/client/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M992.51,-1378.43C1007.59,-1372.75 1023.13,-1363.86 1032.25,-1350.06 1046.96,-1327.8 1028.16,-1133.84 1040.25,-1110.06 1052.68,-1085.62 1078.37,-1067.26 1098.63,-1055.82"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.43,-1057.78 1103.71,-1053.07 1097.43,-1054.08 1099.43,-1057.78"/>
</g>
<!-- src/client/presentation/controllers/GetCharacters/GetCharactersController.ts&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge55" class="edge">
<title>src/client/presentation/controllers/GetCharacters/GetCharactersController.ts&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M992.09,-1439.37C1046.65,-1428.2 1145.38,-1413.59 1227.25,-1432.06 1254.24,-1438.15 1282.53,-1452.69 1301.5,-1463.81"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1300.2,-1465.48 1306.43,-1466.77 1302.36,-1461.88 1300.2,-1465.48"/>
</g>
<!-- src/client/presentation/controllers/GetCharacters/GetCharactersController.ts&#45;&gt;src/client/application/ports/IGetCharactersUseCase.ts -->
<g id="edge53" class="edge">
<title>src/client/presentation/controllers/GetCharacters/GetCharactersController.ts&#45;&gt;src/client/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.15,-1441.91C1019.92,-1438.51 1026.99,-1433.73 1032.25,-1427.06 1051.59,-1402.53 1019.92,-1169.77 1040.25,-1146.06 1044.89,-1140.65 1050.7,-1136.67 1057.12,-1133.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1057.77,-1135.79 1062.68,-1131.74 1056.32,-1131.85 1057.77,-1135.79"/>
</g>
<!-- src/client/presentation/presenters/GetCharactersPresenter.ts -->
<g id="node36" class="node">
<title>src/client/presentation/presenters/GetCharactersPresenter.ts</title>
<g id="a_node36"><a xlink:href="src/client/presentation/presenters/GetCharactersPresenter.ts" xlink:title="GetCharactersPresenter.ts">
<polygon fill="#9fff9f" stroke="black" points="1189.88,-1389.31 1066.62,-1389.31 1066.62,-1370.81 1189.88,-1370.81 1189.88,-1389.31"/>
<text text-anchor="start" x="1074.62" y="-1376.76" font-family="Helvetica,sans-Serif" font-size="9.00">GetCharactersPresenter.ts</text>
</a>
</g>
</g>
<!-- src/client/presentation/controllers/GetCharacters/GetCharactersController.ts&#45;&gt;src/client/presentation/presenters/GetCharactersPresenter.ts -->
<g id="edge54" class="edge">
<title>src/client/presentation/controllers/GetCharacters/GetCharactersController.ts&#45;&gt;src/client/presentation/presenters/GetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M998.83,-1439.33C1010.1,-1436.17 1021.84,-1432.13 1032.25,-1427.06 1036.25,-1425.11 1036.44,-1423.35 1040.25,-1421.06 1057.83,-1410.47 1078.58,-1400.6 1095.4,-1393.2"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.87,-1395.29 1100.54,-1390.98 1094.2,-1391.43 1095.87,-1395.29"/>
</g>
<!-- src/client/application/ports/IGetCharactersPresenter.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge39" class="edge">
<title>src/client/application/ports/IGetCharactersPresenter.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1317.61,-1120.39C1303.53,-1099.75 1267.87,-1050.95 1227.25,-1022.06 1210.05,-1009.82 1188.63,-1000.33 1170.22,-993.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1171.2,-991.7 1164.84,-991.68 1169.8,-995.66 1171.2,-991.7"/>
</g>
<!-- src/client/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge58" class="edge">
<title>src/client/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/client/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1155.06,-1389.74C1175.07,-1397.52 1203.34,-1409.08 1227.25,-1421.06 1253.45,-1434.18 1282.23,-1451.54 1301.54,-1463.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1300.19,-1465.27 1306.38,-1466.7 1302.43,-1461.72 1300.19,-1465.27"/>
</g>
<!-- src/client/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/client/application/ports/IGetCharactersPresenter.ts -->
<g id="edge56" class="edge">
<title>src/client/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/client/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1189.69,-1370.34C1203.22,-1365.91 1216.68,-1359.46 1227.25,-1350.06 1289.89,-1294.36 1313.8,-1190.6 1321.19,-1148.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1323.26,-1148.88 1322.16,-1142.62 1319.11,-1148.19 1323.26,-1148.88"/>
</g>
<!-- src/client/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge57" class="edge">
<title>src/client/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/client/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1066.56,-1372.38C1052.58,-1367.07 1040.57,-1358.34 1036.25,-1344.06 1031.16,-1327.26 1031.16,-1044.86 1036.25,-1028.06 1041.18,-1011.76 1055.12,-1001.08 1070.69,-994.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1071.35,-996.1 1076.14,-991.91 1069.79,-992.2 1071.35,-996.1"/>
</g>
<!-- src/server/application/ports/ICharacterRepository.ts&#45;&gt;src/server/domain/Character.ts -->
<g id="edge74" class="edge">
<title>src/server/application/ports/ICharacterRepository.ts&#45;&gt;src/server/domain/Character.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1558.61,-440.82C1575.44,-438.9 1592.77,-433.71 1605.25,-422.06 1616.91,-411.17 1609.54,-402.58 1613.25,-387.06 1635.51,-294.01 1663.83,-183.04 1674.83,-140.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1676.81,-140.93 1676.27,-134.6 1672.74,-139.89 1676.81,-140.93"/>
</g>
<!-- src/server/application/ports/ICreateCharacterPresenter.ts -->
<g id="node50" class="node">
<title>src/server/application/ports/ICreateCharacterPresenter.ts</title>
<g id="a_node50"><a xlink:href="src/server/application/ports/ICreateCharacterPresenter.ts" xlink:title="ICreateCharacterPresenter.ts">
<polygon fill="#dd1c1c" stroke="black" points="1747.75,-447.31 1613.25,-447.31 1613.25,-428.81 1747.75,-428.81 1747.75,-447.31"/>
<text text-anchor="start" x="1621.25" y="-434.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">ICreateCharacterPresenter.ts</text>
</a>
</g>
</g>
<!-- src/server/application/ports/ICreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICreateCharacterPresenter.ts -->
<g id="edge76" class="edge">
<title>src/server/application/ports/ICreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICreateCharacterPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1568.16,-459.32C1580.49,-457.34 1593.28,-455.21 1605.25,-453.06 1611.48,-451.94 1617.99,-450.71 1624.46,-449.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1624.77,-451.53 1630.25,-448.31 1623.96,-447.41 1624.77,-451.53"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="node52" class="node">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<g id="a_node52"><a xlink:href="src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts" xlink:title="CreateCharacterUseCaseRequest.ts">
<polygon fill="#dd1c1c" stroke="black" points="1585.5,-236.31 1419.5,-236.31 1419.5,-217.81 1585.5,-217.81 1585.5,-236.31"/>
<text text-anchor="start" x="1427.5" y="-223.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterUseCaseRequest.ts</text>
</a>
</g>
</g>
<!-- src/server/application/ports/ICreateCharacterUseCase.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="edge77" class="edge">
<title>src/server/application/ports/ICreateCharacterUseCase.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1435.39,-468.92C1424.28,-465.22 1415.23,-458.54 1411.75,-447.06 1408.56,-436.53 1408.56,-259.59 1411.75,-249.06 1412.31,-247.2 1413.02,-245.46 1413.87,-243.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1415.45,-245.23 1417.31,-239.15 1412.07,-242.74 1415.45,-245.23"/>
</g>
<!-- src/server/application/ports/IGetCharactersPresenter.ts -->
<g id="node53" class="node">
<title>src/server/application/ports/IGetCharactersPresenter.ts</title>
<g id="a_node53"><a xlink:href="src/server/application/ports/IGetCharactersPresenter.ts" xlink:title="IGetCharactersPresenter.ts">
<polygon fill="#dd1c1c" stroke="black" points="1743.25,-509.31 1617.75,-509.31 1617.75,-490.81 1743.25,-490.81 1743.25,-509.31"/>
<text text-anchor="start" x="1625.75" y="-496.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">IGetCharactersPresenter.ts</text>
</a>
</g>
</g>
<!-- src/server/application/ports/IGetCharactersUseCase.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts -->
<g id="edge79" class="edge">
<title>src/server/application/ports/IGetCharactersUseCase.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1565.06,-500.06C1579.09,-500.06 1594.12,-500.06 1608.52,-500.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1608.36,-502.16 1614.36,-500.06 1608.36,-497.96 1608.36,-502.16"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts -->
<g id="edge80" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1363.48,-267.66C1379.83,-273.85 1397.57,-283.71 1407.75,-299.06 1422.89,-321.89 1397.57,-401.57 1415.75,-422.06 1421.7,-428.77 1429.5,-433.23 1437.96,-436.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.33,-438.13 1443.68,-437.71 1438.46,-434.09 1437.33,-438.13"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICreateCharacterUseCase.ts -->
<g id="edge82" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1363.99,-267.76C1380.25,-273.95 1397.76,-283.77 1407.75,-299.06 1417.12,-313.4 1404.46,-440.17 1415.75,-453.06 1419.05,-456.83 1422.94,-459.9 1427.2,-462.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1426.18,-464.21 1432.5,-464.91 1428,-460.43 1426.18,-464.21"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/IIdentityProvider.ts -->
<g id="edge83" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/IIdentityProvider.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1362.16,-267.67C1378.64,-273.91 1396.86,-283.81 1407.75,-299.06 1423.13,-320.59 1400.96,-336.12 1415.75,-358.06 1426.87,-374.55 1445.52,-386.16 1462.6,-393.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1461.68,-395.82 1468.03,-396.24 1463.33,-391.95 1461.68,-395.82"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/domain/Character.ts -->
<g id="edge86" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/domain/Character.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1334.64,-248.34C1349.53,-232.2 1381.75,-199.97 1415.75,-183.06 1489.34,-146.44 1585.47,-131.39 1639,-125.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1639.09,-127.62 1644.84,-124.91 1638.66,-123.45 1639.09,-127.62"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICreateCharacterPresenter.ts -->
<g id="edge81" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/ports/ICreateCharacterPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1335.69,-248.48C1351.09,-234.01 1382.8,-207.2 1415.75,-197.06 1496.25,-172.29 1537.49,-147.03 1605.25,-197.06 1642.14,-224.3 1668.38,-368.35 1676.69,-419.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1674.59,-419.93 1677.6,-425.53 1678.74,-419.28 1674.59,-419.93"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts -->
<g id="node51" class="node">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts</title>
<g id="a_node51"><a xlink:href="src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts" xlink:title="CreateCharacterUseCaseResponse.ts">
<polygon fill="#dd1c1c" stroke="black" points="1589.25,-267.31 1415.75,-267.31 1415.75,-248.81 1589.25,-248.81 1589.25,-267.31"/>
<text text-anchor="start" x="1423.75" y="-254.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterUseCaseResponse.ts</text>
</a>
</g>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts -->
<g id="edge85" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1390.85,-258.06C1395.98,-258.06 1401.22,-258.06 1406.5,-258.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1406.37,-260.16 1412.37,-258.06 1406.37,-255.96 1406.37,-260.16"/>
</g>
<!-- src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts -->
<g id="edge84" class="edge">
<title>src/server/application/usecases/CreateCharacter/CreateCharacterUseCase.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1381.05,-248.33C1399.01,-245.16 1419.11,-241.61 1437.66,-238.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.82,-240.44 1443.37,-237.33 1437.09,-236.3 1437.82,-240.44"/>
</g>
<!-- src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts -->
<g id="edge87" class="edge">
<title>src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1386.45,-319.29C1394.5,-321.83 1401.97,-325.86 1407.75,-332.06 1421.45,-346.74 1402.25,-407.2 1415.75,-422.06 1421.78,-428.7 1429.62,-433.12 1438.1,-436"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.48,-438.01 1443.83,-437.58 1438.6,-433.96 1437.48,-438.01"/>
</g>
<!-- src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts -->
<g id="edge89" class="edge">
<title>src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1386.65,-319.11C1394.68,-321.67 1402.08,-325.76 1407.75,-332.06 1430.38,-357.2 1393.46,-458.62 1415.75,-484.06 1420.14,-489.07 1425.56,-492.83 1431.51,-495.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1430.75,-497.58 1437.1,-497.77 1432.25,-493.66 1430.75,-497.58"/>
</g>
<!-- src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts -->
<g id="edge88" class="edge">
<title>src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1386.41,-312C1394.58,-308.61 1402.08,-303.81 1407.75,-297.06 1420.66,-281.68 1400.94,-220.61 1415.75,-207.06 1431.28,-192.84 1590.12,-192.41 1605.25,-207.06 1624.9,-226.08 1600.3,-428.97 1613.25,-453.06 1621.01,-467.49 1635.37,-478.51 1648.75,-486.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1647.51,-487.95 1653.79,-488.96 1649.51,-484.26 1647.51,-487.95"/>
</g>
<!-- src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="node54" class="node">
<title>src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<g id="a_node54"><a xlink:href="src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts" xlink:title="GetCharactersUseCaseResponse.ts">
<polygon fill="#dd1c1c" stroke="black" points="1584.75,-328.31 1420.25,-328.31 1420.25,-309.81 1584.75,-309.81 1584.75,-328.31"/>
<text text-anchor="start" x="1428.25" y="-315.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">GetCharactersUseCaseResponse.ts</text>
</a>
</g>
</g>
<!-- src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge90" class="edge">
<title>src/server/application/usecases/GetCharacters/GetCharactersUseCase.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1386.4,-319.06C1394.33,-319.06 1402.6,-319.06 1410.91,-319.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1410.89,-321.16 1416.89,-319.06 1410.89,-316.96 1410.89,-321.16"/>
</g>
<!-- src/server/infrastructure/InMemoryCharacterRepository.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts -->
<g id="edge91" class="edge">
<title>src/server/infrastructure/InMemoryCharacterRepository.ts&#45;&gt;src/server/application/ports/ICharacterRepository.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1400.21,-112.13C1402.97,-114.11 1405.51,-116.41 1407.75,-119.06 1429.5,-144.77 1393.89,-396.44 1415.75,-422.06 1421.71,-429.04 1429.65,-433.62 1438.31,-436.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1437.53,-438.49 1443.87,-438.04 1438.63,-434.44 1437.53,-438.49"/>
</g>
<!-- src/server/infrastructure/InMemoryCharacterRepository.ts&#45;&gt;src/server/domain/Character.ts -->
<g id="edge92" class="edge">
<title>src/server/infrastructure/InMemoryCharacterRepository.ts&#45;&gt;src/server/domain/Character.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1399.94,-109.02C1405.29,-109.39 1410.6,-109.74 1415.75,-110.06 1494.73,-114.93 1587.13,-118.69 1638.93,-120.62"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1638.72,-122.71 1644.79,-120.84 1638.87,-118.52 1638.72,-122.71"/>
</g>
<!-- src/server/infrastructure/UuidIdentityProvider.ts&#45;&gt;src/server/application/ports/IIdentityProvider.ts -->
<g id="edge93" class="edge">
<title>src/server/infrastructure/UuidIdentityProvider.ts&#45;&gt;src/server/application/ports/IIdentityProvider.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1343.44,-143.79C1363.04,-155.81 1393.92,-178.24 1407.75,-207.06 1422.29,-237.35 1398.12,-329.45 1415.75,-358.06 1426.03,-374.74 1444.23,-386.3 1461.22,-393.97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1460.29,-395.86 1466.63,-396.26 1461.92,-391.99 1460.29,-395.86"/>
</g>
<!-- src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/application/ports/ICreateCharacterUseCase.ts -->
<g id="edge94" class="edge">
<title>src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/application/ports/ICreateCharacterUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1195.04,-659.02C1207.14,-656.2 1218.66,-651.01 1227.25,-642.06 1247.71,-620.74 1215.57,-598.1 1235.25,-576.06 1287.74,-517.29 1354.15,-592.82 1407.75,-535.06 1423.06,-518.56 1400.04,-501.18 1415.75,-485.06 1419.19,-481.53 1423.13,-478.65 1427.4,-476.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.08,-478.29 1432.65,-473.87 1426.32,-474.48 1428.08,-478.29"/>
</g>
<!-- src/server/presentation/presenters/CreateCharacterPresenter.ts -->
<g id="node55" class="node">
<title>src/server/presentation/presenters/CreateCharacterPresenter.ts</title>
<g id="a_node55"><a xlink:href="src/server/presentation/presenters/CreateCharacterPresenter.ts" xlink:title="CreateCharacterPresenter.ts">
<polygon fill="#20b520" stroke="black" points="1391.12,-667.31 1258.88,-667.31 1258.88,-648.81 1391.12,-648.81 1391.12,-667.31"/>
<text text-anchor="start" x="1266.88" y="-654.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterPresenter.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/presentation/presenters/CreateCharacterPresenter.ts -->
<g id="edge95" class="edge">
<title>src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/presentation/presenters/CreateCharacterPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1195.18,-658.06C1212.73,-658.06 1231.8,-658.06 1249.75,-658.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1249.44,-660.16 1255.44,-658.06 1249.44,-655.96 1249.44,-660.16"/>
</g>
<!-- src/server/presentation/requests/CreateCharacterRequest.ts -->
<g id="node56" class="node">
<title>src/server/presentation/requests/CreateCharacterRequest.ts</title>
<g id="a_node56"><a xlink:href="src/server/presentation/requests/CreateCharacterRequest.ts" xlink:title="CreateCharacterRequest.ts">
<polygon fill="#20b520" stroke="black" points="1388.88,-752.31 1261.12,-752.31 1261.12,-733.81 1388.88,-733.81 1388.88,-752.31"/>
<text text-anchor="start" x="1269.12" y="-739.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterRequest.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/presentation/requests/CreateCharacterRequest.ts -->
<g id="edge96" class="edge">
<title>src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/presentation/requests/CreateCharacterRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1157.51,-667.68C1178.56,-675.91 1207.04,-689.4 1227.25,-708.06 1232.23,-712.66 1229.77,-717.06 1235.25,-721.06 1240.45,-724.86 1246.23,-728 1252.27,-730.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.48,-732.55 1257.83,-732.75 1252.99,-728.64 1251.48,-732.55"/>
</g>
<!-- src/server/presentation/viewModels/CreateCharacterViewModel.ts -->
<g id="node57" class="node">
<title>src/server/presentation/viewModels/CreateCharacterViewModel.ts</title>
<g id="a_node57"><a xlink:href="src/server/presentation/viewModels/CreateCharacterViewModel.ts" xlink:title="CreateCharacterViewModel.ts">
<polygon fill="#20b520" stroke="black" points="1572,-734.31 1433,-734.31 1433,-715.81 1572,-715.81 1572,-734.31"/>
<text text-anchor="start" x="1441" y="-721.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CreateCharacterViewModel.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/presentation/viewModels/CreateCharacterViewModel.ts -->
<g id="edge97" class="edge">
<title>src/server/presentation/controllers/CreateCharacterController.ts&#45;&gt;src/server/presentation/viewModels/CreateCharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1145.09,-667.63C1165.23,-679.27 1201.47,-698.42 1235.25,-707.06 1269.67,-715.86 1358.41,-720.57 1424.02,-722.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1423.62,-725.03 1429.69,-723.14 1423.77,-720.83 1423.62,-725.03"/>
</g>
<!-- src/server/presentation/controllers/GetCharactersController.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts -->
<g id="edge98" class="edge">
<title>src/server/presentation/controllers/GetCharactersController.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1147.29,-617.43C1168.12,-606.55 1203.57,-588.7 1235.25,-576.06 1313.51,-544.83 1334.3,-539.63 1415.75,-518.06 1424.24,-515.81 1433.27,-513.66 1442.15,-511.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1442.59,-513.73 1448.01,-510.4 1441.7,-509.63 1442.59,-513.73"/>
</g>
<!-- src/server/presentation/presenters/GetCharactersPresenter.ts -->
<g id="node58" class="node">
<title>src/server/presentation/presenters/GetCharactersPresenter.ts</title>
<g id="a_node58"><a xlink:href="src/server/presentation/presenters/GetCharactersPresenter.ts" xlink:title="GetCharactersPresenter.ts">
<polygon fill="#20b520" stroke="black" points="1386.62,-636.31 1263.38,-636.31 1263.38,-617.81 1386.62,-617.81 1386.62,-636.31"/>
<text text-anchor="start" x="1271.38" y="-623.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">GetCharactersPresenter.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/GetCharactersController.ts&#45;&gt;src/server/presentation/presenters/GetCharactersPresenter.ts -->
<g id="edge99" class="edge">
<title>src/server/presentation/controllers/GetCharactersController.ts&#45;&gt;src/server/presentation/presenters/GetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.6,-627.06C1210.8,-627.06 1233.4,-627.06 1254.17,-627.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1253.93,-629.16 1259.93,-627.06 1253.93,-624.96 1253.93,-629.16"/>
</g>
<!-- src/server/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="node59" class="node">
<title>src/server/presentation/viewModels/GetCharactersViewModel.ts</title>
<g id="a_node59"><a xlink:href="src/server/presentation/viewModels/GetCharactersViewModel.ts" xlink:title="GetCharactersViewModel.ts">
<polygon fill="#20b520" stroke="black" points="1567.5,-703.31 1437.5,-703.31 1437.5,-684.81 1567.5,-684.81 1567.5,-703.31"/>
<text text-anchor="start" x="1445.5" y="-690.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">GetCharactersViewModel.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/GetCharactersController.ts&#45;&gt;src/server/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge100" class="edge">
<title>src/server/presentation/controllers/GetCharactersController.ts&#45;&gt;src/server/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.54,-625.37C1204.2,-627.92 1217.51,-633.17 1227.25,-643.06 1244.28,-660.34 1216.88,-681.21 1235.25,-697.06 1249.59,-709.43 1354.63,-704.73 1428.4,-699.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1428.37,-701.86 1434.21,-699.35 1428.08,-697.67 1428.37,-701.86"/>
</g>
<!-- src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/controllers/CreateCharacterController.ts -->
<g id="edge101" class="edge">
<title>src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/controllers/CreateCharacterController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1021.52,-658.06C1031.68,-658.06 1042.17,-658.06 1052.41,-658.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1052.3,-660.16 1058.3,-658.06 1052.3,-655.96 1052.3,-660.16"/>
</g>
<!-- src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/controllers/GetCharactersController.ts -->
<g id="edge102" class="edge">
<title>src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/controllers/GetCharactersController.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.11,-648.33C1024.18,-645.16 1044.39,-641.61 1063.05,-638.33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1063.25,-640.43 1068.8,-637.32 1062.53,-636.29 1063.25,-640.43"/>
</g>
<!-- src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/requests/CreateCharacterRequest.ts -->
<g id="edge103" class="edge">
<title>src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/requests/CreateCharacterRequest.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M993.2,-667.73C1062.15,-683.43 1198.21,-714.41 1272.55,-731.34"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1272.03,-733.38 1278.35,-732.66 1272.96,-729.28 1272.03,-733.38"/>
</g>
<!-- src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/viewModels/CreateCharacterViewModel.ts -->
<g id="edge104" class="edge">
<title>src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/viewModels/CreateCharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M953.08,-667.61C960.37,-695.09 985.55,-774.32 1040.25,-805.06 1182.64,-885.07 1254.5,-861.56 1407.75,-805.06 1442.11,-792.39 1472.42,-760.91 1488.75,-741.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1490.23,-742.94 1492.39,-736.96 1486.97,-740.29 1490.23,-742.94"/>
</g>
<!-- src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge105" class="edge">
<title>src/server/presentation/controllers/GraphQLCharacterController.ts&#45;&gt;src/server/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M953.6,-667.53C961.92,-693.31 988.93,-764.62 1040.25,-792.06 1076.26,-811.31 1377.51,-819.49 1407.75,-792.06 1421.31,-779.76 1403.38,-723.56 1415.75,-710.06 1419.58,-705.88 1424.12,-702.58 1429.08,-700"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1429.73,-702 1434.4,-697.7 1428.06,-698.15 1429.73,-702"/>
</g>
<!-- src/server/presentation/controllers/LoadCharactersController.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts -->
<g id="edge106" class="edge">
<title>src/server/presentation/controllers/LoadCharactersController.ts&#45;&gt;src/server/application/ports/IGetCharactersUseCase.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1015.32,-623.33C1021.43,-621.09 1027.21,-618.08 1032.25,-614.06 1039.73,-608.08 1033.45,-600.8 1040.25,-594.06 1106.31,-528.58 1144.47,-538.32 1235.25,-518.06 1271.17,-510.04 1365.04,-505.04 1431.11,-502.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1430.89,-504.51 1436.81,-502.18 1430.73,-500.32 1430.89,-504.51"/>
</g>
<!-- src/server/presentation/presenters/LoadCharactersPresenter.ts -->
<g id="node60" class="node">
<title>src/server/presentation/presenters/LoadCharactersPresenter.ts</title>
<g id="a_node60"><a xlink:href="src/server/presentation/presenters/LoadCharactersPresenter.ts" xlink:title="LoadCharactersPresenter.ts">
<polygon fill="#20b520" stroke="black" points="1390,-605.31 1260,-605.31 1260,-586.81 1390,-586.81 1390,-605.31"/>
<text text-anchor="start" x="1268" y="-592.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">LoadCharactersPresenter.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/LoadCharactersController.ts&#45;&gt;src/server/presentation/presenters/LoadCharactersPresenter.ts -->
<g id="edge107" class="edge">
<title>src/server/presentation/controllers/LoadCharactersController.ts&#45;&gt;src/server/presentation/presenters/LoadCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1014.91,-617.36C1020.78,-616.31 1026.63,-615.21 1032.25,-614.06 1035.84,-613.32 1036.63,-612.61 1040.25,-612.06 1111.21,-601.29 1193.15,-597.59 1250.67,-596.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1250.7,-598.51 1256.66,-596.29 1250.63,-594.31 1250.7,-598.51"/>
</g>
<!-- src/server/presentation/viewModels/LoadCharactersViewModel.ts -->
<g id="node61" class="node">
<title>src/server/presentation/viewModels/LoadCharactersViewModel.ts</title>
<g id="a_node61"><a xlink:href="src/server/presentation/viewModels/LoadCharactersViewModel.ts" xlink:title="LoadCharactersViewModel.ts">
<polygon fill="#20b520" stroke="black" points="1570.88,-672.31 1434.12,-672.31 1434.12,-653.81 1570.88,-653.81 1570.88,-672.31"/>
<text text-anchor="start" x="1442.12" y="-659.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">LoadCharactersViewModel.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/controllers/LoadCharactersController.ts&#45;&gt;src/server/presentation/viewModels/LoadCharactersViewModel.ts -->
<g id="edge108" class="edge">
<title>src/server/presentation/controllers/LoadCharactersController.ts&#45;&gt;src/server/presentation/viewModels/LoadCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1015.52,-632.55C1021.67,-635.11 1027.41,-638.53 1032.25,-643.06 1042.33,-652.48 1031.78,-662.16 1040.25,-673.06 1101.19,-751.44 1139.17,-757.03 1235.25,-782.06 1253.8,-786.89 1393.68,-795.08 1407.75,-782.06 1424.6,-766.47 1400.41,-696.14 1415.75,-679.06 1418.69,-675.78 1422.08,-673.04 1425.76,-670.76"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1426.62,-672.68 1431,-668.08 1424.71,-668.94 1426.62,-672.68"/>
</g>
<!-- src/server/application/ports/ICreateCharacterPresenter.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts -->
<g id="edge75" class="edge">
<title>src/server/application/ports/ICreateCharacterPresenter.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1676.91,-428.53C1669.71,-403.77 1647.19,-336.71 1605.25,-299.06 1590.69,-285.98 1571.42,-276.8 1553.57,-270.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1554.72,-268.66 1548.37,-268.75 1553.39,-272.64 1554.72,-268.66"/>
</g>
<!-- src/server/application/ports/IGetCharactersPresenter.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge78" class="edge">
<title>src/server/application/ports/IGetCharactersPresenter.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1657.56,-490.47C1642.49,-482.66 1623.43,-470.14 1613.25,-453.06 1598.13,-427.67 1620.72,-412.23 1605.25,-387.06 1589.59,-361.59 1560.41,-343.57 1537.29,-332.51"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1538.17,-330.6 1531.84,-330.01 1536.42,-334.42 1538.17,-330.6"/>
</g>
<!-- src/server/presentation/presenters/CreateCharacterPresenter.ts&#45;&gt;src/server/application/ports/ICreateCharacterPresenter.ts -->
<g id="edge109" class="edge">
<title>src/server/presentation/presenters/CreateCharacterPresenter.ts&#45;&gt;src/server/application/ports/ICreateCharacterPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1388.75,-648.32C1395.27,-646.55 1401.71,-644.49 1407.75,-642.06 1504.57,-603.12 1543.77,-599.39 1605.25,-515.06 1613.38,-503.91 1605.38,-496.39 1613.25,-485.06 1622.87,-471.21 1637.95,-460.05 1651.29,-452.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1652.08,-454.05 1656.26,-449.26 1650.01,-450.4 1652.08,-454.05"/>
</g>
<!-- src/server/presentation/presenters/CreateCharacterPresenter.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts -->
<g id="edge110" class="edge">
<title>src/server/presentation/presenters/CreateCharacterPresenter.ts&#45;&gt;src/server/application/usecases/CreateCharacter/CreateCharacterUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1391.34,-654.05C1397.61,-651.24 1403.28,-647.37 1407.75,-642.06 1420.04,-627.48 1405.4,-315.06 1415.75,-299.06 1424.14,-286.08 1437.86,-277.12 1451.89,-270.96"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1452.56,-272.96 1457.34,-268.78 1450.99,-269.06 1452.56,-272.96"/>
</g>
<!-- src/server/presentation/presenters/CreateCharacterPresenter.ts&#45;&gt;src/server/presentation/viewModels/CreateCharacterViewModel.ts -->
<g id="edge111" class="edge">
<title>src/server/presentation/presenters/CreateCharacterPresenter.ts&#45;&gt;src/server/presentation/viewModels/CreateCharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1339.59,-667.71C1356.59,-679.31 1386.97,-698.53 1415.75,-709.06 1419.72,-710.51 1423.84,-711.83 1428.04,-713.04"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1427.46,-715.06 1433.8,-714.58 1428.55,-711.01 1427.46,-715.06"/>
</g>
<!-- src/server/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts -->
<g id="edge112" class="edge">
<title>src/server/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1381.78,-617.34C1439.62,-605.94 1531.72,-584.01 1605.25,-549.06 1625.09,-539.63 1645.8,-525.55 1660.29,-514.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1661.29,-516.78 1664.84,-511.5 1658.78,-513.41 1661.29,-516.78"/>
</g>
<!-- src/server/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge113" class="edge">
<title>src/server/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1386.88,-624.74C1394.88,-621.9 1402.21,-617.55 1407.75,-611.06 1423.92,-592.12 1404.52,-409.28 1415.75,-387.06 1427.95,-362.91 1453.11,-344.59 1473.03,-333.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1474.04,-334.93 1478.27,-330.18 1472.01,-331.25 1474.04,-334.93"/>
</g>
<!-- src/server/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/server/presentation/viewModels/GetCharactersViewModel.ts -->
<g id="edge114" class="edge">
<title>src/server/presentation/presenters/GetCharactersPresenter.ts&#45;&gt;src/server/presentation/viewModels/GetCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1387.08,-630.78C1394.75,-633.49 1401.93,-637.42 1407.75,-643.06 1419.21,-654.16 1404.24,-667 1415.75,-678.06 1419.6,-681.75 1424.01,-684.74 1428.76,-687.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1427.9,-689.05 1434.24,-689.45 1429.54,-685.18 1427.9,-689.05"/>
</g>
<!-- src/server/presentation/viewModels/CharacterViewModel.ts -->
<g id="node62" class="node">
<title>src/server/presentation/viewModels/CharacterViewModel.ts</title>
<g id="a_node62"><a xlink:href="src/server/presentation/viewModels/CharacterViewModel.ts" xlink:title="CharacterViewModel.ts">
<polygon fill="#20b520" stroke="black" points="1736.12,-703.31 1624.88,-703.31 1624.88,-684.81 1736.12,-684.81 1736.12,-703.31"/>
<text text-anchor="start" x="1632.88" y="-690.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="white">CharacterViewModel.ts</text>
</a>
</g>
</g>
<!-- src/server/presentation/viewModels/GetCharactersViewModel.ts&#45;&gt;src/server/presentation/viewModels/CharacterViewModel.ts -->
<g id="edge118" class="edge">
<title>src/server/presentation/viewModels/GetCharactersViewModel.ts&#45;&gt;src/server/presentation/viewModels/CharacterViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1567.54,-694.06C1583.29,-694.06 1600.16,-694.06 1615.9,-694.06"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1615.48,-696.16 1621.48,-694.06 1615.48,-691.96 1615.48,-696.16"/>
</g>
<!-- src/server/presentation/presenters/LoadCharactersPresenter.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts -->
<g id="edge115" class="edge">
<title>src/server/presentation/presenters/LoadCharactersPresenter.ts&#45;&gt;src/server/application/ports/IGetCharactersPresenter.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1361.84,-586.32C1427.03,-568.62 1564.8,-531.21 1635.54,-512"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1635.67,-514.14 1640.91,-510.54 1634.57,-510.08 1635.67,-514.14"/>
</g>
<!-- src/server/presentation/presenters/LoadCharactersPresenter.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts -->
<g id="edge116" class="edge">
<title>src/server/presentation/presenters/LoadCharactersPresenter.ts&#45;&gt;src/server/application/usecases/GetCharacters/GetCharactersUseCaseResponse.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1328.31,-586.45C1336.19,-555.13 1364.41,-454.18 1415.75,-387.06 1432.72,-364.87 1458.47,-345.75 1477.33,-333.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1478.44,-335.26 1482.39,-330.27 1476.19,-331.71 1478.44,-335.26"/>
</g>
<!-- src/server/presentation/presenters/LoadCharactersPresenter.ts&#45;&gt;src/server/presentation/viewModels/LoadCharactersViewModel.ts -->
<g id="edge117" class="edge">
<title>src/server/presentation/presenters/LoadCharactersPresenter.ts&#45;&gt;src/server/presentation/viewModels/LoadCharactersViewModel.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1386.4,-605.7C1393.68,-607.5 1400.95,-609.61 1407.75,-612.06 1433.72,-621.41 1461.21,-637.15 1479.65,-648.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1478.47,-650.41 1484.66,-651.85 1480.72,-646.86 1478.47,-650.41"/>
</g>
</g>
</svg>