@dxos/react-ui-trace 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/LICENSE +105 -0
  2. package/README.md +3 -0
  3. package/dist/lib/index.mjs +2868 -0
  4. package/dist/lib/index.mjs.map +1 -0
  5. package/dist/lib/testing.mjs +338 -0
  6. package/dist/lib/testing.mjs.map +1 -0
  7. package/dist/lib/translations.mjs +19 -0
  8. package/dist/lib/translations.mjs.map +1 -0
  9. package/dist/types/src/components/Gantt/Gantt.d.ts +68 -0
  10. package/dist/types/src/components/Gantt/Gantt.d.ts.map +1 -0
  11. package/dist/types/src/components/Gantt/Gantt.stories.d.ts +30 -0
  12. package/dist/types/src/components/Gantt/Gantt.stories.d.ts.map +1 -0
  13. package/dist/types/src/components/Gantt/index.d.ts +2 -0
  14. package/dist/types/src/components/Gantt/index.d.ts.map +1 -0
  15. package/dist/types/src/components/ProcessTree/ProcessTree.d.ts +32 -0
  16. package/dist/types/src/components/ProcessTree/ProcessTree.d.ts.map +1 -0
  17. package/dist/types/src/components/ProcessTree/ProcessTree.stories.d.ts +8 -0
  18. package/dist/types/src/components/ProcessTree/ProcessTree.stories.d.ts.map +1 -0
  19. package/dist/types/src/components/ProcessTree/index.d.ts +2 -0
  20. package/dist/types/src/components/ProcessTree/index.d.ts.map +1 -0
  21. package/dist/types/src/components/Timeline/Timeline.d.ts +50 -0
  22. package/dist/types/src/components/Timeline/Timeline.d.ts.map +1 -0
  23. package/dist/types/src/components/Timeline/Timeline.stories.d.ts +24 -0
  24. package/dist/types/src/components/Timeline/Timeline.stories.d.ts.map +1 -0
  25. package/dist/types/src/components/Timeline/index.d.ts +4 -0
  26. package/dist/types/src/components/Timeline/index.d.ts.map +1 -0
  27. package/dist/types/src/components/Timeline/timeline-options.d.ts +9 -0
  28. package/dist/types/src/components/Timeline/timeline-options.d.ts.map +1 -0
  29. package/dist/types/src/components/Timeline/timeline-printer.d.ts +7 -0
  30. package/dist/types/src/components/Timeline/timeline-printer.d.ts.map +1 -0
  31. package/dist/types/src/components/Timeline/timeline-printer.test.d.ts +2 -0
  32. package/dist/types/src/components/Timeline/timeline-printer.test.d.ts.map +1 -0
  33. package/dist/types/src/components/TracePanel/TracePanel.d.ts +28 -0
  34. package/dist/types/src/components/TracePanel/TracePanel.d.ts.map +1 -0
  35. package/dist/types/src/components/TracePanel/dxn-extractor.d.ts +19 -0
  36. package/dist/types/src/components/TracePanel/dxn-extractor.d.ts.map +1 -0
  37. package/dist/types/src/components/TracePanel/dxn-extractor.test.d.ts +2 -0
  38. package/dist/types/src/components/TracePanel/dxn-extractor.test.d.ts.map +1 -0
  39. package/dist/types/src/components/TracePanel/index.d.ts +4 -0
  40. package/dist/types/src/components/TracePanel/index.d.ts.map +1 -0
  41. package/dist/types/src/components/TracePanel/trace-filter.d.ts +39 -0
  42. package/dist/types/src/components/TracePanel/trace-filter.d.ts.map +1 -0
  43. package/dist/types/src/components/TracePanel/trace-filter.test.d.ts +2 -0
  44. package/dist/types/src/components/TracePanel/trace-filter.test.d.ts.map +1 -0
  45. package/dist/types/src/components/TracePanel/useTraceMenu.d.ts +15 -0
  46. package/dist/types/src/components/TracePanel/useTraceMenu.d.ts.map +1 -0
  47. package/dist/types/src/components/index.d.ts +5 -0
  48. package/dist/types/src/components/index.d.ts.map +1 -0
  49. package/dist/types/src/execution-graph/execution-graph.d.ts +139 -0
  50. package/dist/types/src/execution-graph/execution-graph.d.ts.map +1 -0
  51. package/dist/types/src/execution-graph/execution-graph.test.d.ts +2 -0
  52. package/dist/types/src/execution-graph/execution-graph.test.d.ts.map +1 -0
  53. package/dist/types/src/execution-graph/index.d.ts +4 -0
  54. package/dist/types/src/execution-graph/index.d.ts.map +1 -0
  55. package/dist/types/src/execution-graph/pending-block-status.d.ts +26 -0
  56. package/dist/types/src/execution-graph/pending-block-status.d.ts.map +1 -0
  57. package/dist/types/src/execution-graph/pending-block-status.test.d.ts +2 -0
  58. package/dist/types/src/execution-graph/pending-block-status.test.d.ts.map +1 -0
  59. package/dist/types/src/execution-graph/remote-snapshot.test.d.ts +2 -0
  60. package/dist/types/src/execution-graph/remote-snapshot.test.d.ts.map +1 -0
  61. package/dist/types/src/execution-graph/span-tree.d.ts +106 -0
  62. package/dist/types/src/execution-graph/span-tree.d.ts.map +1 -0
  63. package/dist/types/src/execution-graph/span-tree.test.d.ts +2 -0
  64. package/dist/types/src/execution-graph/span-tree.test.d.ts.map +1 -0
  65. package/dist/types/src/execution-graph/sub-agent-delegation.test.d.ts +2 -0
  66. package/dist/types/src/execution-graph/sub-agent-delegation.test.d.ts.map +1 -0
  67. package/dist/types/src/execution-graph/testing/collect-trace-events.d.ts +40 -0
  68. package/dist/types/src/execution-graph/testing/collect-trace-events.d.ts.map +1 -0
  69. package/dist/types/src/execution-graph/testing/index.d.ts +2 -0
  70. package/dist/types/src/execution-graph/testing/index.d.ts.map +1 -0
  71. package/dist/types/src/hooks/index.d.ts +4 -0
  72. package/dist/types/src/hooks/index.d.ts.map +1 -0
  73. package/dist/types/src/hooks/useExecutionGraph.d.ts +17 -0
  74. package/dist/types/src/hooks/useExecutionGraph.d.ts.map +1 -0
  75. package/dist/types/src/hooks/useSessionTimeline.d.ts +17 -0
  76. package/dist/types/src/hooks/useSessionTimeline.d.ts.map +1 -0
  77. package/dist/types/src/hooks/useTraceMessages.d.ts +17 -0
  78. package/dist/types/src/hooks/useTraceMessages.d.ts.map +1 -0
  79. package/dist/types/src/index.d.ts +5 -0
  80. package/dist/types/src/index.d.ts.map +1 -0
  81. package/dist/types/src/session-timeline/index.d.ts +3 -0
  82. package/dist/types/src/session-timeline/index.d.ts.map +1 -0
  83. package/dist/types/src/session-timeline/session-timeline.d.ts +19 -0
  84. package/dist/types/src/session-timeline/session-timeline.d.ts.map +1 -0
  85. package/dist/types/src/session-timeline/session-timeline.test.d.ts +2 -0
  86. package/dist/types/src/session-timeline/session-timeline.test.d.ts.map +1 -0
  87. package/dist/types/src/session-timeline/types.d.ts +129 -0
  88. package/dist/types/src/session-timeline/types.d.ts.map +1 -0
  89. package/dist/types/src/testing/index.d.ts +5 -0
  90. package/dist/types/src/testing/index.d.ts.map +1 -0
  91. package/dist/types/src/testing/simulated-agent.d.ts +63 -0
  92. package/dist/types/src/testing/simulated-agent.d.ts.map +1 -0
  93. package/dist/types/src/testing/snapshot-playback.d.ts +12 -0
  94. package/dist/types/src/testing/snapshot-playback.d.ts.map +1 -0
  95. package/dist/types/src/testing/test-trace.d.ts +5 -0
  96. package/dist/types/src/testing/test-trace.d.ts.map +1 -0
  97. package/dist/types/src/translations.d.ts +19 -0
  98. package/dist/types/src/translations.d.ts.map +1 -0
  99. package/dist/types/tsconfig.tsbuildinfo +1 -0
  100. package/package.json +77 -0
  101. package/src/components/Gantt/Gantt.stories.tsx +241 -0
  102. package/src/components/Gantt/Gantt.tsx +589 -0
  103. package/src/components/Gantt/index.ts +5 -0
  104. package/src/components/ProcessTree/ProcessTree.stories.tsx +95 -0
  105. package/src/components/ProcessTree/ProcessTree.tsx +265 -0
  106. package/src/components/ProcessTree/index.ts +5 -0
  107. package/src/components/Timeline/Timeline.stories.tsx +326 -0
  108. package/src/components/Timeline/Timeline.tsx +534 -0
  109. package/src/components/Timeline/git.drawio.svg +821 -0
  110. package/src/components/Timeline/index.ts +7 -0
  111. package/src/components/Timeline/timeline-options.ts +27 -0
  112. package/src/components/Timeline/timeline-printer.test.ts +76 -0
  113. package/src/components/Timeline/timeline-printer.ts +223 -0
  114. package/src/components/TracePanel/TracePanel.tsx +248 -0
  115. package/src/components/TracePanel/dxn-extractor.test.ts +153 -0
  116. package/src/components/TracePanel/dxn-extractor.ts +166 -0
  117. package/src/components/TracePanel/index.ts +7 -0
  118. package/src/components/TracePanel/trace-filter.test.ts +137 -0
  119. package/src/components/TracePanel/trace-filter.ts +120 -0
  120. package/src/components/TracePanel/useTraceMenu.ts +95 -0
  121. package/src/components/index.ts +8 -0
  122. package/src/execution-graph/SPEC.md +749 -0
  123. package/src/execution-graph/execution-graph.test.ts +1205 -0
  124. package/src/execution-graph/execution-graph.ts +1076 -0
  125. package/src/execution-graph/index.ts +35 -0
  126. package/src/execution-graph/pending-block-status.test.ts +118 -0
  127. package/src/execution-graph/pending-block-status.ts +88 -0
  128. package/src/execution-graph/remote-snapshot.test.ts +116 -0
  129. package/src/execution-graph/span-tree.test.ts +370 -0
  130. package/src/execution-graph/span-tree.ts +404 -0
  131. package/src/execution-graph/sub-agent-delegation.test.ts +65 -0
  132. package/src/execution-graph/testing/collect-trace-events.ts +76 -0
  133. package/src/execution-graph/testing/index.ts +5 -0
  134. package/src/execution-graph/testing/sub-agent-delegation.json +1285 -0
  135. package/src/hooks/index.ts +7 -0
  136. package/src/hooks/useExecutionGraph.ts +107 -0
  137. package/src/hooks/useSessionTimeline.ts +53 -0
  138. package/src/hooks/useTraceMessages.ts +58 -0
  139. package/src/index.ts +8 -0
  140. package/src/session-timeline/index.ts +6 -0
  141. package/src/session-timeline/session-timeline.test.ts +662 -0
  142. package/src/session-timeline/session-timeline.ts +605 -0
  143. package/src/session-timeline/types.ts +100 -0
  144. package/src/testing/index.ts +8 -0
  145. package/src/testing/simulated-agent.ts +293 -0
  146. package/src/testing/snapshot-playback.ts +45 -0
  147. package/src/testing/test-trace.ts +22 -0
  148. package/src/translations.ts +29 -0
package/src/components/Timeline/git.drawio.svg ADDED
@@ -0,0 +1,821 @@
1
+ <svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1200px" height="661px" viewBox="-0.5 -0.5 1200 661" content="&lt;mxfile&gt;&lt;diagram id=&quot;FRk8OUnBewBrYCVt91sP&quot; name=&quot;Page-1&quot;&gt;7V1Nc6M2GP41Pm4HIT6PGOztoZ1pJ51pe2QNsZli8ADZ2P31FbGEAb1OwBGCheayIIRBz/v9SGJX2D2ev2b+6fBrGoTxSlWC8wp7K1VFuqGQf8qWy7XFVI1rwz6LAtrp1vAU/RvSRnrf/iUKwrzRsUjTuIhOzcZdmiThrmi0+VmWvja7Padx86knf0+fqNwannZ+HHLd/oyC4nBttfRa75/DaH9gT0YKvXL0WWfakB/8IH2tNeHNCrtZmhbXo+PZDeMSPIbL9b7tnavVi2VhUnS5QcPXO7778QsdHH2x4sJGm6UvSRCWNygrvH49REX4dPJ35dVXIl/SdiiOMTlD5PA5imM3jdOMnCdpQjqt8yJL/6mAKn/jOU0K1mml4u3bX9WzdgXb2C1ffM2Piw71e5gV4bnWRMf5NUyPYZFdSBd2VWFSoFpnsfPXmgxp06EmPtbmU63ZVz99A5YcUGzv4KwtGGdLIs76cnG2DYk4G8vF2VTl4ayrC8LZGk+f9SXFQWs8/6wvKQ62cZaYb+hLioPWeP5Z5ePgU5jnUZpwcJPhFE1M/TjaJ+R4RwYfEmTW5aAjUmY49MIxCoLydlA4TfGV0NNCCSmCgDWauBpaN1xVEbiaHK5/kArvC/rxYVW1EWG1YFh55/DDwYrVEWG1OVjdNCHvnvvFLFyBNR622OLgC4N9+ERPaSy6E6lIqHEVF7s6FITstb1x1PcAytOXbEcfimmGWPjZPqTdMI2y5Qu9C2MWxkQTvjfpIwgVeutvaURe5eaJkXonZWO/cX1TetsNXCfL/Eut26nskPd5kKa0hHX9yZvoqlF2kyafZ7u8fOM4OuX3lP2+qDdoo20MPg9R3v4gFWgpB8tl3lWKHgEUtSt0IAPUALvRBNiNNhW70Xm70UzRdtPZm/B58Xq++qe0rRnIjIfSP2xORP8MwG/jQfz2p71tRTWJcrcany+/L4TwHBV/lXnETzo9+5tmFeWxd66fXFi+IVFwsgKu0krS7bZJXN+KC7iPhES+hPSW45JsgHwaLCTyRaWzHKRNIGkfCmm9w/TAnlQtJ5hG4rmm/szSjtzhR0lZTHn9qqBq3tj/xt5V+QDqDjMEFZtSxxqLqJB0vvrktToJnHLim5ylpzBpanLg54e36vEtAiTBNiqf9T5qdU/NRvahV67BoQNosLZPOu+W6zZRC+M7tdLtd1g05hhCcU6fQVaT2e8vITn84amCLyPSW1avWUn0EOvdMJam70KDkC0mECFBZ1Ip1acg5GOkwmH4aIxcGxvH0/vESNP1TGc7FNLt+hzy20OFSKtvfS4gNUcbtFVBnFsS6IRzPQRYNAbVk3VrtCrf4iMiUAjNVImhacahlNjWJSjxgyppA/UjU4yRC3+1LbLmKr1Pl/02HwexMP23PNfbOn30Xzdsx/UG0//2NDuwbGQw/e9Lck3aiVeepG4yTJfke3H70QiJ6tBWQAt1LiBUpOSehntpWYRwWrEafc3BGItxMDIpK6TIYHAfNgJVhr8QYgNsxlScCaicCWjCTMBZ2+rG62MCFjIM1xzKBNTWUiCZE5lIAXKX6ZiANlkTwMbQJsAv5gTqgUf5dMsxXWBR4X0T8DxTt9dDmQC+NyMkxQR4VoYDevrElvYos6WJYLaQwi9+my+1pY9IbSHFluCx5ZVFCMz1LdFOvjO8iM++50tvtRVZJr2F0JSzbwRk35VujJx7GAMzXNXgF0Fx6SNSXAjJSL8lOnNgPWKlTWM4c6BqnAzLBYMlfF7nMRczOMuF+MWi82W52j5GKsuFAFynE2dNKR5DiBEIr/ERX3nOl+YyxqS5kIwFAQ/bADC/PxUbMIfmudjgF8FzmWPyXFAdOxkbUCEaAAlfkd4dLJ4GAKajZ5qe3FboS9FLGTUQASe7VJl9eVJL7cvT221vZ5/WZ4g/UKfBH1haW9yGYKfO9ux+UqToA1fjZwVbeL2L/TyPdqyZrrKma65ZJ/rc5ipssRIWTlyKkTASvNW0Gn3NPwIp1kzCdrW1rzIYmfUb8LkGDml4v0e/3S69t2aMm810+NgNb/rvUPO25pgI0i3LUbfapiu4alcCZ+D9GhcY6w/3Z5zh+8TtzkDAZ13+l1xNAo+K6o7EBUoOA1O606kgLCgeC8+4OjsoDGi18Bzo4+SmU44kFHOMRGMuZJYMqaIpbOCDP0DeO9casbItGdEeT3mZGlP4geeKu4PFhFtbwrCcxTgIyUzO8YQ36SAMrJ8cwD13B4vP2aFFIHNVTFXmygLgyxdOUYTHUxkiedDlboWWsbXXsHm0h9objTDw9YsKbT4RnAHa7fWmcuHmM6+tH8UEgRkibbbYJ1sm0swX1b/B+rLbhXneA+o4fC6GBjont0fJ/pe3R3maGOgNjinv+JlhMdjzedySsUcAvTgc9uqSsW9zSkPqPTm9/Zcs1zL89h/b4M1/&lt;/diagram&gt;&lt;/mxfile&gt;">
2
+ <defs/>
3
+ <g>
4
+ <g>
5
+ <rect x="1040" y="160" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
6
+ </g>
7
+ <g>
8
+ <rect x="1040" y="240" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
9
+ </g>
10
+ <g>
11
+ <rect x="1040" y="320" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
12
+ </g>
13
+ <g>
14
+ <rect x="1040" y="80" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
15
+ </g>
16
+ <g>
17
+ <rect x="1120" y="320" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
18
+ </g>
19
+ <g>
20
+ <rect x="1120" y="240" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
21
+ </g>
22
+ <g>
23
+ <rect x="1120" y="160" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
24
+ </g>
25
+ <g>
26
+ <rect x="1120" y="80" width="80" height="80" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="all" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
27
+ </g>
28
+ <g>
29
+ <rect x="200" y="0" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
30
+ </g>
31
+ <g>
32
+ <g transform="translate(-0.5 -0.5)">
33
+ <switch>
34
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
35
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 10px; margin-left: 201px;">
36
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
37
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
38
+ Session
39
+ </div>
40
+ </div>
41
+ </div>
42
+ </foreignObject>
43
+ <text x="240" y="13" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
44
+ Session
45
+ </text>
46
+ </switch>
47
+ </g>
48
+ </g>
49
+ <g>
50
+ <rect x="280" y="0" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
51
+ </g>
52
+ <g>
53
+ <g transform="translate(-0.5 -0.5)">
54
+ <switch>
55
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
56
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 10px; margin-left: 281px;">
57
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
58
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
59
+ Tool-1
60
+ </div>
61
+ </div>
62
+ </div>
63
+ </foreignObject>
64
+ <text x="320" y="13" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
65
+ Tool-1
66
+ </text>
67
+ </switch>
68
+ </g>
69
+ </g>
70
+ <g>
71
+ <rect x="360" y="0" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
72
+ </g>
73
+ <g>
74
+ <g transform="translate(-0.5 -0.5)">
75
+ <switch>
76
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
77
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 10px; margin-left: 361px;">
78
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
79
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
80
+ Tool-2
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </foreignObject>
85
+ <text x="400" y="13" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
86
+ Tool-2
87
+ </text>
88
+ </switch>
89
+ </g>
90
+ </g>
91
+ <g>
92
+ <rect x="120" y="0" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
93
+ </g>
94
+ <g>
95
+ <g transform="translate(-0.5 -0.5)">
96
+ <switch>
97
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
98
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 10px; margin-left: 121px;">
99
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
100
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
101
+ Conversation
102
+ </div>
103
+ </div>
104
+ </div>
105
+ </foreignObject>
106
+ <text x="160" y="13" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
107
+ Conversation
108
+ </text>
109
+ </switch>
110
+ </g>
111
+ </g>
112
+ <g>
113
+ <path d="M 1160 260 L 1160 210 Q 1160 200 1150 200 L 1106.37 200" fill="none" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
114
+ <path d="M 1101.12 200 L 1108.12 196.5 L 1106.37 200 L 1108.12 203.5 Z" fill="#9b9ea2" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(155, 158, 162), rgb(99, 102, 105)); stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
115
+ </g>
116
+ <g>
117
+ <ellipse cx="1160" cy="280" rx="20" ry="20" fill="#e1e4e6" stroke="#c0c3c5" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(225, 228, 230), rgb(39, 42, 44)); stroke: light-dark(rgb(192, 195, 197), rgb(67, 70, 71));"/>
118
+ </g>
119
+ <g>
120
+ <g transform="translate(-0.5 -0.5)">
121
+ <switch>
122
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
123
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 280px; margin-left: 1141px;">
124
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
125
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
126
+ C
127
+ </div>
128
+ </div>
129
+ </div>
130
+ </foreignObject>
131
+ <text x="1160" y="284" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
132
+ C
133
+ </text>
134
+ </switch>
135
+ </g>
136
+ </g>
137
+ <g>
138
+ <path d="M 1080 180 L 1080 146.37" fill="none" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
139
+ <path d="M 1080 141.12 L 1083.5 148.12 L 1080 146.37 L 1076.5 148.12 Z" fill="#9b9ea2" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(155, 158, 162), rgb(99, 102, 105)); stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
140
+ </g>
141
+ <g>
142
+ <ellipse cx="1080" cy="200" rx="20" ry="20" fill="#e1e4e6" stroke="#c0c3c5" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(225, 228, 230), rgb(39, 42, 44)); stroke: light-dark(rgb(192, 195, 197), rgb(67, 70, 71));"/>
143
+ </g>
144
+ <g>
145
+ <g transform="translate(-0.5 -0.5)">
146
+ <switch>
147
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
148
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 200px; margin-left: 1061px;">
149
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
150
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
151
+ B
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </foreignObject>
156
+ <text x="1080" y="204" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
157
+ B
158
+ </text>
159
+ </switch>
160
+ </g>
161
+ </g>
162
+ <g>
163
+ <path d="M 1100 360 L 1150 360 Q 1160 360 1160 350 L 1160 306.37" fill="none" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
164
+ <path d="M 1160 301.12 L 1163.5 308.12 L 1160 306.37 L 1156.5 308.12 Z" fill="#9b9ea2" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(155, 158, 162), rgb(99, 102, 105)); stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
165
+ </g>
166
+ <g>
167
+ <path d="M 1080 340 L 1080 226.37" fill="none" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
168
+ <path d="M 1080 221.12 L 1083.5 228.12 L 1080 226.37 L 1076.5 228.12 Z" fill="#9b9ea2" stroke="#9b9ea2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(155, 158, 162), rgb(99, 102, 105)); stroke: light-dark(rgb(155, 158, 162), rgb(99, 102, 105));"/>
169
+ </g>
170
+ <g>
171
+ <ellipse cx="1080" cy="360" rx="20" ry="20" fill="#e1e4e6" stroke="#c0c3c5" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(225, 228, 230), rgb(39, 42, 44)); stroke: light-dark(rgb(192, 195, 197), rgb(67, 70, 71));"/>
172
+ </g>
173
+ <g>
174
+ <g transform="translate(-0.5 -0.5)">
175
+ <switch>
176
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
177
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 360px; margin-left: 1061px;">
178
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
179
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
180
+ D
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </foreignObject>
185
+ <text x="1080" y="364" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
186
+ D
187
+ </text>
188
+ </switch>
189
+ </g>
190
+ </g>
191
+ <g>
192
+ <ellipse cx="1080" cy="120" rx="20" ry="20" fill="#e1e4e6" stroke="#c0c3c5" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(225, 228, 230), rgb(39, 42, 44)); stroke: light-dark(rgb(192, 195, 197), rgb(67, 70, 71));"/>
193
+ </g>
194
+ <g>
195
+ <g transform="translate(-0.5 -0.5)">
196
+ <switch>
197
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
198
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 120px; margin-left: 1061px;">
199
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
200
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
201
+ A
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </foreignObject>
206
+ <text x="1080" y="124" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
207
+ A
208
+ </text>
209
+ </switch>
210
+ </g>
211
+ </g>
212
+ <g>
213
+ <rect x="1040" y="80" width="160" height="320" fill="none" stroke="#393c3e" stroke-width="0.1" pointer-events="none" style="stroke: light-dark(rgb(57, 60, 62), rgb(185, 187, 189));"/>
214
+ </g>
215
+ <g>
216
+ <path d="M 40 20 L 40 637.76" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
217
+ <path d="M 36.5 631.88 L 40 638.88 L 43.5 631.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
218
+ </g>
219
+ <g>
220
+ <rect x="0" y="0" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
221
+ </g>
222
+ <g>
223
+ <g transform="translate(-0.5 -0.5)">
224
+ <switch>
225
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
226
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 10px; margin-left: 1px;">
227
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
228
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
229
+ Queue
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </foreignObject>
234
+ <text x="40" y="13" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
235
+ Queue
236
+ </text>
237
+ </switch>
238
+ </g>
239
+ </g>
240
+ <g>
241
+ <rect x="120" y="140" width="160" height="260" rx="24" ry="24" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
242
+ </g>
243
+ <g>
244
+ <ellipse cx="160" cy="100" rx="20" ry="20" fill="#b6ead5" stroke="#7cd7af" pointer-events="all" style="fill: light-dark(rgb(182, 234, 213), rgb(13, 58, 40)); stroke: light-dark(rgb(124, 215, 175), rgb(12, 91, 56));"/>
245
+ </g>
246
+ <g>
247
+ <g transform="translate(-0.5 -0.5)">
248
+ <switch>
249
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
250
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 100px; margin-left: 141px;">
251
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
252
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
253
+ 0
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </foreignObject>
258
+ <text x="160" y="104" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
259
+ 0
260
+ </text>
261
+ </switch>
262
+ </g>
263
+ </g>
264
+ <g>
265
+ <path d="M 160 160 L 160 126.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
266
+ <path d="M 160 121.12 L 163.5 128.12 L 160 126.37 L 156.5 128.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(237, 237, 237)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
267
+ </g>
268
+ <g>
269
+ <ellipse cx="160" cy="180" rx="20" ry="20" fill="#b6ead5" stroke="#7cd7af" pointer-events="all" style="fill: light-dark(rgb(182, 234, 213), rgb(13, 58, 40)); stroke: light-dark(rgb(124, 215, 175), rgb(12, 91, 56));"/>
270
+ </g>
271
+ <g>
272
+ <g transform="translate(-0.5 -0.5)">
273
+ <switch>
274
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
275
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 180px; margin-left: 141px;">
276
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
277
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
278
+ 1
279
+ </div>
280
+ </div>
281
+ </div>
282
+ </foreignObject>
283
+ <text x="160" y="184" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
284
+ 1
285
+ </text>
286
+ </switch>
287
+ </g>
288
+ </g>
289
+ <g>
290
+ <path d="M 240 220 L 240 190 Q 240 180 230 180.06 L 186.36 180.34" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
291
+ <path d="M 181.11 180.38 L 188.09 176.83 L 186.36 180.34 L 188.14 183.83 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
292
+ </g>
293
+ <g>
294
+ <ellipse cx="240" cy="240" rx="20" ry="20" fill="#8dcdfa" stroke="#569acd" pointer-events="all" style="fill: light-dark(rgb(141, 205, 250), rgb(24, 79, 118)); stroke: light-dark(rgb(86, 154, 205), rgb(65, 123, 167));"/>
295
+ </g>
296
+ <g>
297
+ <g transform="translate(-0.5 -0.5)">
298
+ <switch>
299
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
300
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 240px; margin-left: 221px;">
301
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
302
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
303
+ 3
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </foreignObject>
308
+ <text x="240" y="244" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
309
+ 3
310
+ </text>
311
+ </switch>
312
+ </g>
313
+ </g>
314
+ <g>
315
+ <path d="M 240 340 L 240 266.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
316
+ <path d="M 240 261.12 L 243.5 268.12 L 240 266.37 L 236.5 268.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(237, 237, 237)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
317
+ </g>
318
+ <g>
319
+ <path d="M 260 360 L 310 360 Q 320 360 320 350 L 320 306.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
320
+ <path d="M 320 301.12 L 323.5 308.12 L 320 306.37 L 316.5 308.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
321
+ </g>
322
+ <g>
323
+ <ellipse cx="240" cy="360" rx="20" ry="20" fill="#8dcdfa" stroke="#569acd" pointer-events="all" style="fill: light-dark(rgb(141, 205, 250), rgb(24, 79, 118)); stroke: light-dark(rgb(86, 154, 205), rgb(65, 123, 167));"/>
324
+ </g>
325
+ <g>
326
+ <g transform="translate(-0.5 -0.5)">
327
+ <switch>
328
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
329
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 360px; margin-left: 221px;">
330
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
331
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
332
+ 6
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </foreignObject>
337
+ <text x="240" y="364" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
338
+ 6
339
+ </text>
340
+ </switch>
341
+ </g>
342
+ </g>
343
+ <g>
344
+ <path d="M 320 260 L 320 250 Q 320 240 310 240 L 266.37 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
345
+ <path d="M 261.12 240 L 268.12 236.5 L 266.37 240 L 268.12 243.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
346
+ </g>
347
+ <g>
348
+ <ellipse cx="320" cy="280" rx="20" ry="20" fill="#ab92ed" stroke="#8166c7" pointer-events="all" style="fill: light-dark(rgb(171, 146, 237), rgb(113, 91, 170)); stroke: light-dark(rgb(129, 102, 199), rgb(150, 127, 210));"/>
349
+ </g>
350
+ <g>
351
+ <g transform="translate(-0.5 -0.5)">
352
+ <switch>
353
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
354
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 280px; margin-left: 301px;">
355
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
356
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
357
+ 4
358
+ </div>
359
+ </div>
360
+ </div>
361
+ </foreignObject>
362
+ <text x="320" y="284" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
363
+ 4
364
+ </text>
365
+ </switch>
366
+ </g>
367
+ </g>
368
+ <g>
369
+ <path d="M 400 300 L 400 250 Q 400 240 390 240 L 266.37 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
370
+ <path d="M 261.12 240 L 268.12 236.5 L 266.37 240 L 268.12 243.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
371
+ </g>
372
+ <g>
373
+ <ellipse cx="400" cy="320" rx="20" ry="20" fill="#e8a7c0" stroke="#dd759b" pointer-events="all" style="fill: light-dark(rgb(232, 167, 192), rgb(123, 67, 89)); stroke: light-dark(rgb(221, 117, 155), rgb(184, 94, 127));"/>
374
+ </g>
375
+ <g>
376
+ <g transform="translate(-0.5 -0.5)">
377
+ <switch>
378
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
379
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 320px; margin-left: 381px;">
380
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
381
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
382
+ 5
383
+ </div>
384
+ </div>
385
+ </div>
386
+ </foreignObject>
387
+ <text x="400" y="324" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
388
+ 5
389
+ </text>
390
+ </switch>
391
+ </g>
392
+ </g>
393
+ <g>
394
+ <rect x="520" y="140" width="160" height="460" rx="24" ry="24" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
395
+ </g>
396
+ <g>
397
+ <ellipse cx="560" cy="100" rx="20" ry="20" fill="#b6ead5" stroke="#7cd7af" pointer-events="all" style="fill: light-dark(rgb(182, 234, 213), rgb(13, 58, 40)); stroke: light-dark(rgb(124, 215, 175), rgb(12, 91, 56));"/>
398
+ </g>
399
+ <g>
400
+ <g transform="translate(-0.5 -0.5)">
401
+ <switch>
402
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
403
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 100px; margin-left: 541px;">
404
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
405
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
406
+ 0
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </foreignObject>
411
+ <text x="560" y="104" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
412
+ 0
413
+ </text>
414
+ </switch>
415
+ </g>
416
+ </g>
417
+ <g>
418
+ <path d="M 560 160 L 560 126.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
419
+ <path d="M 560 121.12 L 563.5 128.12 L 560 126.37 L 556.5 128.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(237, 237, 237)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
420
+ </g>
421
+ <g>
422
+ <ellipse cx="560" cy="180" rx="20" ry="20" fill="#b6ead5" stroke="#7cd7af" pointer-events="all" style="fill: light-dark(rgb(182, 234, 213), rgb(13, 58, 40)); stroke: light-dark(rgb(124, 215, 175), rgb(12, 91, 56));"/>
423
+ </g>
424
+ <g>
425
+ <g transform="translate(-0.5 -0.5)">
426
+ <switch>
427
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
428
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 180px; margin-left: 541px;">
429
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
430
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
431
+ 1
432
+ </div>
433
+ </div>
434
+ </div>
435
+ </foreignObject>
436
+ <text x="560" y="184" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
437
+ 1
438
+ </text>
439
+ </switch>
440
+ </g>
441
+ </g>
442
+ <g>
443
+ <path d="M 640 220 L 640 190 Q 640 180 630 180.06 L 586.36 180.34" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
444
+ <path d="M 581.11 180.38 L 588.09 176.83 L 586.36 180.34 L 588.14 183.83 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
445
+ </g>
446
+ <g>
447
+ <ellipse cx="640" cy="240" rx="20" ry="20" fill="#8dcdfa" stroke="#569acd" pointer-events="all" style="fill: light-dark(rgb(141, 205, 250), rgb(24, 79, 118)); stroke: light-dark(rgb(86, 154, 205), rgb(65, 123, 167));"/>
448
+ </g>
449
+ <g>
450
+ <g transform="translate(-0.5 -0.5)">
451
+ <switch>
452
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
453
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 240px; margin-left: 621px;">
454
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
455
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
456
+ 3
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </foreignObject>
461
+ <text x="640" y="244" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
462
+ 3
463
+ </text>
464
+ </switch>
465
+ </g>
466
+ </g>
467
+ <g>
468
+ <path d="M 640 340 L 640 266.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
469
+ <path d="M 640 261.12 L 643.5 268.12 L 640 266.37 L 636.5 268.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(237, 237, 237)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
470
+ </g>
471
+ <g>
472
+ <path d="M 660 360 L 710 360 Q 720 360 720 350 L 720 306.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
473
+ <path d="M 720 301.12 L 723.5 308.12 L 720 306.37 L 716.5 308.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
474
+ </g>
475
+ <g>
476
+ <ellipse cx="640" cy="360" rx="20" ry="20" fill="#8dcdfa" stroke="#569acd" pointer-events="all" style="fill: light-dark(rgb(141, 205, 250), rgb(24, 79, 118)); stroke: light-dark(rgb(86, 154, 205), rgb(65, 123, 167));"/>
477
+ </g>
478
+ <g>
479
+ <g transform="translate(-0.5 -0.5)">
480
+ <switch>
481
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
482
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 360px; margin-left: 621px;">
483
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
484
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
485
+ 6
486
+ </div>
487
+ </div>
488
+ </div>
489
+ </foreignObject>
490
+ <text x="640" y="364" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
491
+ 6
492
+ </text>
493
+ </switch>
494
+ </g>
495
+ </g>
496
+ <g>
497
+ <path d="M 720 260 L 720 250 Q 720 240 710 240 L 666.37 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
498
+ <path d="M 661.12 240 L 668.12 236.5 L 666.37 240 L 668.12 243.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
499
+ </g>
500
+ <g>
501
+ <ellipse cx="720" cy="280" rx="20" ry="20" fill="#ab92ed" stroke="#8166c7" pointer-events="all" style="fill: light-dark(rgb(171, 146, 237), rgb(113, 91, 170)); stroke: light-dark(rgb(129, 102, 199), rgb(150, 127, 210));"/>
502
+ </g>
503
+ <g>
504
+ <g transform="translate(-0.5 -0.5)">
505
+ <switch>
506
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
507
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 280px; margin-left: 701px;">
508
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
509
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
510
+ 4
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </foreignObject>
515
+ <text x="720" y="284" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
516
+ 4
517
+ </text>
518
+ </switch>
519
+ </g>
520
+ </g>
521
+ <g>
522
+ <path d="M 800 300 L 800 250 Q 800 240 790 240 L 666.37 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
523
+ <path d="M 661.12 240 L 668.12 236.5 L 666.37 240 L 668.12 243.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
524
+ </g>
525
+ <g>
526
+ <ellipse cx="800" cy="320" rx="20" ry="20" fill="#e8a7c0" stroke="#dd759b" pointer-events="all" style="fill: light-dark(rgb(232, 167, 192), rgb(123, 67, 89)); stroke: light-dark(rgb(221, 117, 155), rgb(184, 94, 127));"/>
527
+ </g>
528
+ <g>
529
+ <g transform="translate(-0.5 -0.5)">
530
+ <switch>
531
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
532
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 320px; margin-left: 781px;">
533
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
534
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
535
+ 5
536
+ </div>
537
+ </div>
538
+ </div>
539
+ </foreignObject>
540
+ <text x="800" y="324" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
541
+ 5
542
+ </text>
543
+ </switch>
544
+ </g>
545
+ </g>
546
+ <g>
547
+ <path d="M 640 400 L 640 386.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
548
+ <path d="M 640 381.12 L 643.5 388.12 L 640 386.37 L 636.5 388.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
549
+ </g>
550
+ <g>
551
+ <ellipse cx="640" cy="420" rx="20" ry="20" fill="#8dcdfa" stroke="#569acd" pointer-events="all" style="fill: light-dark(rgb(141, 205, 250), rgb(24, 79, 118)); stroke: light-dark(rgb(86, 154, 205), rgb(65, 123, 167));"/>
552
+ </g>
553
+ <g>
554
+ <g transform="translate(-0.5 -0.5)">
555
+ <switch>
556
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
557
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 420px; margin-left: 621px;">
558
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
559
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
560
+ 7
561
+ </div>
562
+ </div>
563
+ </div>
564
+ </foreignObject>
565
+ <text x="640" y="424" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
566
+ 7
567
+ </text>
568
+ </switch>
569
+ </g>
570
+ </g>
571
+ <g>
572
+ <path d="M 880 440 L 880 430 Q 880 420 870 420 L 666.37 420" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
573
+ <path d="M 661.12 420 L 668.12 416.5 L 666.37 420 L 668.12 423.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
574
+ </g>
575
+ <g>
576
+ <path d="M 880 486.37 L 880 493.18 Q 880 500 870 500 L 660 500" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
577
+ <path d="M 880 481.12 L 883.5 488.12 L 880 486.37 L 876.5 488.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
578
+ </g>
579
+ <g>
580
+ <ellipse cx="880" cy="460" rx="20" ry="20" fill="#e8a7c0" stroke="#dd759b" pointer-events="all" style="fill: light-dark(rgb(232, 167, 192), rgb(123, 67, 89)); stroke: light-dark(rgb(221, 117, 155), rgb(184, 94, 127));"/>
581
+ </g>
582
+ <g>
583
+ <g transform="translate(-0.5 -0.5)">
584
+ <switch>
585
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
586
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 460px; margin-left: 861px;">
587
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
588
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
589
+ 8
590
+ </div>
591
+ </div>
592
+ </div>
593
+ </foreignObject>
594
+ <text x="880" y="464" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
595
+ 8
596
+ </text>
597
+ </switch>
598
+ </g>
599
+ </g>
600
+ <g/>
601
+ <g>
602
+ <path d="M 780 340 L 820 300" fill="none" stroke="#8a2f4e" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(138, 47, 78), rgb(239, 160, 187));"/>
603
+ </g>
604
+ <g>
605
+ <path d="M 780 300 L 820 340" fill="none" stroke="#8a2f4e" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(138, 47, 78), rgb(239, 160, 187));"/>
606
+ </g>
607
+ <g>
608
+ <path d="M 640 480 L 640 446.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
609
+ <path d="M 640 441.12 L 643.5 448.12 L 640 446.37 L 636.5 448.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
610
+ </g>
611
+ <g>
612
+ <path d="M 640 526.37 L 640 550 Q 640 560 630 560 L 580 560" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
613
+ <path d="M 640 521.12 L 643.5 528.12 L 640 526.37 L 636.5 528.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
614
+ </g>
615
+ <g>
616
+ <ellipse cx="640" cy="500" rx="20" ry="20" fill="#8dcdfa" stroke="#569acd" pointer-events="all" style="fill: light-dark(rgb(141, 205, 250), rgb(24, 79, 118)); stroke: light-dark(rgb(86, 154, 205), rgb(65, 123, 167));"/>
617
+ </g>
618
+ <g>
619
+ <g transform="translate(-0.5 -0.5)">
620
+ <switch>
621
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
622
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 500px; margin-left: 621px;">
623
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
624
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
625
+ 9
626
+ </div>
627
+ </div>
628
+ </div>
629
+ </foreignObject>
630
+ <text x="640" y="504" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
631
+ 9
632
+ </text>
633
+ </switch>
634
+ </g>
635
+ </g>
636
+ <g>
637
+ <path d="M 560 540 L 560 206.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
638
+ <path d="M 560 201.12 L 563.5 208.12 L 560 206.37 L 556.5 208.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
639
+ </g>
640
+ <g>
641
+ <ellipse cx="560" cy="560" rx="20" ry="20" fill="#b6ead5" stroke="#7cd7af" pointer-events="all" style="fill: light-dark(rgb(182, 234, 213), rgb(13, 58, 40)); stroke: light-dark(rgb(124, 215, 175), rgb(12, 91, 56));"/>
642
+ </g>
643
+ <g>
644
+ <g transform="translate(-0.5 -0.5)">
645
+ <switch>
646
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
647
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 560px; margin-left: 541px;">
648
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
649
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
650
+ 10
651
+ </div>
652
+ </div>
653
+ </div>
654
+ </foreignObject>
655
+ <text x="560" y="564" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
656
+ 10
657
+ </text>
658
+ </switch>
659
+ </g>
660
+ </g>
661
+ <g>
662
+ <path d="M 560 620 L 560 586.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
663
+ <path d="M 560 581.12 L 563.5 588.12 L 560 586.37 L 556.5 588.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
664
+ </g>
665
+ <g>
666
+ <ellipse cx="560" cy="640" rx="20" ry="20" fill="#b6ead5" stroke="#7cd7af" pointer-events="all" style="fill: light-dark(rgb(182, 234, 213), rgb(13, 58, 40)); stroke: light-dark(rgb(124, 215, 175), rgb(12, 91, 56));"/>
667
+ </g>
668
+ <g>
669
+ <g transform="translate(-0.5 -0.5)">
670
+ <switch>
671
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
672
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 640px; margin-left: 541px;">
673
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
674
+ <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
675
+ 11
676
+ </div>
677
+ </div>
678
+ </div>
679
+ </foreignObject>
680
+ <text x="560" y="644" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
681
+ 11
682
+ </text>
683
+ </switch>
684
+ </g>
685
+ </g>
686
+ <g>
687
+ <rect x="120" y="50" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
688
+ </g>
689
+ <g>
690
+ <g transform="translate(-0.5 -0.5)">
691
+ <switch>
692
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
693
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 60px; margin-left: 121px;">
694
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
695
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
696
+ Attempt 1
697
+ </div>
698
+ </div>
699
+ </div>
700
+ </foreignObject>
701
+ <text x="160" y="63" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
702
+ Attempt 1
703
+ </text>
704
+ </switch>
705
+ </g>
706
+ </g>
707
+ <g>
708
+ <rect x="520" y="50" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
709
+ </g>
710
+ <g>
711
+ <g transform="translate(-0.5 -0.5)">
712
+ <switch>
713
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
714
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 60px; margin-left: 521px;">
715
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
716
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
717
+ Attempt 2
718
+ </div>
719
+ </div>
720
+ </div>
721
+ </foreignObject>
722
+ <text x="560" y="63" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
723
+ Attempt 2
724
+ </text>
725
+ </switch>
726
+ </g>
727
+ </g>
728
+ <g>
729
+ <rect x="760" y="350" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
730
+ </g>
731
+ <g>
732
+ <g transform="translate(-0.5 -0.5)">
733
+ <switch>
734
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
735
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 360px; margin-left: 761px;">
736
+ <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
737
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
738
+ Failed
739
+ </div>
740
+ </div>
741
+ </div>
742
+ </foreignObject>
743
+ <text x="800" y="363" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">
744
+ Failed
745
+ </text>
746
+ </switch>
747
+ </g>
748
+ </g>
749
+ <g>
750
+ <rect x="680" y="360" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
751
+ </g>
752
+ <g>
753
+ <g transform="translate(-0.5 -0.5)">
754
+ <switch>
755
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
756
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 74px; height: 1px; padding-top: 370px; margin-left: 686px;">
757
+ <div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
758
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
759
+ Success
760
+ </div>
761
+ </div>
762
+ </div>
763
+ </foreignObject>
764
+ <text x="686" y="373" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px">
765
+ Success
766
+ </text>
767
+ </switch>
768
+ </g>
769
+ </g>
770
+ <g>
771
+ <rect x="680" y="500" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
772
+ </g>
773
+ <g>
774
+ <g transform="translate(-0.5 -0.5)">
775
+ <switch>
776
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
777
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 74px; height: 1px; padding-top: 510px; margin-left: 686px;">
778
+ <div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
779
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
780
+ Success
781
+ </div>
782
+ </div>
783
+ </div>
784
+ </foreignObject>
785
+ <text x="686" y="513" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px">
786
+ Success
787
+ </text>
788
+ </switch>
789
+ </g>
790
+ </g>
791
+ <g>
792
+ <rect x="280" y="360" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
793
+ </g>
794
+ <g>
795
+ <g transform="translate(-0.5 -0.5)">
796
+ <switch>
797
+ <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
798
+ <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 74px; height: 1px; padding-top: 370px; margin-left: 286px;">
799
+ <div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
800
+ <div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
801
+ Success
802
+ </div>
803
+ </div>
804
+ </div>
805
+ </foreignObject>
806
+ <text x="286" y="373" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="10px">
807
+ Success
808
+ </text>
809
+ </switch>
810
+ </g>
811
+ </g>
812
+ </g>
813
+ <switch>
814
+ <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
815
+ <a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
816
+ <text text-anchor="middle" font-size="10px" x="50%" y="100%">
817
+ Text is not SVG - cannot display
818
+ </text>
819
+ </a>
820
+ </switch>
821
+ </svg>