-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdependency-graph.html
2059 lines (2010 loc) · 166 KB
/
dependency-graph.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>dependency graph</title>
<style>
.node:active path,
.node:hover path,
.node.current path,
.node:active polygon,
.node:hover polygon,
.node.current polygon {
stroke: fuchsia;
stroke-width: 2;
}
.edge:active path,
.edge:hover path,
.edge.current path,
.edge:active ellipse,
.edge:hover ellipse,
.edge.current ellipse {
stroke: url(#edgeGradient);
stroke-width: 3;
stroke-opacity: 1;
}
.edge:active polygon,
.edge:hover polygon,
.edge.current polygon {
stroke: fuchsia;
stroke-width: 3;
fill: fuchsia;
stroke-opacity: 1;
fill-opacity: 1;
}
.edge:active text,
.edge:hover text {
fill: fuchsia;
}
.cluster path {
stroke-width: 3;
}
.cluster:active path,
.cluster:hover path {
fill: #ffff0011;
}
div.hint {
background-color: #000000aa;
color: white;
font-family: Arial, Helvetica, sans-serif;
border-radius: 1rem;
position: fixed;
top: calc(50% - 4em);
right: calc(50% - 10em);
border: none;
padding: 1em 3em 1em 1em;
}
.hint button {
position: absolute;
font-weight: bolder;
right: 0.6em;
top: 0.6em;
color: inherit;
background-color: inherit;
border: 1px solid currentColor;
border-radius: 1em;
margin-left: 0.6em;
}
.hint a {
color: inherit;
}
#button_help {
color: white;
background-color: #00000011;
border-radius: 1em;
position: fixed;
top: 1em;
right: 1em;
font-size: 24pt;
font-weight: bolder;
width: 2em;
height: 2em;
border: none;
}
#button_help:hover {
cursor: pointer;
background-color: #00000077;
}
@media print {
#button_help {
display: none;
}
div.hint {
display: none;
}
}
</style>
</head>
<body>
<button id="button_help">?</button>
<div id="hints" class="hint" style="display: none">
<button id="close-hints">x</button>
<span id="hint-text"></span>
<ul>
<li><b>Hover</b> - highlight</li>
<li><b>Right-click</b> - pin highlight</li>
<li><b>ESC</b> - clear</li>
</ul>
</div>
<?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.1 (20241206.2353)
-->
<!-- Title: dependency-cruiser output Pages: 1 -->
<svg width="1029pt" height="2648pt"
viewBox="0.00 0.00 1028.50 2648.00" 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 2644)">
<title>dependency-cruiser output</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-2644 1024.5,-2644 1024.5,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 1000.5,-8 1000.5,-8 1006.5,-8 1012.5,-14 1012.5,-20 1012.5,-20 1012.5,-2620 1012.5,-2620 1012.5,-2626 1006.5,-2632 1000.5,-2632 1000.5,-2632 20,-2632 20,-2632 14,-2632 8,-2626 8,-2620 8,-2620 8,-20 8,-20 8,-14 14,-8 20,-8"/>
<text text-anchor="middle" x="510.25" y="-2619.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_src/app</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M28,-16C28,-16 992.5,-16 992.5,-16 998.5,-16 1004.5,-22 1004.5,-28 1004.5,-28 1004.5,-2534 1004.5,-2534 1004.5,-2540 998.5,-2546 992.5,-2546 992.5,-2546 28,-2546 28,-2546 22,-2546 16,-2540 16,-2534 16,-2534 16,-28 16,-28 16,-22 22,-16 28,-16"/>
<text text-anchor="middle" x="510.25" y="-2533.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">app</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_src/app/api</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M285.12,-1610C285.12,-1610 521.5,-1610 521.5,-1610 527.5,-1610 533.5,-1616 533.5,-1622 533.5,-1622 533.5,-1924 533.5,-1924 533.5,-1930 527.5,-1936 521.5,-1936 521.5,-1936 285.12,-1936 285.12,-1936 279.12,-1936 273.12,-1930 273.12,-1924 273.12,-1924 273.12,-1622 273.12,-1622 273.12,-1616 279.12,-1610 285.12,-1610"/>
<text text-anchor="middle" x="403.31" y="-1923.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">api</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_src/app/api/wakatime</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M293.12,-1618C293.12,-1618 513.5,-1618 513.5,-1618 519.5,-1618 525.5,-1624 525.5,-1630 525.5,-1630 525.5,-1872 525.5,-1872 525.5,-1878 519.5,-1884 513.5,-1884 513.5,-1884 293.12,-1884 293.12,-1884 287.12,-1884 281.12,-1878 281.12,-1872 281.12,-1872 281.12,-1630 281.12,-1630 281.12,-1624 287.12,-1618 293.12,-1618"/>
<text text-anchor="middle" x="403.31" y="-1871.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">wakatime</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_src/app/api/wakatime/code-activity</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M313.88,-1626C313.88,-1626 361.38,-1626 361.38,-1626 367.38,-1626 373.38,-1632 373.38,-1638 373.38,-1638 373.38,-1666 373.38,-1666 373.38,-1672 367.38,-1678 361.38,-1678 361.38,-1678 313.88,-1678 313.88,-1678 307.88,-1678 301.88,-1672 301.88,-1666 301.88,-1666 301.88,-1638 301.88,-1638 301.88,-1632 307.88,-1626 313.88,-1626"/>
<text text-anchor="middle" x="337.62" y="-1665.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">code-activity</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_src/app/api/wakatime/editors</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M314.12,-1686C314.12,-1686 360.12,-1686 360.12,-1686 366.12,-1686 372.12,-1692 372.12,-1698 372.12,-1698 372.12,-1726 372.12,-1726 372.12,-1732 366.12,-1738 360.12,-1738 360.12,-1738 314.12,-1738 314.12,-1738 308.12,-1738 302.12,-1732 302.12,-1726 302.12,-1726 302.12,-1698 302.12,-1698 302.12,-1692 308.12,-1686 314.12,-1686"/>
<text text-anchor="middle" x="337.12" y="-1725.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">editors</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_src/app/api/wakatime/languages</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M314.12,-1746C314.12,-1746 360.12,-1746 360.12,-1746 366.12,-1746 372.12,-1752 372.12,-1758 372.12,-1758 372.12,-1786 372.12,-1786 372.12,-1792 366.12,-1798 360.12,-1798 360.12,-1798 314.12,-1798 314.12,-1798 308.12,-1798 302.12,-1792 302.12,-1786 302.12,-1786 302.12,-1758 302.12,-1758 302.12,-1752 308.12,-1746 314.12,-1746"/>
<text text-anchor="middle" x="337.12" y="-1785.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">languages</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_src/app/api/wakatime/operating-systems</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M301.12,-1806C301.12,-1806 374.12,-1806 374.12,-1806 380.12,-1806 386.12,-1812 386.12,-1818 386.12,-1818 386.12,-1846 386.12,-1846 386.12,-1852 380.12,-1858 374.12,-1858 374.12,-1858 301.12,-1858 301.12,-1858 295.12,-1858 289.12,-1852 289.12,-1846 289.12,-1846 289.12,-1818 289.12,-1818 289.12,-1812 295.12,-1806 301.12,-1806"/>
<text text-anchor="middle" x="337.62" y="-1845.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">operating-systems</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_src/app/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M140.88,-230C140.88,-230 984.5,-230 984.5,-230 990.5,-230 996.5,-236 996.5,-242 996.5,-242 996.5,-1300 996.5,-1300 996.5,-1306 990.5,-1312 984.5,-1312 984.5,-1312 140.87,-1312 140.87,-1312 134.87,-1312 128.88,-1306 128.88,-1300 128.88,-1300 128.88,-242 128.88,-242 128.88,-236 134.88,-230 140.88,-230"/>
<text text-anchor="middle" x="562.69" y="-1299.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_src/app/components/common</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M440.62,-728C440.62,-728 823.5,-728 823.5,-728 829.5,-728 835.5,-734 835.5,-740 835.5,-740 835.5,-1274 835.5,-1274 835.5,-1280 829.5,-1286 823.5,-1286 823.5,-1286 440.62,-1286 440.62,-1286 434.62,-1286 428.62,-1280 428.62,-1274 428.62,-1274 428.62,-740 428.62,-740 428.62,-734 434.62,-728 440.62,-728"/>
<text text-anchor="middle" x="632.06" y="-1273.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">common</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_src/app/components/common/attribute</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M448.62,-736C448.62,-736 532.38,-736 532.38,-736 538.38,-736 544.38,-742 544.38,-748 544.38,-748 544.38,-776 544.38,-776 544.38,-782 538.38,-788 532.38,-788 532.38,-788 448.62,-788 448.62,-788 442.62,-788 436.62,-782 436.62,-776 436.62,-776 436.62,-748 436.62,-748 436.62,-742 442.62,-736 448.62,-736"/>
<text text-anchor="middle" x="490.5" y="-775.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">attribute</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_src/app/components/common/display</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M574.88,-762C574.88,-762 815.5,-762 815.5,-762 821.5,-762 827.5,-768 827.5,-774 827.5,-774 827.5,-832 827.5,-832 827.5,-838 821.5,-844 815.5,-844 815.5,-844 574.88,-844 574.88,-844 568.88,-844 562.88,-838 562.88,-832 562.88,-832 562.88,-774 562.88,-774 562.88,-768 568.88,-762 574.88,-762"/>
<text text-anchor="middle" x="695.19" y="-831.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">display</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_src/app/components/common/generators</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M467.5,-796C467.5,-796 513.5,-796 513.5,-796 519.5,-796 525.5,-802 525.5,-808 525.5,-808 525.5,-836 525.5,-836 525.5,-842 519.5,-848 513.5,-848 513.5,-848 467.5,-848 467.5,-848 461.5,-848 455.5,-842 455.5,-836 455.5,-836 455.5,-808 455.5,-808 455.5,-802 461.5,-796 467.5,-796"/>
<text text-anchor="middle" x="490.5" y="-835.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">generators</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_src/app/components/common/items</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M461.38,-1092C461.38,-1092 802.38,-1092 802.38,-1092 808.38,-1092 814.38,-1098 814.38,-1104 814.38,-1104 814.38,-1132 814.38,-1132 814.38,-1138 808.38,-1144 802.38,-1144 802.38,-1144 461.38,-1144 461.38,-1144 455.38,-1144 449.38,-1138 449.38,-1132 449.38,-1132 449.38,-1104 449.38,-1104 449.38,-1098 455.38,-1092 461.38,-1092"/>
<text text-anchor="middle" x="631.88" y="-1131.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">items</text>
</g>
<g id="clust15" class="cluster">
<title>cluster_src/app/components/common/layout</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M457.25,-1032C457.25,-1032 669.12,-1032 669.12,-1032 675.12,-1032 681.12,-1038 681.12,-1044 681.12,-1044 681.12,-1072 681.12,-1072 681.12,-1078 675.12,-1084 669.12,-1084 669.12,-1084 457.25,-1084 457.25,-1084 451.25,-1084 445.25,-1078 445.25,-1072 445.25,-1072 445.25,-1044 445.25,-1044 445.25,-1038 451.25,-1032 457.25,-1032"/>
<text text-anchor="middle" x="563.19" y="-1071.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">layout</text>
</g>
<g id="clust16" class="cluster">
<title>cluster_src/app/components/common/styles</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M588.38,-972C588.38,-972 668.38,-972 668.38,-972 674.38,-972 680.38,-978 680.38,-984 680.38,-984 680.38,-1012 680.38,-1012 680.38,-1018 674.38,-1024 668.38,-1024 668.38,-1024 588.38,-1024 588.38,-1024 582.38,-1024 576.38,-1018 576.38,-1012 576.38,-1012 576.38,-984 576.38,-984 576.38,-978 582.38,-972 588.38,-972"/>
<text text-anchor="middle" x="628.38" y="-1011.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">styles</text>
</g>
<g id="clust17" class="cluster">
<title>cluster_src/app/components/common/terminal</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M462.12,-1152C462.12,-1152 518.88,-1152 518.88,-1152 524.88,-1152 530.88,-1158 530.88,-1164 530.88,-1164 530.88,-1192 530.88,-1192 530.88,-1198 524.88,-1204 518.88,-1204 518.88,-1204 462.12,-1204 462.12,-1204 456.12,-1204 450.12,-1198 450.12,-1192 450.12,-1192 450.12,-1164 450.12,-1164 450.12,-1158 456.12,-1152 462.12,-1152"/>
<text text-anchor="middle" x="490.5" y="-1191.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">terminal</text>
</g>
<g id="clust18" class="cluster">
<title>cluster_src/app/components/common/timeline</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M462.5,-912C462.5,-912 672.88,-912 672.88,-912 678.88,-912 684.88,-918 684.88,-924 684.88,-924 684.88,-952 684.88,-952 684.88,-958 678.88,-964 672.88,-964 672.88,-964 462.5,-964 462.5,-964 456.5,-964 450.5,-958 450.5,-952 450.5,-952 450.5,-924 450.5,-924 450.5,-918 456.5,-912 462.5,-912"/>
<text text-anchor="middle" x="567.69" y="-951.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">timeline</text>
</g>
<g id="clust19" class="cluster">
<title>cluster_src/app/components/cv</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M148.88,-238C148.88,-238 671,-238 671,-238 677,-238 683,-244 683,-250 683,-250 683,-396 683,-396 683,-402 677,-408 671,-408 671,-408 148.88,-408 148.88,-408 142.87,-408 136.88,-402 136.88,-396 136.88,-396 136.88,-250 136.88,-250 136.88,-244 142.88,-238 148.88,-238"/>
<text text-anchor="middle" x="409.94" y="-395.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">cv</text>
</g>
<g id="clust20" class="cluster">
<title>cluster_src/app/components/gallery</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M465.12,-626C465.12,-626 976.5,-626 976.5,-626 982.5,-626 988.5,-632 988.5,-638 988.5,-638 988.5,-708 988.5,-708 988.5,-714 982.5,-720 976.5,-720 976.5,-720 465.12,-720 465.12,-720 459.12,-720 453.12,-714 453.12,-708 453.12,-708 453.12,-638 453.12,-638 453.12,-632 459.12,-626 465.12,-626"/>
<text text-anchor="middle" x="720.81" y="-707.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">gallery</text>
</g>
<g id="clust21" class="cluster">
<title>cluster_src/app/components/main</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M150,-416C150,-416 533.12,-416 533.12,-416 539.12,-416 545.12,-422 545.12,-428 545.12,-428 545.12,-486 545.12,-486 545.12,-492 539.12,-498 533.12,-498 533.12,-498 150,-498 150,-498 144,-498 138,-492 138,-486 138,-486 138,-428 138,-428 138,-422 144,-416 150,-416"/>
<text text-anchor="middle" x="341.56" y="-485.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">main</text>
</g>
<g id="clust22" class="cluster">
<title>cluster_src/app/components/skill</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M160.62,-1234C160.62,-1234 373.38,-1234 373.38,-1234 379.38,-1234 385.38,-1240 385.38,-1246 385.38,-1246 385.38,-1274 385.38,-1274 385.38,-1280 379.38,-1286 373.38,-1286 373.38,-1286 160.62,-1286 160.62,-1286 154.62,-1286 148.62,-1280 148.62,-1274 148.62,-1274 148.62,-1246 148.62,-1246 148.62,-1240 154.62,-1234 160.62,-1234"/>
<text text-anchor="middle" x="267" y="-1273.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">skill</text>
</g>
<g id="clust23" class="cluster">
<title>cluster_src/app/components/utils</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M438.12,-506C438.12,-506 542.88,-506 542.88,-506 548.88,-506 554.88,-512 554.88,-518 554.88,-518 554.88,-606 554.88,-606 554.88,-612 548.88,-618 542.88,-618 542.88,-618 438.12,-618 438.12,-618 432.12,-618 426.12,-612 426.12,-606 426.12,-606 426.12,-518 426.12,-518 426.12,-512 432.12,-506 438.12,-506"/>
<text text-anchor="middle" x="490.5" y="-605.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">utils</text>
</g>
<g id="clust24" class="cluster">
<title>cluster_src/app/constants</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M463.62,-1944C463.62,-1944 517.38,-1944 517.38,-1944 523.38,-1944 529.38,-1950 529.38,-1956 529.38,-1956 529.38,-1984 529.38,-1984 529.38,-1990 523.38,-1996 517.38,-1996 517.38,-1996 463.62,-1996 463.62,-1996 457.62,-1996 451.62,-1990 451.62,-1984 451.62,-1984 451.62,-1956 451.62,-1956 451.62,-1950 457.62,-1944 463.62,-1944"/>
<text text-anchor="middle" x="490.5" y="-1983.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">constants</text>
</g>
<g id="clust25" class="cluster">
<title>cluster_src/app/contexts</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M583.12,-24C583.12,-24 673.62,-24 673.62,-24 679.62,-24 685.62,-30 685.62,-36 685.62,-36 685.62,-64 685.62,-64 685.62,-70 679.62,-76 673.62,-76 673.62,-76 583.12,-76 583.12,-76 577.12,-76 571.12,-70 571.12,-64 571.12,-64 571.12,-36 571.12,-36 571.12,-30 577.12,-24 583.12,-24"/>
<text text-anchor="middle" x="628.38" y="-63.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">contexts</text>
</g>
<g id="clust26" class="cluster">
<title>cluster_src/app/data</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M159,-1320C159,-1320 208.25,-1320 208.25,-1320 214.25,-1320 220.25,-1326 220.25,-1332 220.25,-1332 220.25,-1390 220.25,-1390 220.25,-1396 214.25,-1402 208.25,-1402 208.25,-1402 159,-1402 159,-1402 153,-1402 147,-1396 147,-1390 147,-1390 147,-1332 147,-1332 147,-1326 153,-1320 159,-1320"/>
<text text-anchor="middle" x="183.62" y="-1389.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">data</text>
</g>
<g id="clust27" class="cluster">
<title>cluster_src/app/hooks</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M156.38,-1894C156.38,-1894 210.88,-1894 210.88,-1894 216.88,-1894 222.88,-1900 222.88,-1906 222.88,-1906 222.88,-1934 222.88,-1934 222.88,-1940 216.88,-1946 210.88,-1946 210.88,-1946 156.38,-1946 156.38,-1946 150.38,-1946 144.38,-1940 144.38,-1934 144.38,-1934 144.38,-1906 144.38,-1906 144.38,-1900 150.38,-1894 156.38,-1894"/>
<text text-anchor="middle" x="183.62" y="-1933.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
</g>
<g id="clust28" class="cluster">
<title>cluster_src/app/models</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M600,-84C600,-84 656.75,-84 656.75,-84 662.75,-84 668.75,-90 668.75,-96 668.75,-96 668.75,-184 668.75,-184 668.75,-190 662.75,-196 656.75,-196 656.75,-196 600,-196 600,-196 594,-196 588,-190 588,-184 588,-184 588,-96 588,-96 588,-90 594,-84 600,-84"/>
<text text-anchor="middle" x="628.38" y="-183.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
</g>
<g id="clust29" class="cluster">
<title>cluster_src/app/pages</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M36,-1954C36,-1954 405.5,-1954 405.5,-1954 411.5,-1954 417.5,-1960 417.5,-1966 417.5,-1966 417.5,-2452 417.5,-2452 417.5,-2458 411.5,-2464 405.5,-2464 405.5,-2464 36,-2464 36,-2464 30,-2464 24,-2458 24,-2452 24,-2452 24,-1966 24,-1966 24,-1960 30,-1954 36,-1954"/>
<text text-anchor="middle" x="220.75" y="-2451.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">pages</text>
</g>
<g id="clust30" class="cluster">
<title>cluster_src/app/pages/about</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M52,-2142C52,-2142 223.62,-2142 223.62,-2142 229.62,-2142 235.62,-2148 235.62,-2154 235.62,-2154 235.62,-2182 235.62,-2182 235.62,-2188 229.62,-2194 223.62,-2194 223.62,-2194 52,-2194 52,-2194 46,-2194 40,-2188 40,-2182 40,-2182 40,-2154 40,-2154 40,-2148 46,-2142 52,-2142"/>
<text text-anchor="middle" x="137.81" y="-2181.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">about</text>
</g>
<g id="clust31" class="cluster">
<title>cluster_src/app/pages/projects</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M52,-1962C52,-1962 98,-1962 98,-1962 104,-1962 110,-1968 110,-1974 110,-1974 110,-2002 110,-2002 110,-2008 104,-2014 98,-2014 98,-2014 52,-2014 52,-2014 46,-2014 40,-2008 40,-2002 40,-2002 40,-1974 40,-1974 40,-1968 46,-1962 52,-1962"/>
<text text-anchor="middle" x="75" y="-2001.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">projects</text>
</g>
<g id="clust32" class="cluster">
<title>cluster_src/app/pages/resources</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M44,-2022C44,-2022 106,-2022 106,-2022 112,-2022 118,-2028 118,-2034 118,-2034 118,-2122 118,-2122 118,-2128 112,-2134 106,-2134 106,-2134 44,-2134 44,-2134 38,-2134 32,-2128 32,-2122 32,-2122 32,-2034 32,-2034 32,-2028 38,-2022 44,-2022"/>
<text text-anchor="middle" x="75" y="-2121.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">resources</text>
</g>
<g id="clust33" class="cluster">
<title>cluster_src/app/pages/resources/[slug]</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M52,-2030C52,-2030 98,-2030 98,-2030 104,-2030 110,-2036 110,-2042 110,-2042 110,-2070 110,-2070 110,-2076 104,-2082 98,-2082 98,-2082 52,-2082 52,-2082 46,-2082 40,-2076 40,-2070 40,-2070 40,-2042 40,-2042 40,-2036 46,-2030 52,-2030"/>
<text text-anchor="middle" x="75" y="-2069.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">[slug]</text>
</g>
<g id="clust34" class="cluster">
<title>cluster_src/app/pages/welcome</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M52,-2202C52,-2202 397.5,-2202 397.5,-2202 403.5,-2202 409.5,-2208 409.5,-2214 409.5,-2214 409.5,-2426 409.5,-2426 409.5,-2432 403.5,-2438 397.5,-2438 397.5,-2438 52,-2438 52,-2438 46,-2438 40,-2432 40,-2426 40,-2426 40,-2214 40,-2214 40,-2208 46,-2202 52,-2202"/>
<text text-anchor="middle" x="224.75" y="-2425.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">welcome</text>
</g>
<g id="clust35" class="cluster">
<title>cluster_src/app/pages/welcome/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M138,-2210C138,-2210 389.5,-2210 389.5,-2210 395.5,-2210 401.5,-2216 401.5,-2222 401.5,-2222 401.5,-2400 401.5,-2400 401.5,-2406 395.5,-2412 389.5,-2412 389.5,-2412 138,-2412 138,-2412 132,-2412 126,-2406 126,-2400 126,-2400 126,-2222 126,-2222 126,-2216 132,-2210 138,-2210"/>
<text text-anchor="middle" x="263.75" y="-2399.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust36" class="cluster">
<title>cluster_src/app/utils</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M454.62,-1468C454.62,-1468 526.38,-1468 526.38,-1468 532.38,-1468 538.38,-1474 538.38,-1480 538.38,-1480 538.38,-1538 538.38,-1538 538.38,-1544 532.38,-1550 526.38,-1550 526.38,-1550 454.62,-1550 454.62,-1550 448.62,-1550 442.62,-1544 442.62,-1538 442.62,-1538 442.62,-1480 442.62,-1480 442.62,-1474 448.62,-1468 454.62,-1468"/>
<text text-anchor="middle" x="490.5" y="-1537.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">utils</text>
</g>
<g id="clust37" class="cluster">
<title>cluster_src/types</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M52,-2554C52,-2554 98,-2554 98,-2554 104,-2554 110,-2560 110,-2566 110,-2566 110,-2594 110,-2594 110,-2600 104,-2606 98,-2606 98,-2606 52,-2606 52,-2606 46,-2606 40,-2600 40,-2594 40,-2594 40,-2566 40,-2566 40,-2560 46,-2554 52,-2554"/>
<text text-anchor="middle" x="75" y="-2593.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">types</text>
</g>
<!-- src/app/api/Api.ts -->
<g id="node1" class="node">
<title>src/app/api/Api.ts</title>
<g id="a_node1"><a xlink:href="src/app/api/Api.ts" xlink:title="Api.ts">
<path fill="#ddfeff" stroke="black" d="M358.21,-1909.88C358.21,-1909.88 316.04,-1909.88 316.04,-1909.88 313.08,-1909.88 310.12,-1906.92 310.12,-1903.96 310.12,-1903.96 310.12,-1898.04 310.12,-1898.04 310.12,-1895.08 313.08,-1892.12 316.04,-1892.12 316.04,-1892.12 358.21,-1892.12 358.21,-1892.12 361.17,-1892.12 364.12,-1895.08 364.12,-1898.04 364.12,-1898.04 364.12,-1903.96 364.12,-1903.96 364.12,-1906.92 361.17,-1909.88 358.21,-1909.88"/>
<text text-anchor="start" x="325.88" y="-1897.33" font-family="Helvetica,sans-Serif" font-size="9.00">Api.ts</text>
</a>
</g>
</g>
<!-- src/app/constants/ApiPaths.ts -->
<g id="node2" class="node">
<title>src/app/constants/ApiPaths.ts</title>
<g id="a_node2"><a xlink:href="src/app/constants/ApiPaths.ts" xlink:title="ApiPaths.ts">
<path fill="#ddfeff" stroke="black" d="M515.46,-1969.88C515.46,-1969.88 465.54,-1969.88 465.54,-1969.88 462.58,-1969.88 459.62,-1966.92 459.62,-1963.96 459.62,-1963.96 459.62,-1958.04 459.62,-1958.04 459.62,-1955.08 462.58,-1952.12 465.54,-1952.12 465.54,-1952.12 515.46,-1952.12 515.46,-1952.12 518.42,-1952.12 521.38,-1955.08 521.38,-1958.04 521.38,-1958.04 521.38,-1963.96 521.38,-1963.96 521.38,-1966.92 518.42,-1969.88 515.46,-1969.88"/>
<text text-anchor="start" x="467.62" y="-1957.33" font-family="Helvetica,sans-Serif" font-size="9.00">ApiPaths.ts</text>
</a>
</g>
</g>
<!-- src/app/api/Api.ts->src/app/constants/ApiPaths.ts -->
<g id="edge1" class="edge">
<title>src/app/api/Api.ts->src/app/constants/ApiPaths.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M361.78,-1910.38C387.66,-1920.63 429.28,-1937.13 457.93,-1948.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="456.85,-1950.32 463.2,-1950.58 458.4,-1946.41 456.85,-1950.32"/>
</g>
<!-- src/app/utils/common-utils.ts -->
<g id="node3" class="node">
<title>src/app/utils/common-utils.ts</title>
<g id="a_node3"><a xlink:href="src/app/utils/common-utils.ts" xlink:title="common-utils.ts">
<path fill="#ddfeff" stroke="black" d="M524.46,-1523.88C524.46,-1523.88 456.54,-1523.88 456.54,-1523.88 453.58,-1523.88 450.62,-1520.92 450.62,-1517.96 450.62,-1517.96 450.62,-1512.04 450.62,-1512.04 450.62,-1509.08 453.58,-1506.12 456.54,-1506.12 456.54,-1506.12 524.46,-1506.12 524.46,-1506.12 527.42,-1506.12 530.38,-1509.08 530.38,-1512.04 530.38,-1512.04 530.38,-1517.96 530.38,-1517.96 530.38,-1520.92 527.42,-1523.88 524.46,-1523.88"/>
<text text-anchor="start" x="458.62" y="-1511.33" font-family="Helvetica,sans-Serif" font-size="9.00">common-utils.ts</text>
</a>
</g>
</g>
<!-- src/app/api/Api.ts->src/app/utils/common-utils.ts -->
<g id="edge2" class="edge">
<title>src/app/api/Api.ts->src/app/utils/common-utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M364.3,-1895.25C382.55,-1889.74 405.68,-1879.45 417.5,-1861 432.25,-1837.97 418.04,-1641.13 426.12,-1615 436.26,-1582.24 460.1,-1549.7 475.48,-1531.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="476.9,-1532.59 479.16,-1526.65 473.69,-1529.89 476.9,-1532.59"/>
</g>
<!-- src/app/api/wakatime/code-activity/route.ts -->
<g id="node4" class="node">
<title>src/app/api/wakatime/code-activity/route.ts</title>
<g id="a_node4"><a xlink:href="src/app/api/wakatime/code-activity/route.ts" xlink:title="route.ts">
<path fill="#ddfeff" stroke="black" d="M358.21,-1651.88C358.21,-1651.88 316.04,-1651.88 316.04,-1651.88 313.08,-1651.88 310.12,-1648.92 310.12,-1645.96 310.12,-1645.96 310.12,-1640.04 310.12,-1640.04 310.12,-1637.08 313.08,-1634.12 316.04,-1634.12 316.04,-1634.12 358.21,-1634.12 358.21,-1634.12 361.17,-1634.12 364.12,-1637.08 364.12,-1640.04 364.12,-1640.04 364.12,-1645.96 364.12,-1645.96 364.12,-1648.92 361.17,-1651.88 358.21,-1651.88"/>
<text text-anchor="start" x="322.12" y="-1639.33" font-family="Helvetica,sans-Serif" font-size="9.00">route.ts</text>
</a>
</g>
</g>
<!-- src/app/api/wakatime/utils.ts -->
<g id="node5" class="node">
<title>src/app/api/wakatime/utils.ts</title>
<g id="a_node5"><a xlink:href="src/app/api/wakatime/utils.ts" xlink:title="utils.ts">
<path fill="#ddfeff" stroke="black" d="M511.58,-1741.88C511.58,-1741.88 469.42,-1741.88 469.42,-1741.88 466.46,-1741.88 463.5,-1738.92 463.5,-1735.96 463.5,-1735.96 463.5,-1730.04 463.5,-1730.04 463.5,-1727.08 466.46,-1724.12 469.42,-1724.12 469.42,-1724.12 511.58,-1724.12 511.58,-1724.12 514.54,-1724.12 517.5,-1727.08 517.5,-1730.04 517.5,-1730.04 517.5,-1735.96 517.5,-1735.96 517.5,-1738.92 514.54,-1741.88 511.58,-1741.88"/>
<text text-anchor="start" x="477.75" y="-1729.33" font-family="Helvetica,sans-Serif" font-size="9.00">utils.ts</text>
</a>
</g>
</g>
<!-- src/app/api/wakatime/code-activity/route.ts->src/app/api/wakatime/utils.ts -->
<g id="edge3" class="edge">
<title>src/app/api/wakatime/code-activity/route.ts->src/app/api/wakatime/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M358.44,-1652.27C374.73,-1659.93 398.01,-1671.4 417.5,-1683 436.1,-1694.07 456.25,-1708.27 470.49,-1718.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="468.86,-1720.11 474.93,-1721.99 471.35,-1716.73 468.86,-1720.11"/>
</g>
<!-- src/app/api/wakatime/editors/route.ts -->
<g id="node6" class="node">
<title>src/app/api/wakatime/editors/route.ts</title>
<g id="a_node6"><a xlink:href="src/app/api/wakatime/editors/route.ts" xlink:title="route.ts">
<path fill="#ddfeff" stroke="black" d="M358.21,-1711.88C358.21,-1711.88 316.04,-1711.88 316.04,-1711.88 313.08,-1711.88 310.12,-1708.92 310.12,-1705.96 310.12,-1705.96 310.12,-1700.04 310.12,-1700.04 310.12,-1697.08 313.08,-1694.12 316.04,-1694.12 316.04,-1694.12 358.21,-1694.12 358.21,-1694.12 361.17,-1694.12 364.12,-1697.08 364.12,-1700.04 364.12,-1700.04 364.12,-1705.96 364.12,-1705.96 364.12,-1708.92 361.17,-1711.88 358.21,-1711.88"/>
<text text-anchor="start" x="322.12" y="-1699.33" font-family="Helvetica,sans-Serif" font-size="9.00">route.ts</text>
</a>
</g>
</g>
<!-- src/app/api/wakatime/editors/route.ts->src/app/api/wakatime/utils.ts -->
<g id="edge4" class="edge">
<title>src/app/api/wakatime/editors/route.ts->src/app/api/wakatime/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M364.49,-1708.23C389.49,-1713.18 427.19,-1720.65 454.65,-1726.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="453.92,-1728.09 460.21,-1727.2 454.73,-1723.97 453.92,-1728.09"/>
</g>
<!-- src/app/api/wakatime/languages/route.ts -->
<g id="node7" class="node">
<title>src/app/api/wakatime/languages/route.ts</title>
<g id="a_node7"><a xlink:href="src/app/api/wakatime/languages/route.ts" xlink:title="route.ts">
<path fill="#ddfeff" stroke="black" d="M358.21,-1771.88C358.21,-1771.88 316.04,-1771.88 316.04,-1771.88 313.08,-1771.88 310.12,-1768.92 310.12,-1765.96 310.12,-1765.96 310.12,-1760.04 310.12,-1760.04 310.12,-1757.08 313.08,-1754.12 316.04,-1754.12 316.04,-1754.12 358.21,-1754.12 358.21,-1754.12 361.17,-1754.12 364.12,-1757.08 364.12,-1760.04 364.12,-1760.04 364.12,-1765.96 364.12,-1765.96 364.12,-1768.92 361.17,-1771.88 358.21,-1771.88"/>
<text text-anchor="start" x="322.12" y="-1759.33" font-family="Helvetica,sans-Serif" font-size="9.00">route.ts</text>
</a>
</g>
</g>
<!-- src/app/api/wakatime/languages/route.ts->src/app/api/wakatime/utils.ts -->
<g id="edge5" class="edge">
<title>src/app/api/wakatime/languages/route.ts->src/app/api/wakatime/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M364.49,-1757.77C389.49,-1752.82 427.19,-1745.35 454.65,-1739.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="454.73,-1742.03 460.21,-1738.8 453.92,-1737.91 454.73,-1742.03"/>
</g>
<!-- src/app/api/wakatime/operating-systems/route.ts -->
<g id="node8" class="node">
<title>src/app/api/wakatime/operating-systems/route.ts</title>
<g id="a_node8"><a xlink:href="src/app/api/wakatime/operating-systems/route.ts" xlink:title="route.ts">
<path fill="#ddfeff" stroke="black" d="M358.21,-1831.88C358.21,-1831.88 316.04,-1831.88 316.04,-1831.88 313.08,-1831.88 310.12,-1828.92 310.12,-1825.96 310.12,-1825.96 310.12,-1820.04 310.12,-1820.04 310.12,-1817.08 313.08,-1814.12 316.04,-1814.12 316.04,-1814.12 358.21,-1814.12 358.21,-1814.12 361.17,-1814.12 364.12,-1817.08 364.12,-1820.04 364.12,-1820.04 364.12,-1825.96 364.12,-1825.96 364.12,-1828.92 361.17,-1831.88 358.21,-1831.88"/>
<text text-anchor="start" x="322.12" y="-1819.33" font-family="Helvetica,sans-Serif" font-size="9.00">route.ts</text>
</a>
</g>
</g>
<!-- src/app/api/wakatime/operating-systems/route.ts->src/app/api/wakatime/utils.ts -->
<g id="edge6" class="edge">
<title>src/app/api/wakatime/operating-systems/route.ts->src/app/api/wakatime/utils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M364.38,-1819.04C380.47,-1815.83 401.06,-1810.27 417.5,-1801 441.44,-1787.5 463.55,-1764.35 476.79,-1748.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.38,-1750.23 480.61,-1744.27 475.15,-1747.54 478.38,-1750.23"/>
</g>
<!-- src/app/components/common/Buttons.tsx -->
<g id="node9" class="node">
<title>src/app/components/common/Buttons.tsx</title>
<g id="a_node9"><a xlink:href="src/app/components/common/Buttons.tsx" xlink:title="Buttons.tsx">
<path fill="#bbfeff" stroke="black" d="M652.58,-753.88C652.58,-753.88 604.17,-753.88 604.17,-753.88 601.21,-753.88 598.25,-750.92 598.25,-747.96 598.25,-747.96 598.25,-742.04 598.25,-742.04 598.25,-739.08 601.21,-736.12 604.17,-736.12 604.17,-736.12 652.58,-736.12 652.58,-736.12 655.54,-736.12 658.5,-739.08 658.5,-742.04 658.5,-742.04 658.5,-747.96 658.5,-747.96 658.5,-750.92 655.54,-753.88 652.58,-753.88"/>
<text text-anchor="start" x="606.25" y="-741.33" font-family="Helvetica,sans-Serif" font-size="9.00">Buttons.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/Cards.tsx -->
<g id="node10" class="node">
<title>src/app/components/common/Cards.tsx</title>
<g id="a_node10"><a xlink:href="src/app/components/common/Cards.tsx" xlink:title="Cards.tsx">
<path fill="#bbfeff" stroke="black" d="M511.71,-1229.88C511.71,-1229.88 469.29,-1229.88 469.29,-1229.88 466.33,-1229.88 463.38,-1226.92 463.38,-1223.96 463.38,-1223.96 463.38,-1218.04 463.38,-1218.04 463.38,-1215.08 466.33,-1212.12 469.29,-1212.12 469.29,-1212.12 511.71,-1212.12 511.71,-1212.12 514.67,-1212.12 517.62,-1215.08 517.62,-1218.04 517.62,-1218.04 517.62,-1223.96 517.62,-1223.96 517.62,-1226.92 514.67,-1229.88 511.71,-1229.88"/>
<text text-anchor="start" x="471.38" y="-1217.33" font-family="Helvetica,sans-Serif" font-size="9.00">Cards.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/card.module.css -->
<g id="node11" class="node">
<title>src/app/components/common/card.module.css</title>
<g id="a_node11"><a xlink:href="src/app/components/common/card.module.css" xlink:title="card.module.css">
<path fill="#ffffcc" stroke="black" d="M663.83,-1229.88C663.83,-1229.88 592.92,-1229.88 592.92,-1229.88 589.96,-1229.88 587,-1226.92 587,-1223.96 587,-1223.96 587,-1218.04 587,-1218.04 587,-1215.08 589.96,-1212.12 592.92,-1212.12 592.92,-1212.12 663.83,-1212.12 663.83,-1212.12 666.79,-1212.12 669.75,-1215.08 669.75,-1218.04 669.75,-1218.04 669.75,-1223.96 669.75,-1223.96 669.75,-1226.92 666.79,-1229.88 663.83,-1229.88"/>
<text text-anchor="start" x="595" y="-1217.33" font-family="Helvetica,sans-Serif" font-size="9.00">card.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/Cards.tsx->src/app/components/common/card.module.css -->
<g id="edge7" class="edge">
<title>src/app/components/common/Cards.tsx->src/app/components/common/card.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M518.02,-1221C535.04,-1221 557.67,-1221 577.93,-1221"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="577.71,-1223.1 583.71,-1221 577.71,-1218.9 577.71,-1223.1"/>
</g>
<!-- src/app/components/common/Dialogs.tsx -->
<g id="node12" class="node">
<title>src/app/components/common/Dialogs.tsx</title>
<g id="a_node12"><a xlink:href="src/app/components/common/Dialogs.tsx" xlink:title="Dialogs.tsx">
<path fill="#bbfeff" stroke="black" d="M515.08,-873.88C515.08,-873.88 465.92,-873.88 465.92,-873.88 462.96,-873.88 460,-870.92 460,-867.96 460,-867.96 460,-862.04 460,-862.04 460,-859.08 462.96,-856.12 465.92,-856.12 465.92,-856.12 515.08,-856.12 515.08,-856.12 518.04,-856.12 521,-859.08 521,-862.04 521,-862.04 521,-867.96 521,-867.96 521,-870.92 518.04,-873.88 515.08,-873.88"/>
<text text-anchor="start" x="468" y="-861.33" font-family="Helvetica,sans-Serif" font-size="9.00">Dialogs.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/Dialogs.tsx->src/app/components/common/Buttons.tsx -->
<g id="edge8" class="edge">
<title>src/app/components/common/Dialogs.tsx->src/app/components/common/Buttons.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M521.2,-865.7C533.38,-864.35 546.55,-860.49 554.88,-851 568.41,-835.57 549.31,-774.4 562.88,-759 569.55,-751.42 579.28,-747.4 589.17,-745.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.2,-747.5 594.83,-744.54 588.58,-743.35 589.2,-747.5"/>
</g>
<!-- src/app/components/common/Links.tsx -->
<g id="node13" class="node">
<title>src/app/components/common/Links.tsx</title>
<g id="a_node13"><a xlink:href="src/app/components/common/Links.tsx" xlink:title="Links.tsx">
<path fill="#bbfeff" stroke="black" d="M511.58,-993.88C511.58,-993.88 469.42,-993.88 469.42,-993.88 466.46,-993.88 463.5,-990.92 463.5,-987.96 463.5,-987.96 463.5,-982.04 463.5,-982.04 463.5,-979.08 466.46,-976.12 469.42,-976.12 469.42,-976.12 511.58,-976.12 511.58,-976.12 514.54,-976.12 517.5,-979.08 517.5,-982.04 517.5,-982.04 517.5,-987.96 517.5,-987.96 517.5,-990.92 514.54,-993.88 511.58,-993.88"/>
<text text-anchor="start" x="472.88" y="-981.33" font-family="Helvetica,sans-Serif" font-size="9.00">Links.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/styles/styles.module.css -->
<g id="node14" class="node">
<title>src/app/components/common/styles/styles.module.css</title>
<g id="a_node14"><a xlink:href="src/app/components/common/styles/styles.module.css" xlink:title="styles.module.css">
<path fill="#ffffcc" stroke="black" d="M666.46,-997.88C666.46,-997.88 590.29,-997.88 590.29,-997.88 587.33,-997.88 584.38,-994.92 584.38,-991.96 584.38,-991.96 584.38,-986.04 584.38,-986.04 584.38,-983.08 587.33,-980.12 590.29,-980.12 590.29,-980.12 666.46,-980.12 666.46,-980.12 669.42,-980.12 672.38,-983.08 672.38,-986.04 672.38,-986.04 672.38,-991.96 672.38,-991.96 672.38,-994.92 669.42,-997.88 666.46,-997.88"/>
<text text-anchor="start" x="592.38" y="-985.33" font-family="Helvetica,sans-Serif" font-size="9.00">styles.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/Links.tsx->src/app/components/common/styles/styles.module.css -->
<g id="edge9" class="edge">
<title>src/app/components/common/Links.tsx->src/app/components/common/styles/styles.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M517.7,-985.77C533.95,-986.25 555.4,-986.88 575.02,-987.46"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="574.8,-989.55 580.86,-987.63 574.92,-985.35 574.8,-989.55"/>
</g>
<!-- src/app/components/common/LoadingSpinner.tsx -->
<g id="node15" class="node">
<title>src/app/components/common/LoadingSpinner.tsx</title>
<g id="a_node15"><a xlink:href="src/app/components/common/LoadingSpinner.tsx" xlink:title="LoadingSpinner.tsx">
<path fill="#bbfeff" stroke="black" d="M532.33,-903.88C532.33,-903.88 448.67,-903.88 448.67,-903.88 445.71,-903.88 442.75,-900.92 442.75,-897.96 442.75,-897.96 442.75,-892.04 442.75,-892.04 442.75,-889.08 445.71,-886.12 448.67,-886.12 448.67,-886.12 532.33,-886.12 532.33,-886.12 535.29,-886.12 538.25,-889.08 538.25,-892.04 538.25,-892.04 538.25,-897.96 538.25,-897.96 538.25,-900.92 535.29,-903.88 532.33,-903.88"/>
<text text-anchor="start" x="450.75" y="-891.33" font-family="Helvetica,sans-Serif" font-size="9.00">LoadingSpinner.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/loading-spinner.module.css -->
<g id="node16" class="node">
<title>src/app/components/common/loading-spinner.module.css</title>
<g id="a_node16"><a xlink:href="src/app/components/common/loading-spinner.module.css" xlink:title="loading-spinner.module.css">
<path fill="#ffffcc" stroke="black" d="M687.08,-903.88C687.08,-903.88 569.67,-903.88 569.67,-903.88 566.71,-903.88 563.75,-900.92 563.75,-897.96 563.75,-897.96 563.75,-892.04 563.75,-892.04 563.75,-889.08 566.71,-886.12 569.67,-886.12 569.67,-886.12 687.08,-886.12 687.08,-886.12 690.04,-886.12 693,-889.08 693,-892.04 693,-892.04 693,-897.96 693,-897.96 693,-900.92 690.04,-903.88 687.08,-903.88"/>
<text text-anchor="start" x="571.75" y="-891.33" font-family="Helvetica,sans-Serif" font-size="9.00">loading-spinner.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/LoadingSpinner.tsx->src/app/components/common/loading-spinner.module.css -->
<g id="edge10" class="edge">
<title>src/app/components/common/LoadingSpinner.tsx->src/app/components/common/loading-spinner.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M538.64,-895C543.75,-895 549.03,-895 554.35,-895"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="554.3,-897.1 560.3,-895 554.3,-892.9 554.3,-897.1"/>
</g>
<!-- src/app/components/common/Titles.tsx -->
<g id="node17" class="node">
<title>src/app/components/common/Titles.tsx</title>
<g id="a_node17"><a xlink:href="src/app/components/common/Titles.tsx" xlink:title="Titles.tsx">
<path fill="#bbfeff" stroke="black" d="M511.58,-1259.88C511.58,-1259.88 469.42,-1259.88 469.42,-1259.88 466.46,-1259.88 463.5,-1256.92 463.5,-1253.96 463.5,-1253.96 463.5,-1248.04 463.5,-1248.04 463.5,-1245.08 466.46,-1242.12 469.42,-1242.12 469.42,-1242.12 511.58,-1242.12 511.58,-1242.12 514.54,-1242.12 517.5,-1245.08 517.5,-1248.04 517.5,-1248.04 517.5,-1253.96 517.5,-1253.96 517.5,-1256.92 514.54,-1259.88 511.58,-1259.88"/>
<text text-anchor="start" x="473.25" y="-1247.33" font-family="Helvetica,sans-Serif" font-size="9.00">Titles.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/titles.module.css -->
<g id="node18" class="node">
<title>src/app/components/common/titles.module.css</title>
<g id="a_node18"><a xlink:href="src/app/components/common/titles.module.css" xlink:title="titles.module.css">
<path fill="#ffffcc" stroke="black" d="M664.21,-1259.88C664.21,-1259.88 592.54,-1259.88 592.54,-1259.88 589.58,-1259.88 586.62,-1256.92 586.62,-1253.96 586.62,-1253.96 586.62,-1248.04 586.62,-1248.04 586.62,-1245.08 589.58,-1242.12 592.54,-1242.12 592.54,-1242.12 664.21,-1242.12 664.21,-1242.12 667.17,-1242.12 670.12,-1245.08 670.12,-1248.04 670.12,-1248.04 670.12,-1253.96 670.12,-1253.96 670.12,-1256.92 667.17,-1259.88 664.21,-1259.88"/>
<text text-anchor="start" x="594.62" y="-1247.33" font-family="Helvetica,sans-Serif" font-size="9.00">titles.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/Titles.tsx->src/app/components/common/titles.module.css -->
<g id="edge11" class="edge">
<title>src/app/components/common/Titles.tsx->src/app/components/common/titles.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M517.7,-1251C534.63,-1251 557.2,-1251 577.47,-1251"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="577.26,-1253.1 583.26,-1251 577.26,-1248.9 577.26,-1253.1"/>
</g>
<!-- src/app/components/common/attribute/AttributeViewer.tsx -->
<g id="node19" class="node">
<title>src/app/components/common/attribute/AttributeViewer.tsx</title>
<g id="a_node19"><a xlink:href="src/app/components/common/attribute/AttributeViewer.tsx" xlink:title="AttributeViewer.tsx">
<path fill="#bbfeff" stroke="black" d="M530.46,-761.88C530.46,-761.88 450.54,-761.88 450.54,-761.88 447.58,-761.88 444.62,-758.92 444.62,-755.96 444.62,-755.96 444.62,-750.04 444.62,-750.04 444.62,-747.08 447.58,-744.12 450.54,-744.12 450.54,-744.12 530.46,-744.12 530.46,-744.12 533.42,-744.12 536.38,-747.08 536.38,-750.04 536.38,-750.04 536.38,-755.96 536.38,-755.96 536.38,-758.92 533.42,-761.88 530.46,-761.88"/>
<text text-anchor="start" x="452.62" y="-749.33" font-family="Helvetica,sans-Serif" font-size="9.00">AttributeViewer.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/BlockRendererClient.tsx -->
<g id="node20" class="node">
<title>src/app/components/common/display/BlockRendererClient.tsx</title>
<g id="a_node20"><a xlink:href="src/app/components/common/display/BlockRendererClient.tsx" xlink:title="BlockRendererClient.tsx">
<path fill="#bbfeff" stroke="black" d="M679.96,-787.88C679.96,-787.88 576.79,-787.88 576.79,-787.88 573.83,-787.88 570.88,-784.92 570.88,-781.96 570.88,-781.96 570.88,-776.04 570.88,-776.04 570.88,-773.08 573.83,-770.12 576.79,-770.12 576.79,-770.12 679.96,-770.12 679.96,-770.12 682.92,-770.12 685.88,-773.08 685.88,-776.04 685.88,-776.04 685.88,-781.96 685.88,-781.96 685.88,-784.92 682.92,-787.88 679.96,-787.88"/>
<text text-anchor="start" x="578.88" y="-775.33" font-family="Helvetica,sans-Serif" font-size="9.00">BlockRendererClient.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/attribute/AttributeViewer.tsx->src/app/components/common/display/BlockRendererClient.tsx -->
<g id="edge12" class="edge">
<title>src/app/components/common/attribute/AttributeViewer.tsx->src/app/components/common/display/BlockRendererClient.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M536.74,-761.66C547.34,-763.69 558.78,-765.87 569.83,-767.99"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="569.33,-770.03 575.62,-769.1 570.12,-765.91 569.33,-770.03"/>
</g>
<!-- src/app/models/Post.ts -->
<g id="node21" class="node">
<title>src/app/models/Post.ts</title>
<g id="a_node21"><a xlink:href="src/app/models/Post.ts" xlink:title="Post.ts">
<path fill="#ddfeff" stroke="black" d="M649.46,-139.88C649.46,-139.88 607.29,-139.88 607.29,-139.88 604.33,-139.88 601.38,-136.92 601.38,-133.96 601.38,-133.96 601.38,-128.04 601.38,-128.04 601.38,-125.08 604.33,-122.12 607.29,-122.12 607.29,-122.12 649.46,-122.12 649.46,-122.12 652.42,-122.12 655.38,-125.08 655.38,-128.04 655.38,-128.04 655.38,-133.96 655.38,-133.96 655.38,-136.92 652.42,-139.88 649.46,-139.88"/>
<text text-anchor="start" x="614.88" y="-127.33" font-family="Helvetica,sans-Serif" font-size="9.00">Post.ts</text>
</a>
</g>
</g>
<!-- src/app/components/common/attribute/AttributeViewer.tsx->src/app/models/Post.ts -->
<g id="edge13" class="edge">
<title>src/app/components/common/attribute/AttributeViewer.tsx->src/app/models/Post.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M528.08,-743.73C538.5,-739.23 548.69,-732.63 554.88,-723 572.21,-696.03 542.76,-170.97 562.88,-146 569.99,-137.17 581.19,-132.92 592.28,-131.02"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.36,-133.13 598.07,-130.33 591.86,-128.96 592.36,-133.13"/>
</g>
<!-- src/app/components/common/display/CodeBlockRenderer.tsx -->
<g id="node22" class="node">
<title>src/app/components/common/display/CodeBlockRenderer.tsx</title>
<g id="a_node22"><a xlink:href="src/app/components/common/display/CodeBlockRenderer.tsx" xlink:title="CodeBlockRenderer.tsx">
<path fill="#bbfeff" stroke="black" d="M813.58,-817.88C813.58,-817.88 711.92,-817.88 711.92,-817.88 708.96,-817.88 706,-814.92 706,-811.96 706,-811.96 706,-806.04 706,-806.04 706,-803.08 708.96,-800.12 711.92,-800.12 711.92,-800.12 813.58,-800.12 813.58,-800.12 816.54,-800.12 819.5,-803.08 819.5,-806.04 819.5,-806.04 819.5,-811.96 819.5,-811.96 819.5,-814.92 816.54,-817.88 813.58,-817.88"/>
<text text-anchor="start" x="714" y="-805.33" font-family="Helvetica,sans-Serif" font-size="9.00">CodeBlockRenderer.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/BlockRendererClient.tsx->src/app/components/common/display/CodeBlockRenderer.tsx -->
<g id="edge14" class="edge">
<title>src/app/components/common/display/BlockRendererClient.tsx->src/app/components/common/display/CodeBlockRenderer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M670.53,-788.33C683.61,-791.29 698.21,-794.6 711.83,-797.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="711.35,-799.73 717.66,-799.01 712.28,-795.63 711.35,-799.73"/>
</g>
<!-- src/app/components/common/display/ImageGallery.tsx -->
<g id="node23" class="node">
<title>src/app/components/common/display/ImageGallery.tsx</title>
<g id="a_node23"><a xlink:href="src/app/components/common/display/ImageGallery.tsx" xlink:title="ImageGallery.tsx">
<path fill="#bbfeff" stroke="black" d="M798.96,-787.88C798.96,-787.88 726.54,-787.88 726.54,-787.88 723.58,-787.88 720.62,-784.92 720.62,-781.96 720.62,-781.96 720.62,-776.04 720.62,-776.04 720.62,-773.08 723.58,-770.12 726.54,-770.12 726.54,-770.12 798.96,-770.12 798.96,-770.12 801.92,-770.12 804.88,-773.08 804.88,-776.04 804.88,-776.04 804.88,-781.96 804.88,-781.96 804.88,-784.92 801.92,-787.88 798.96,-787.88"/>
<text text-anchor="start" x="728.62" y="-775.33" font-family="Helvetica,sans-Serif" font-size="9.00">ImageGallery.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/BlockRendererClient.tsx->src/app/components/common/display/ImageGallery.tsx -->
<g id="edge15" class="edge">
<title>src/app/components/common/display/BlockRendererClient.tsx->src/app/components/common/display/ImageGallery.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M686.28,-779C694.72,-779 703.37,-779 711.65,-779"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="711.45,-781.1 717.45,-779 711.45,-776.9 711.45,-781.1"/>
</g>
<!-- src/app/components/gallery/Gallery.tsx -->
<g id="node25" class="node">
<title>src/app/components/gallery/Gallery.tsx</title>
<g id="a_node25"><a xlink:href="src/app/components/gallery/Gallery.tsx" xlink:title="Gallery.tsx">
<path fill="#bbfeff" stroke="black" d="M513.96,-693.88C513.96,-693.88 467.04,-693.88 467.04,-693.88 464.08,-693.88 461.12,-690.92 461.12,-687.96 461.12,-687.96 461.12,-682.04 461.12,-682.04 461.12,-679.08 464.08,-676.12 467.04,-676.12 467.04,-676.12 513.96,-676.12 513.96,-676.12 516.92,-676.12 519.88,-679.08 519.88,-682.04 519.88,-682.04 519.88,-687.96 519.88,-687.96 519.88,-690.92 516.92,-693.88 513.96,-693.88"/>
<text text-anchor="start" x="469.12" y="-681.33" font-family="Helvetica,sans-Serif" font-size="9.00">Gallery.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/Gallery.tsx -->
<g id="edge17" class="edge">
<title>src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/Gallery.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M752.93,-769.72C740.69,-757.45 717.3,-736.08 693,-725 639.42,-700.57 620.61,-711.61 562.88,-700 551.26,-697.66 538.6,-695.03 527.21,-692.63"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="521.71,-689.32 527.15,-692.62 520.85,-693.43 521.71,-689.32"/>
</g>
<!-- src/app/components/gallery/ImageContainer.tsx -->
<g id="node26" class="node">
<title>src/app/components/gallery/ImageContainer.tsx</title>
<g id="a_node26"><a xlink:href="src/app/components/gallery/ImageContainer.tsx" xlink:title="ImageContainer.tsx">
<path fill="#bbfeff" stroke="black" d="M804.58,-693.88C804.58,-693.88 720.92,-693.88 720.92,-693.88 717.96,-693.88 715,-690.92 715,-687.96 715,-687.96 715,-682.04 715,-682.04 715,-679.08 717.96,-676.12 720.92,-676.12 720.92,-676.12 804.58,-676.12 804.58,-676.12 807.54,-676.12 810.5,-679.08 810.5,-682.04 810.5,-682.04 810.5,-687.96 810.5,-687.96 810.5,-690.92 807.54,-693.88 804.58,-693.88"/>
<text text-anchor="start" x="723" y="-681.33" font-family="Helvetica,sans-Serif" font-size="9.00">ImageContainer.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/ImageContainer.tsx -->
<g id="edge18" class="edge">
<title>src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/ImageContainer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M762.75,-769.72C762.75,-746.9 762.75,-724.08 762.75,-701.26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="764.85,-695.18 762.75,-701.18 760.65,-695.18 764.85,-695.18"/>
</g>
<!-- src/app/components/gallery/ImageInfo.tsx -->
<g id="node27" class="node">
<title>src/app/components/gallery/ImageInfo.tsx</title>
<g id="a_node27"><a xlink:href="src/app/components/gallery/ImageInfo.tsx" xlink:title="ImageInfo.tsx">
<path fill="#bbfeff" stroke="black" d="M907.58,-686.88C907.58,-686.88 849.42,-686.88 849.42,-686.88 846.46,-686.88 843.5,-683.92 843.5,-680.96 843.5,-680.96 843.5,-675.04 843.5,-675.04 843.5,-672.08 846.46,-669.12 849.42,-669.12 849.42,-669.12 907.58,-669.12 907.58,-669.12 910.54,-669.12 913.5,-672.08 913.5,-675.04 913.5,-675.04 913.5,-680.96 913.5,-680.96 913.5,-683.92 910.54,-686.88 907.58,-686.88"/>
<text text-anchor="start" x="851.5" y="-674.33" font-family="Helvetica,sans-Serif" font-size="9.00">ImageInfo.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/ImageInfo.tsx -->
<g id="edge19" class="edge">
<title>src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/ImageInfo.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M776.94,-769.67C791.73,-759 816.15,-740.71 835.5,-723 845.94,-713.44 856.83,-701.72 864.9,-692.64"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="870.45,-689.5 864.91,-692.63 867.29,-686.73 870.45,-689.5"/>
</g>
<!-- src/app/components/gallery/ImageViewer.tsx -->
<g id="node28" class="node">
<title>src/app/components/gallery/ImageViewer.tsx</title>
<g id="a_node28"><a xlink:href="src/app/components/gallery/ImageViewer.tsx" xlink:title="ImageViewer.tsx">
<path fill="#bbfeff" stroke="black" d="M664.21,-693.88C664.21,-693.88 592.54,-693.88 592.54,-693.88 589.58,-693.88 586.62,-690.92 586.62,-687.96 586.62,-687.96 586.62,-682.04 586.62,-682.04 586.62,-679.08 589.58,-676.12 592.54,-676.12 592.54,-676.12 664.21,-676.12 664.21,-676.12 667.17,-676.12 670.12,-679.08 670.12,-682.04 670.12,-682.04 670.12,-687.96 670.12,-687.96 670.12,-690.92 667.17,-693.88 664.21,-693.88"/>
<text text-anchor="start" x="594.62" y="-681.33" font-family="Helvetica,sans-Serif" font-size="9.00">ImageViewer.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/ImageViewer.tsx -->
<g id="edge20" class="edge">
<title>src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/ImageViewer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M751.73,-769.99C740.12,-759.32 720.7,-740.75 706,-723 699.47,-715.12 701.26,-710.03 693,-704 688.18,-700.48 682.71,-697.61 677.05,-695.27"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="672.02,-691.14 676.9,-695.21 670.54,-695.07 672.02,-691.14"/>
</g>
<!-- src/app/components/gallery/types.ts -->
<g id="node29" class="node">
<title>src/app/components/gallery/types.ts</title>
<g id="a_node29"><a xlink:href="src/app/components/gallery/types.ts" xlink:title="types.ts">
<path fill="#ddfeff" stroke="black" d="M974.58,-671.88C974.58,-671.88 932.42,-671.88 932.42,-671.88 929.46,-671.88 926.5,-668.92 926.5,-665.96 926.5,-665.96 926.5,-660.04 926.5,-660.04 926.5,-657.08 929.46,-654.12 932.42,-654.12 932.42,-654.12 974.58,-654.12 974.58,-654.12 977.54,-654.12 980.5,-657.08 980.5,-660.04 980.5,-660.04 980.5,-665.96 980.5,-665.96 980.5,-668.92 977.54,-671.88 974.58,-671.88"/>
<text text-anchor="start" x="938.12" y="-659.33" font-family="Helvetica,sans-Serif" font-size="9.00">types.ts</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/types.ts -->
<g id="edge21" class="edge">
<title>src/app/components/common/display/ImageGallery.tsx->src/app/components/gallery/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M781.73,-769.69C810.33,-754.65 867.62,-723.62 913.5,-693 921.05,-687.96 929.05,-681.94 935.83,-676.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="941.72,-674.61 935.72,-676.7 939.11,-671.32 941.72,-674.61"/>
</g>
<!-- src/app/components/common/display/ContentDisplay.tsx -->
<g id="node24" class="node">
<title>src/app/components/common/display/ContentDisplay.tsx</title>
<g id="a_node24"><a xlink:href="src/app/components/common/display/ContentDisplay.tsx" xlink:title="ContentDisplay.tsx">
<path fill="#bbfeff" stroke="black" d="M668.71,-817.88C668.71,-817.88 588.04,-817.88 588.04,-817.88 585.08,-817.88 582.12,-814.92 582.12,-811.96 582.12,-811.96 582.12,-806.04 582.12,-806.04 582.12,-803.08 585.08,-800.12 588.04,-800.12 588.04,-800.12 668.71,-800.12 668.71,-800.12 671.67,-800.12 674.62,-803.08 674.62,-806.04 674.62,-806.04 674.62,-811.96 674.62,-811.96 674.62,-814.92 671.67,-817.88 668.71,-817.88"/>
<text text-anchor="start" x="590.12" y="-805.33" font-family="Helvetica,sans-Serif" font-size="9.00">ContentDisplay.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/display/ContentDisplay.tsx->src/app/components/common/attribute/AttributeViewer.tsx -->
<g id="edge16" class="edge">
<title>src/app/components/common/display/ContentDisplay.tsx->src/app/components/common/attribute/AttributeViewer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M581.75,-800.16C575.32,-798.4 568.87,-796.36 562.88,-794 544.98,-786.96 526.17,-775.99 512.36,-767.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="513.56,-765.44 507.38,-763.92 511.26,-768.96 513.56,-765.44"/>
</g>
<!-- src/app/components/gallery/Gallery.tsx->src/app/components/common/Buttons.tsx -->
<g id="edge41" class="edge">
<title>src/app/components/gallery/Gallery.tsx->src/app/components/common/Buttons.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M507.29,-694.36C521.52,-702.55 543.17,-714.46 562.88,-723 571.35,-726.67 580.65,-730.15 589.49,-733.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="588.55,-735.11 594.91,-735.04 589.9,-731.13 588.55,-735.11"/>
</g>
<!-- src/app/components/gallery/Gallery.tsx->src/app/components/gallery/ImageViewer.tsx -->
<g id="edge43" class="edge">
<title>src/app/components/gallery/Gallery.tsx->src/app/components/gallery/ImageViewer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M520.32,-685C536.86,-685 558.1,-685 577.29,-685"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="577.2,-687.1 583.2,-685 577.2,-682.9 577.2,-687.1"/>
</g>
<!-- src/app/components/gallery/Gallery.tsx->src/app/components/gallery/types.ts -->
<g id="edge44" class="edge">
<title>src/app/components/gallery/Gallery.tsx->src/app/components/gallery/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M520.22,-678.36C533.19,-675.51 548.76,-672.32 562.88,-670 716.83,-644.73 758.71,-633.47 913.5,-653 914.8,-653.16 916.12,-653.36 917.45,-653.58"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="916.98,-655.62 923.27,-654.73 917.79,-651.5 916.98,-655.62"/>
</g>
<!-- src/app/components/common/layout/Containers.tsx -->
<g id="node34" class="node">
<title>src/app/components/common/layout/Containers.tsx</title>
<g id="a_node34"><a xlink:href="src/app/components/common/layout/Containers.tsx" xlink:title="Containers.tsx">
<path fill="#bbfeff" stroke="black" d="M521.83,-1057.88C521.83,-1057.88 459.17,-1057.88 459.17,-1057.88 456.21,-1057.88 453.25,-1054.92 453.25,-1051.96 453.25,-1051.96 453.25,-1046.04 453.25,-1046.04 453.25,-1043.08 456.21,-1040.12 459.17,-1040.12 459.17,-1040.12 521.83,-1040.12 521.83,-1040.12 524.79,-1040.12 527.75,-1043.08 527.75,-1046.04 527.75,-1046.04 527.75,-1051.96 527.75,-1051.96 527.75,-1054.92 524.79,-1057.88 521.83,-1057.88"/>
<text text-anchor="start" x="461.25" y="-1045.33" font-family="Helvetica,sans-Serif" font-size="9.00">Containers.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/gallery/Gallery.tsx->src/app/components/common/layout/Containers.tsx -->
<g id="edge42" class="edge">
<title>src/app/components/gallery/Gallery.tsx->src/app/components/common/layout/Containers.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M467.81,-694.31C450.58,-702.92 428.7,-717.63 421.81,-739 416.86,-754.39 416.86,-1014.61 421.81,-1030 425.1,-1040.22 434.06,-1045.7 444.46,-1048.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="443.77,-1050.47 450.06,-1049.57 444.58,-1046.35 443.77,-1050.47"/>
</g>
<!-- src/app/components/gallery/ImageContainer.tsx->src/app/components/common/Buttons.tsx -->
<g id="edge45" class="edge">
<title>src/app/components/gallery/ImageContainer.tsx->src/app/components/common/Buttons.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M748.33,-694.37C734.85,-703.45 713.23,-717.11 693,-726 684.85,-729.58 675.82,-732.73 667.19,-735.39"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="666.81,-733.31 661.64,-737.02 667.99,-737.34 666.81,-733.31"/>
</g>
<!-- src/app/components/gallery/ImageContainer.tsx->src/app/components/gallery/ImageInfo.tsx -->
<g id="edge47" class="edge">
<title>src/app/components/gallery/ImageContainer.tsx->src/app/components/gallery/ImageInfo.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.67,-682.11C818.5,-681.63 826.59,-681.13 834.32,-680.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="834.31,-682.76 840.17,-680.3 834.06,-678.57 834.31,-682.76"/>
</g>
<!-- src/app/components/gallery/ImageContainer.tsx->src/app/components/common/layout/Containers.tsx -->
<g id="edge46" class="edge">
<title>src/app/components/gallery/ImageContainer.tsx->src/app/components/common/layout/Containers.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M719.22,-694.35C710.55,-696.24 701.48,-698.19 693,-700 635.23,-712.3 600.75,-681.67 562.88,-727 540.85,-753.36 576.93,-1009.67 554.88,-1036 550.11,-1041.69 543.57,-1045.31 536.5,-1047.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="536.32,-1045.43 530.98,-1048.88 537.3,-1049.52 536.32,-1045.43"/>
</g>
<!-- src/app/components/gallery/ImageInfo.tsx->src/app/components/gallery/types.ts -->
<g id="edge48" class="edge">
<title>src/app/components/gallery/ImageInfo.tsx->src/app/components/gallery/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M913.86,-670.94C915.03,-670.7 916.2,-670.46 917.36,-670.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="917.76,-672.28 923.22,-669.02 916.92,-668.17 917.76,-672.28"/>
</g>
<!-- src/app/components/gallery/ImageViewer.tsx->src/app/components/common/Buttons.tsx -->
<g id="edge49" class="edge">
<title>src/app/components/gallery/ImageViewer.tsx->src/app/components/common/Buttons.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.38,-694.38C628.38,-705.3 628.38,-716.22 628.38,-727.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="626.28,-726.88 628.38,-732.88 630.48,-726.88 626.28,-726.88"/>
</g>
<!-- src/app/components/gallery/ImageViewer.tsx->src/app/components/gallery/ImageContainer.tsx -->
<g id="edge50" class="edge">
<title>src/app/components/gallery/ImageViewer.tsx->src/app/components/gallery/ImageContainer.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M670.53,-685C681.66,-685 693.9,-685 705.69,-685"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="705.57,-687.1 711.57,-685 705.57,-682.9 705.57,-687.1"/>
</g>
<!-- src/app/components/gallery/ImageViewer.tsx->src/app/components/gallery/ImageInfo.tsx -->
<g id="edge51" class="edge">
<title>src/app/components/gallery/ImageViewer.tsx->src/app/components/gallery/ImageInfo.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M669.33,-675.66C681.07,-673.33 693.99,-671.16 706,-670 760.6,-664.71 776.71,-664.59 834.37,-670.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="834.01,-672.15 840.18,-670.63 834.41,-667.97 834.01,-672.15"/>
</g>
<!-- src/app/components/gallery/ImageViewer.tsx->src/app/components/gallery/types.ts -->
<g id="edge52" class="edge">
<title>src/app/components/gallery/ImageViewer.tsx->src/app/components/gallery/types.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M654.88,-675.74C669.6,-670.88 688.59,-665.45 706,-663 780.65,-652.5 869.27,-656.45 917.3,-659.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="916.91,-662.01 923.05,-660.37 917.22,-657.82 916.91,-662.01"/>
</g>
<!-- src/app/components/common/generators/Ascii.tsx -->
<g id="node30" class="node">
<title>src/app/components/common/generators/Ascii.tsx</title>
<g id="a_node30"><a xlink:href="src/app/components/common/generators/Ascii.tsx" xlink:title="Ascii.tsx">
<path fill="#bbfeff" stroke="black" d="M511.58,-821.88C511.58,-821.88 469.42,-821.88 469.42,-821.88 466.46,-821.88 463.5,-818.92 463.5,-815.96 463.5,-815.96 463.5,-810.04 463.5,-810.04 463.5,-807.08 466.46,-804.12 469.42,-804.12 469.42,-804.12 511.58,-804.12 511.58,-804.12 514.54,-804.12 517.5,-807.08 517.5,-810.04 517.5,-810.04 517.5,-815.96 517.5,-815.96 517.5,-818.92 514.54,-821.88 511.58,-821.88"/>
<text text-anchor="start" x="474" y="-809.33" font-family="Helvetica,sans-Serif" font-size="9.00">Ascii.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/items/Notes.tsx -->
<g id="node31" class="node">
<title>src/app/components/common/items/Notes.tsx</title>
<g id="a_node31"><a xlink:href="src/app/components/common/items/Notes.tsx" xlink:title="Notes.tsx">
<path fill="#bbfeff" stroke="black" d="M649.46,-1117.88C649.46,-1117.88 607.29,-1117.88 607.29,-1117.88 604.33,-1117.88 601.38,-1114.92 601.38,-1111.96 601.38,-1111.96 601.38,-1106.04 601.38,-1106.04 601.38,-1103.08 604.33,-1100.12 607.29,-1100.12 607.29,-1100.12 649.46,-1100.12 649.46,-1100.12 652.42,-1100.12 655.38,-1103.08 655.38,-1106.04 655.38,-1106.04 655.38,-1111.96 655.38,-1111.96 655.38,-1114.92 652.42,-1117.88 649.46,-1117.88"/>
<text text-anchor="start" x="609.62" y="-1105.33" font-family="Helvetica,sans-Serif" font-size="9.00">Notes.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/items/notes.module.css -->
<g id="node32" class="node">
<title>src/app/components/common/items/notes.module.css</title>
<g id="a_node32"><a xlink:href="src/app/components/common/items/notes.module.css" xlink:title="notes.module.css">
<path fill="#ffffcc" stroke="black" d="M800.46,-1117.88C800.46,-1117.88 725.04,-1117.88 725.04,-1117.88 722.08,-1117.88 719.12,-1114.92 719.12,-1111.96 719.12,-1111.96 719.12,-1106.04 719.12,-1106.04 719.12,-1103.08 722.08,-1100.12 725.04,-1100.12 725.04,-1100.12 800.46,-1100.12 800.46,-1100.12 803.42,-1100.12 806.38,-1103.08 806.38,-1106.04 806.38,-1106.04 806.38,-1111.96 806.38,-1111.96 806.38,-1114.92 803.42,-1117.88 800.46,-1117.88"/>
<text text-anchor="start" x="727.12" y="-1105.33" font-family="Helvetica,sans-Serif" font-size="9.00">notes.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/items/Notes.tsx->src/app/components/common/items/notes.module.css -->
<g id="edge22" class="edge">
<title>src/app/components/common/items/Notes.tsx->src/app/components/common/items/notes.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M655.84,-1109C671.28,-1109 691.28,-1109 709.74,-1109"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="709.62,-1111.1 715.62,-1109 709.62,-1106.9 709.62,-1111.1"/>
</g>
<!-- src/app/components/common/items/PostsList.tsx -->
<g id="node33" class="node">
<title>src/app/components/common/items/PostsList.tsx</title>
<g id="a_node33"><a xlink:href="src/app/components/common/items/PostsList.tsx" xlink:title="PostsList.tsx">
<path fill="#bbfeff" stroke="black" d="M517.71,-1117.88C517.71,-1117.88 463.29,-1117.88 463.29,-1117.88 460.33,-1117.88 457.38,-1114.92 457.38,-1111.96 457.38,-1111.96 457.38,-1106.04 457.38,-1106.04 457.38,-1103.08 460.33,-1100.12 463.29,-1100.12 463.29,-1100.12 517.71,-1100.12 517.71,-1100.12 520.67,-1100.12 523.62,-1103.08 523.62,-1106.04 523.62,-1106.04 523.62,-1111.96 523.62,-1111.96 523.62,-1114.92 520.67,-1117.88 517.71,-1117.88"/>
<text text-anchor="start" x="465.38" y="-1105.33" font-family="Helvetica,sans-Serif" font-size="9.00">PostsList.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/items/PostsList.tsx->src/app/models/Post.ts -->
<g id="edge24" class="edge">
<title>src/app/components/common/items/PostsList.tsx->src/app/models/Post.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M523.86,-1105.52C535.57,-1102.52 547.68,-1097.03 554.88,-1087 570.12,-1065.76 546.53,-166.4 562.88,-146 569.96,-137.15 581.17,-132.89 592.26,-131"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.34,-133.11 598.04,-130.31 591.84,-128.94 592.34,-133.11"/>
</g>
<!-- src/app/components/common/items/PostsList.tsx->src/app/components/common/items/Notes.tsx -->
<g id="edge23" class="edge">
<title>src/app/components/common/items/PostsList.tsx->src/app/components/common/items/Notes.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M524.05,-1109C544.56,-1109 571.05,-1109 592.08,-1109"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="591.99,-1111.1 597.99,-1109 591.99,-1106.9 591.99,-1111.1"/>
</g>
<!-- src/app/components/common/layout/layout.module.css -->
<g id="node35" class="node">
<title>src/app/components/common/layout/layout.module.css</title>
<g id="a_node35"><a xlink:href="src/app/components/common/layout/layout.module.css" xlink:title="layout.module.css">
<path fill="#ffffcc" stroke="black" d="M667.21,-1057.88C667.21,-1057.88 589.54,-1057.88 589.54,-1057.88 586.58,-1057.88 583.62,-1054.92 583.62,-1051.96 583.62,-1051.96 583.62,-1046.04 583.62,-1046.04 583.62,-1043.08 586.58,-1040.12 589.54,-1040.12 589.54,-1040.12 667.21,-1040.12 667.21,-1040.12 670.17,-1040.12 673.12,-1043.08 673.12,-1046.04 673.12,-1046.04 673.12,-1051.96 673.12,-1051.96 673.12,-1054.92 670.17,-1057.88 667.21,-1057.88"/>
<text text-anchor="start" x="591.62" y="-1045.33" font-family="Helvetica,sans-Serif" font-size="9.00">layout.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/layout/Containers.tsx->src/app/components/common/layout/layout.module.css -->
<g id="edge25" class="edge">
<title>src/app/components/common/layout/Containers.tsx->src/app/components/common/layout/layout.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M527.91,-1049C542.37,-1049 559.28,-1049 575.01,-1049"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="574.58,-1051.1 580.58,-1049 574.58,-1046.9 574.58,-1051.1"/>
</g>
<!-- src/app/components/common/terminal/Terminal.tsx -->
<g id="node36" class="node">
<title>src/app/components/common/terminal/Terminal.tsx</title>
<g id="a_node36"><a xlink:href="src/app/components/common/terminal/Terminal.tsx" xlink:title="Terminal.tsx">
<path fill="#bbfeff" stroke="black" d="M516.96,-1177.88C516.96,-1177.88 464.04,-1177.88 464.04,-1177.88 461.08,-1177.88 458.12,-1174.92 458.12,-1171.96 458.12,-1171.96 458.12,-1166.04 458.12,-1166.04 458.12,-1163.08 461.08,-1160.12 464.04,-1160.12 464.04,-1160.12 516.96,-1160.12 516.96,-1160.12 519.92,-1160.12 522.88,-1163.08 522.88,-1166.04 522.88,-1166.04 522.88,-1171.96 522.88,-1171.96 522.88,-1174.92 519.92,-1177.88 516.96,-1177.88"/>
<text text-anchor="start" x="466.12" y="-1165.33" font-family="Helvetica,sans-Serif" font-size="9.00">Terminal.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/timeline/Timeline.tsx -->
<g id="node37" class="node">
<title>src/app/components/common/timeline/Timeline.tsx</title>
<g id="a_node37"><a xlink:href="src/app/components/common/timeline/Timeline.tsx" xlink:title="Timeline.tsx">
<path fill="#bbfeff" stroke="black" d="M516.58,-937.88C516.58,-937.88 464.42,-937.88 464.42,-937.88 461.46,-937.88 458.5,-934.92 458.5,-931.96 458.5,-931.96 458.5,-926.04 458.5,-926.04 458.5,-923.08 461.46,-920.12 464.42,-920.12 464.42,-920.12 516.58,-920.12 516.58,-920.12 519.54,-920.12 522.5,-923.08 522.5,-926.04 522.5,-926.04 522.5,-931.96 522.5,-931.96 522.5,-934.92 519.54,-937.88 516.58,-937.88"/>
<text text-anchor="start" x="466.5" y="-925.33" font-family="Helvetica,sans-Serif" font-size="9.00">Timeline.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/common/timeline/timeline.module.css -->
<g id="node38" class="node">
<title>src/app/components/common/timeline/timeline.module.css</title>
<g id="a_node38"><a xlink:href="src/app/components/common/timeline/timeline.module.css" xlink:title="timeline.module.css">
<path fill="#ffffcc" stroke="black" d="M670.96,-937.88C670.96,-937.88 585.79,-937.88 585.79,-937.88 582.83,-937.88 579.88,-934.92 579.88,-931.96 579.88,-931.96 579.88,-926.04 579.88,-926.04 579.88,-923.08 582.83,-920.12 585.79,-920.12 585.79,-920.12 670.96,-920.12 670.96,-920.12 673.92,-920.12 676.88,-923.08 676.88,-926.04 676.88,-926.04 676.88,-931.96 676.88,-931.96 676.88,-934.92 673.92,-937.88 670.96,-937.88"/>
<text text-anchor="start" x="587.88" y="-925.33" font-family="Helvetica,sans-Serif" font-size="9.00">timeline.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/common/timeline/Timeline.tsx->src/app/components/common/timeline/timeline.module.css -->
<g id="edge26" class="edge">
<title>src/app/components/common/timeline/Timeline.tsx->src/app/components/common/timeline/timeline.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M522.67,-929C536.89,-929 554.17,-929 570.57,-929"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="570.53,-931.1 576.53,-929 570.53,-926.9 570.53,-931.1"/>
</g>
<!-- src/app/components/cv/CV.tsx -->
<g id="node39" class="node">
<title>src/app/components/cv/CV.tsx</title>
<g id="a_node39"><a xlink:href="src/app/components/cv/CV.tsx" xlink:title="CV.tsx">
<path fill="#bbfeff" stroke="black" d="M204.71,-307.88C204.71,-307.88 162.54,-307.88 162.54,-307.88 159.58,-307.88 156.62,-304.92 156.62,-301.96 156.62,-301.96 156.62,-296.04 156.62,-296.04 156.62,-293.08 159.58,-290.12 162.54,-290.12 162.54,-290.12 204.71,-290.12 204.71,-290.12 207.67,-290.12 210.62,-293.08 210.62,-296.04 210.62,-296.04 210.62,-301.96 210.62,-301.96 210.62,-304.92 207.67,-307.88 204.71,-307.88"/>
<text text-anchor="start" x="170.88" y="-295.32" font-family="Helvetica,sans-Serif" font-size="9.00">CV.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/cv/cv.module.css -->
<g id="node40" class="node">
<title>src/app/components/cv/cv.module.css</title>
<g id="a_node40"><a xlink:href="src/app/components/cv/cv.module.css" xlink:title="cv.module.css">
<path fill="#ffffcc" stroke="black" d="M521.46,-285.88C521.46,-285.88 459.54,-285.88 459.54,-285.88 456.58,-285.88 453.62,-282.92 453.62,-279.96 453.62,-279.96 453.62,-274.04 453.62,-274.04 453.62,-271.08 456.58,-268.12 459.54,-268.12 459.54,-268.12 521.46,-268.12 521.46,-268.12 524.42,-268.12 527.38,-271.08 527.38,-274.04 527.38,-274.04 527.38,-279.96 527.38,-279.96 527.38,-282.92 524.42,-285.88 521.46,-285.88"/>
<text text-anchor="start" x="461.62" y="-273.32" font-family="Helvetica,sans-Serif" font-size="9.00">cv.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CV.tsx->src/app/components/cv/cv.module.css -->
<g id="edge27" class="edge">
<title>src/app/components/cv/CV.tsx->src/app/components/cv/cv.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M210.83,-293.6C228.38,-290.22 252.04,-286.12 273.12,-284 332.13,-278.07 400.59,-276.79 444.44,-276.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="444.39,-278.78 450.39,-276.68 444.38,-274.58 444.39,-278.78"/>
</g>
<!-- src/app/components/cv/CVHeader.tsx -->
<g id="node41" class="node">
<title>src/app/components/cv/CVHeader.tsx</title>
<g id="a_node41"><a xlink:href="src/app/components/cv/CVHeader.tsx" xlink:title="CVHeader.tsx">
<path fill="#bbfeff" stroke="black" d="M367.71,-351.88C367.71,-351.88 306.54,-351.88 306.54,-351.88 303.58,-351.88 300.62,-348.92 300.62,-345.96 300.62,-345.96 300.62,-340.04 300.62,-340.04 300.62,-337.08 303.58,-334.12 306.54,-334.12 306.54,-334.12 367.71,-334.12 367.71,-334.12 370.67,-334.12 373.62,-337.08 373.62,-340.04 373.62,-340.04 373.62,-345.96 373.62,-345.96 373.62,-348.92 370.67,-351.88 367.71,-351.88"/>
<text text-anchor="start" x="308.62" y="-339.32" font-family="Helvetica,sans-Serif" font-size="9.00">CVHeader.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CV.tsx->src/app/components/cv/CVHeader.tsx -->
<g id="edge28" class="edge">
<title>src/app/components/cv/CV.tsx->src/app/components/cv/CVHeader.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M210.94,-306.79C228.54,-311.98 252.21,-318.94 273.12,-325 280.19,-327.05 287.71,-329.21 295,-331.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="294.16,-333.24 300.5,-332.87 295.31,-329.2 294.16,-333.24"/>
</g>
<!-- src/app/components/cv/Marker.tsx -->
<g id="node42" class="node">
<title>src/app/components/cv/Marker.tsx</title>
<g id="a_node42"><a xlink:href="src/app/components/cv/Marker.tsx" xlink:title="Marker.tsx">
<path fill="#bbfeff" stroke="black" d="M513.58,-318.88C513.58,-318.88 467.42,-318.88 467.42,-318.88 464.46,-318.88 461.5,-315.92 461.5,-312.96 461.5,-312.96 461.5,-307.04 461.5,-307.04 461.5,-304.08 464.46,-301.12 467.42,-301.12 467.42,-301.12 513.58,-301.12 513.58,-301.12 516.54,-301.12 519.5,-304.08 519.5,-307.04 519.5,-307.04 519.5,-312.96 519.5,-312.96 519.5,-315.92 516.54,-318.88 513.58,-318.88"/>
<text text-anchor="start" x="469.5" y="-306.32" font-family="Helvetica,sans-Serif" font-size="9.00">Marker.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CV.tsx->src/app/components/cv/Marker.tsx -->
<g id="edge29" class="edge">
<title>src/app/components/cv/CV.tsx->src/app/components/cv/Marker.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M210.81,-304.63C228.35,-308.1 252.01,-312.22 273.12,-314 337.07,-319.38 353.36,-315.78 417.5,-314 428.86,-313.68 441.21,-313.09 452.42,-312.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="452.24,-314.57 458.11,-312.12 452,-310.38 452.24,-314.57"/>
</g>
<!-- src/app/components/cv/CVLeftSection.tsx -->
<g id="node43" class="node">
<title>src/app/components/cv/CVLeftSection.tsx</title>
<g id="a_node43"><a xlink:href="src/app/components/cv/CVLeftSection.tsx" xlink:title="CVLeftSection.tsx">
<path fill="#bbfeff" stroke="black" d="M375.21,-263.88C375.21,-263.88 299.04,-263.88 299.04,-263.88 296.08,-263.88 293.12,-260.92 293.12,-257.96 293.12,-257.96 293.12,-252.04 293.12,-252.04 293.12,-249.08 296.08,-246.12 299.04,-246.12 299.04,-246.12 375.21,-246.12 375.21,-246.12 378.17,-246.12 381.12,-249.08 381.12,-252.04 381.12,-252.04 381.12,-257.96 381.12,-257.96 381.12,-260.92 378.17,-263.88 375.21,-263.88"/>
<text text-anchor="start" x="301.12" y="-251.32" font-family="Helvetica,sans-Serif" font-size="9.00">CVLeftSection.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CV.tsx->src/app/components/cv/CVLeftSection.tsx -->
<g id="edge30" class="edge">
<title>src/app/components/cv/CV.tsx->src/app/components/cv/CVLeftSection.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M210.94,-291.21C228.54,-286.02 252.21,-279.06 273.12,-273 280.19,-270.95 287.71,-268.79 295,-266.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="295.31,-268.8 300.5,-265.13 294.16,-264.76 295.31,-268.8"/>
</g>
<!-- src/app/components/cv/CVRightSection.tsx -->
<g id="node44" class="node">
<title>src/app/components/cv/CVRightSection.tsx</title>
<g id="a_node44"><a xlink:href="src/app/components/cv/CVRightSection.tsx" xlink:title="CVRightSection.tsx">
<path fill="#bbfeff" stroke="black" d="M378.58,-307.88C378.58,-307.88 295.67,-307.88 295.67,-307.88 292.71,-307.88 289.75,-304.92 289.75,-301.96 289.75,-301.96 289.75,-296.04 289.75,-296.04 289.75,-293.08 292.71,-290.12 295.67,-290.12 295.67,-290.12 378.58,-290.12 378.58,-290.12 381.54,-290.12 384.5,-293.08 384.5,-296.04 384.5,-296.04 384.5,-301.96 384.5,-301.96 384.5,-304.92 381.54,-307.88 378.58,-307.88"/>
<text text-anchor="start" x="297.75" y="-295.32" font-family="Helvetica,sans-Serif" font-size="9.00">CVRightSection.tsx</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CV.tsx->src/app/components/cv/CVRightSection.tsx -->
<g id="edge31" class="edge">
<title>src/app/components/cv/CV.tsx->src/app/components/cv/CVRightSection.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M211.01,-299C230.18,-299 256.82,-299 280.59,-299"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="280.52,-301.1 286.52,-299 280.52,-296.9 280.52,-301.1"/>
</g>
<!-- src/app/models/CV.ts -->
<g id="node45" class="node">
<title>src/app/models/CV.ts</title>
<g id="a_node45"><a xlink:href="src/app/models/CV.ts" xlink:title="CV.ts">
<path fill="#ddfeff" stroke="black" d="M649.46,-109.88C649.46,-109.88 607.29,-109.88 607.29,-109.88 604.33,-109.88 601.38,-106.92 601.38,-103.96 601.38,-103.96 601.38,-98.04 601.38,-98.04 601.38,-95.08 604.33,-92.12 607.29,-92.12 607.29,-92.12 649.46,-92.12 649.46,-92.12 652.42,-92.12 655.38,-95.08 655.38,-98.04 655.38,-98.04 655.38,-103.96 655.38,-103.96 655.38,-106.92 652.42,-109.88 649.46,-109.88"/>
<text text-anchor="start" x="617.88" y="-97.33" font-family="Helvetica,sans-Serif" font-size="9.00">CV.ts</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CV.tsx->src/app/models/CV.ts -->
<g id="edge32" class="edge">
<title>src/app/components/cv/CV.tsx->src/app/models/CV.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M194.8,-289.92C226.47,-262.2 327.11,-178.11 426.12,-138 481.53,-115.55 551.05,-106.63 592.19,-103.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.19,-105.26 598,-102.69 591.86,-101.07 592.19,-105.26"/>
</g>
<!-- src/app/components/cv/cv-header.module.css -->
<g id="node46" class="node">
<title>src/app/components/cv/cv-header.module.css</title>
<g id="a_node46"><a xlink:href="src/app/components/cv/cv-header.module.css" xlink:title="cv-header.module.css">
<path fill="#ffffcc" stroke="black" d="M537.58,-351.88C537.58,-351.88 443.42,-351.88 443.42,-351.88 440.46,-351.88 437.5,-348.92 437.5,-345.96 437.5,-345.96 437.5,-340.04 437.5,-340.04 437.5,-337.08 440.46,-334.12 443.42,-334.12 443.42,-334.12 537.58,-334.12 537.58,-334.12 540.54,-334.12 543.5,-337.08 543.5,-340.04 543.5,-340.04 543.5,-345.96 543.5,-345.96 543.5,-348.92 540.54,-351.88 537.58,-351.88"/>
<text text-anchor="start" x="445.5" y="-339.32" font-family="Helvetica,sans-Serif" font-size="9.00">cv-header.module.css</text>
</a>
</g>
</g>
<!-- src/app/components/cv/CVHeader.tsx->src/app/components/cv/cv-header.module.css -->
<g id="edge33" class="edge">
<title>src/app/components/cv/CVHeader.tsx->src/app/components/cv/cv-header.module.css</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M374,-343C390.23,-343 409.87,-343 428.32,-343"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="428.23,-345.1 434.23,-343 428.23,-340.9 428.23,-345.1"/>