mermaid/Handshake-detailed.svg

<svg id="mermaid-1560003507421" width="100%" xmlns="http://www.w3.org/2000/svg" height="100%" style="max-width:1550px;" viewBox="-150 -10 1550 1050"><style>


#mermaid-1560003507421 .label {
  font-family: 'trebuchet ms', verdana, arial;
  color: #333; }

#mermaid-1560003507421 .node rect,
#mermaid-1560003507421 .node circle,
#mermaid-1560003507421 .node ellipse,
#mermaid-1560003507421 .node polygon {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1px; }

#mermaid-1560003507421 .node.clickable {
  cursor: pointer; }

#mermaid-1560003507421 .arrowheadPath {
  fill: #333333; }

#mermaid-1560003507421 .edgePath .path {
  stroke: #333333;
  stroke-width: 1.5px; }

#mermaid-1560003507421 .edgeLabel {
  background-color: #e8e8e8; }

#mermaid-1560003507421 .cluster rect {
  fill: #ffffde !important;
  stroke: #aaaa33 !important;
  stroke-width: 1px !important; }

#mermaid-1560003507421 .cluster text {
  fill: #333; }

#mermaid-1560003507421 div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 12px;
  background: #ffffde;
  border: 1px solid #aaaa33;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100; }

#mermaid-1560003507421 .actor {
  stroke: #CCCCFF;
  fill: #ECECFF; }

#mermaid-1560003507421 text.actor {
  fill: black;
  stroke: none; }

#mermaid-1560003507421 .actor-line {
  stroke: grey; }

#mermaid-1560003507421 .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: '2 2';
  stroke: #333; }

#mermaid-1560003507421 .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: '2 2';
  stroke: #333; }

#mermaid-1560003507421 #arrowhead {
  fill: #333; }

#mermaid-1560003507421 #crosshead path {
  fill: #333 !important;
  stroke: #333 !important; }

#mermaid-1560003507421 .messageText {
  fill: #333;
  stroke: none; }

#mermaid-1560003507421 .labelBox {
  stroke: #CCCCFF;
  fill: #ECECFF; }

#mermaid-1560003507421 .labelText {
  fill: black;
  stroke: none; }

#mermaid-1560003507421 .loopText {
  fill: black;
  stroke: none; }

#mermaid-1560003507421 .loopLine {
  stroke-width: 2;
  stroke-dasharray: '2 2';
  stroke: #CCCCFF; }

#mermaid-1560003507421 .note {
  stroke: #aaaa33;
  fill: #fff5ad; }

#mermaid-1560003507421 .noteText {
  fill: black;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px; }

#mermaid-1560003507421 .activation0 {
  fill: #f4f4f4;
  stroke: #666; }

#mermaid-1560003507421 .activation1 {
  fill: #f4f4f4;
  stroke: #666; }

#mermaid-1560003507421 .activation2 {
  fill: #f4f4f4;
  stroke: #666; }


#mermaid-1560003507421 .section {
  stroke: none;
  opacity: 0.2; }

#mermaid-1560003507421 .section0 {
  fill: rgba(102, 102, 255, 0.49); }

#mermaid-1560003507421 .section2 {
  fill: #fff400; }

#mermaid-1560003507421 .section1,
#mermaid-1560003507421 .section3 {
  fill: white;
  opacity: 0.2; }

#mermaid-1560003507421 .sectionTitle0 {
  fill: #333; }

#mermaid-1560003507421 .sectionTitle1 {
  fill: #333; }

#mermaid-1560003507421 .sectionTitle2 {
  fill: #333; }

#mermaid-1560003507421 .sectionTitle3 {
  fill: #333; }

#mermaid-1560003507421 .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px; }


#mermaid-1560003507421 .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges; }

#mermaid-1560003507421 .grid path {
  stroke-width: 0; }


#mermaid-1560003507421 .today {
  fill: none;
  stroke: red;
  stroke-width: 2px; }


#mermaid-1560003507421 .task {
  stroke-width: 2; }

#mermaid-1560003507421 .taskText {
  text-anchor: middle;
  font-size: 11px; }

#mermaid-1560003507421 .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px; }

#mermaid-1560003507421 .taskTextOutsideLeft {
  fill: black;
  text-anchor: end;
  font-size: 11px; }


#mermaid-1560003507421 .taskText0,
#mermaid-1560003507421 .taskText1,
#mermaid-1560003507421 .taskText2,
#mermaid-1560003507421 .taskText3 {
  fill: white; }

#mermaid-1560003507421 .task0,
#mermaid-1560003507421 .task1,
#mermaid-1560003507421 .task2,
#mermaid-1560003507421 .task3 {
  fill: #8a90dd;
  stroke: #534fbc; }

#mermaid-1560003507421 .taskTextOutside0,
#mermaid-1560003507421 .taskTextOutside2 {
  fill: black; }

#mermaid-1560003507421 .taskTextOutside1,
#mermaid-1560003507421 .taskTextOutside3 {
  fill: black; }


#mermaid-1560003507421 .active0,
#mermaid-1560003507421 .active1,
#mermaid-1560003507421 .active2,
#mermaid-1560003507421 .active3 {
  fill: #bfc7ff;
  stroke: #534fbc; }

#mermaid-1560003507421 .activeText0,
#mermaid-1560003507421 .activeText1,
#mermaid-1560003507421 .activeText2,
#mermaid-1560003507421 .activeText3 {
  fill: black !important; }


#mermaid-1560003507421 .done0,
#mermaid-1560003507421 .done1,
#mermaid-1560003507421 .done2,
#mermaid-1560003507421 .done3 {
  stroke: grey;
  fill: lightgrey;
  stroke-width: 2; }

#mermaid-1560003507421 .doneText0,
#mermaid-1560003507421 .doneText1,
#mermaid-1560003507421 .doneText2,
#mermaid-1560003507421 .doneText3 {
  fill: black !important; }


#mermaid-1560003507421 .crit0,
#mermaid-1560003507421 .crit1,
#mermaid-1560003507421 .crit2,
#mermaid-1560003507421 .crit3 {
  stroke: #ff8888;
  fill: red;
  stroke-width: 2; }

#mermaid-1560003507421 .activeCrit0,
#mermaid-1560003507421 .activeCrit1,
#mermaid-1560003507421 .activeCrit2,
#mermaid-1560003507421 .activeCrit3 {
  stroke: #ff8888;
  fill: #bfc7ff;
  stroke-width: 2; }

#mermaid-1560003507421 .doneCrit0,
#mermaid-1560003507421 .doneCrit1,
#mermaid-1560003507421 .doneCrit2,
#mermaid-1560003507421 .doneCrit3 {
  stroke: #ff8888;
  fill: lightgrey;
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges; }

#mermaid-1560003507421 .doneCritText0,
#mermaid-1560003507421 .doneCritText1,
#mermaid-1560003507421 .doneCritText2,
#mermaid-1560003507421 .doneCritText3 {
  fill: black !important; }

#mermaid-1560003507421 .activeCritText0,
#mermaid-1560003507421 .activeCritText1,
#mermaid-1560003507421 .activeCritText2,
#mermaid-1560003507421 .activeCritText3 {
  fill: black !important; }

#mermaid-1560003507421 .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black; }

#mermaid-1560003507421 g.classGroup text {
  fill: #9370DB;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 10px; }

#mermaid-1560003507421 g.classGroup rect {
  fill: #ECECFF;
  stroke: #9370DB; }

#mermaid-1560003507421 g.classGroup line {
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 .classLabel .box {
  stroke: none;
  stroke-width: 0;
  fill: #ECECFF;
  opacity: 0.5; }

#mermaid-1560003507421 .classLabel .label {
  fill: #9370DB;
  font-size: 10px; }

#mermaid-1560003507421 .relation {
  stroke: #9370DB;
  stroke-width: 1;
  fill: none; }

#mermaid-1560003507421 #compositionStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #compositionEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #aggregationStart {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #aggregationEnd {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #dependencyStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #dependencyEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #extensionStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 #extensionEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1560003507421 .commit-id,
#mermaid-1560003507421 .commit-msg,
#mermaid-1560003507421 .branch-label {
  fill: lightgrey;
  color: lightgrey; }
</style><style>#mermaid-1560003507421 {
    color: rgba(0, 0, 0, 0.65);
    font: ;
  }</style><g></g><g><line id="actor28" x1="75" y1="5" x2="75" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="0" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="75" dy="0">SmartVehicle1</tspan></text></g><g><line id="actor29" x1="275" y1="5" x2="275" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="200" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="-7">MQTT Topic </tspan></text><text x="275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="7"> /SV1/available</tspan></text></g><g><line id="actor30" x1="475" y1="5" x2="475" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="400" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="-7">MQTT Topic </tspan></text><text x="475" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="7">/SV1/handshake</tspan></text></g><g><line id="actor31" x1="675" y1="5" x2="675" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="600" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="675" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="-7">MQTT Topic </tspan></text><text x="675" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="7">/SB1/handshake</tspan></text></g><g><line id="actor32" x1="875" y1="5" x2="875" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="800" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="875" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="875" dy="0">SmartBox1</tspan></text></g><g><line id="actor33" x1="1075" y1="5" x2="1075" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="1000" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="1075" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="1075" dy="-7">MQTT Topic </tspan></text><text x="1075" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="1075" dy="7">/SBn/handshake</tspan></text></g><g><line id="actor34" x1="1275" y1="5" x2="1275" y2="1039" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="1200" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="1275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="1275" dy="0">SmartBoxN</tspan></text></g><defs><marker id="arrowhead" refX="5" refY="2" markerWidth="6" markerHeight="4" orient="auto"><path d="M 0,0 V 4 L6,2 Z"></path></marker></defs><defs><marker id="crosshead" markerWidth="15" markerHeight="8" orient="auto" refX="16" refY="4"><path fill="black" stroke="#000000" stroke-width="1px" d="M 9,2 V 6 L16,4 Z" style="stroke-dasharray: 0, 0;"></path><path fill="none" stroke="#000000" stroke-width="1px" d="M 0,1 L 6,7 M 6,1 L 0,7" style="stroke-dasharray: 0, 0;"></path></marker></defs><g><rect x="-100" y="75" fill="#EDF2AE" stroke="#666" width="150" height="52" rx="0" ry="0" class="note"></rect><text x="-104" y="99" fill="black" class="noteText"><tspan x="-84" fill="black">Detailed Async. </tspan></text><text x="-104" y="115" fill="black" class="noteText"><tspan x="-84" fill="black"> MQTT Handshake</tspan></text></g><g><text x="175" y="180" class="messageText" style="text-anchor: middle;">sector, line</text><line x1="75" y1="187" x2="275" y2="187" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><rect x="270" y="189" fill="#EDF2AE" stroke="#666" width="10" height="113" rx="0" ry="0" class="activation0"></rect></g><g><rect x="470" y="189" fill="#EDF2AE" stroke="#666" width="10" height="649" rx="0" ry="0" class="activation0"></rect></g><g><text x="577.5" y="215" class="messageText" style="text-anchor: middle;">sector, line</text><line x1="280" y1="222" x2="875" y2="222" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="777.5" y="250" class="messageText" style="text-anchor: middle;">sector, line</text><line x1="280" y1="257" x2="1275" y2="257" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><line x1="65" y1="137" x2="1285" y2="137" class="loopLine"></line><line x1="1285" y1="137" x2="1285" y2="267" class="loopLine"></line><line x1="65" y1="267" x2="1285" y2="267" class="loopLine"></line><line x1="65" y1="137" x2="65" y2="267" class="loopLine"></line><polygon points="65,137 115,137 115,150 106.6,157 65,157" class="labelBox"></polygon><text x="72.5" y="152" fill="black" class="labelText"><tspan x="72.5" fill="black">loop</tspan></text><text x="675" y="152" fill="black" class="loopText" style="text-anchor: middle;"><tspan x="675" fill="black">[ wait for response from SB ]</tspan></text></g><g><text x="775" y="295" class="messageText" style="text-anchor: middle;">request SV1</text><line x1="875" y1="302" x2="675" y2="302" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><rect x="670" y="302" fill="#EDF2AE" stroke="#666" width="10" height="536" rx="0" ry="0" class="activation0"></rect></g><g><text x="372.5" y="330" class="messageText" style="text-anchor: middle;">request SV1</text><line x1="670" y1="337" x2="75" y2="337" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><rect x="800" y="347" fill="#EDF2AE" stroke="#666" width="150" height="52" rx="0" ry="0" class="note"></rect><text x="796" y="371" fill="black" class="noteText"><tspan x="816" fill="black">Wait for Req. </tspan></text><text x="796" y="387" fill="black" class="noteText"><tspan x="816" fill="black"> Timeout possible</tspan></text></g><g><text x="977.5" y="427" class="messageText" style="text-anchor: middle;">request SV1</text><line x1="1275" y1="434" x2="680" y2="434" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="575" y="462" class="messageText" style="text-anchor: middle;">request SV1</text><line x1="1075" y1="469" x2="75" y2="469" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="272.5" y="497" class="messageText" style="text-anchor: middle;">request SB1</text><line x1="75" y1="504" x2="470" y2="504" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="677.5" y="532" class="messageText" style="text-anchor: middle;">request SB1</text><line x1="480" y1="539" x2="875" y2="539" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><rect x="0" y="549" fill="#EDF2AE" stroke="#666" width="150" height="52" rx="0" ry="0" class="note"></rect><text x="-4" y="573" fill="black" class="noteText"><tspan x="16" fill="black">Wait for Ack. </tspan></text><text x="-4" y="589" fill="black" class="noteText"><tspan x="16" fill="black"> Timeout possible</tspan></text></g><g><text x="777.5" y="629" class="messageText" style="text-anchor: middle;">acknoledge SV1, position, cargo</text><line x1="875" y1="636" x2="680" y2="636" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="372.5" y="664" class="messageText" style="text-anchor: middle;">acknoledge SV1, position, cargo</text><line x1="670" y1="671" x2="75" y2="671" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="272.5" y="724" class="messageText" style="text-anchor: middle;">acknoledge SB1</text><line x1="75" y1="731" x2="470" y2="731" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><rect x="800" y="741" fill="#EDF2AE" stroke="#666" width="150" height="52" rx="0" ry="0" class="note"></rect><text x="796" y="765" fill="black" class="noteText"><tspan x="816" fill="black">Wait for Ack. </tspan></text><text x="796" y="781" fill="black" class="noteText"><tspan x="816" fill="black"> Timeout possible</tspan></text></g><g><text x="677.5" y="821" class="messageText" style="text-anchor: middle;">acknoledge SB1</text><line x1="480" y1="828" x2="875" y2="828" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><line x1="65" y1="681" x2="960" y2="681" class="loopLine"></line><line x1="960" y1="681" x2="960" y2="838" class="loopLine"></line><line x1="65" y1="838" x2="960" y2="838" class="loopLine"></line><line x1="65" y1="681" x2="65" y2="838" class="loopLine"></line><polygon points="65,681 115,681 115,694 106.6,701 65,701" class="labelBox"></polygon><text x="72.5" y="696" fill="black" class="labelText"><tspan x="72.5" fill="black">loop</tspan></text><text x="512.5" y="696" fill="black" class="loopText" style="text-anchor: middle;"><tspan x="512.5" fill="black">[ send 5 times ]</tspan></text></g><g><rect x="50" y="848" fill="#EDF2AE" stroke="#666" width="250" height="36" rx="0" ry="0" class="note"></rect><text x="46" y="872" fill="black" class="noteText"><tspan x="66" fill="black">Drive to Target-Position.</tspan></text></g><g><text x="475" y="937" class="messageText" style="text-anchor: middle;">SB1/position {position}</text><line x1="75" y1="944" x2="875" y2="944" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><line x1="65" y1="894" x2="885" y2="894" class="loopLine"></line><line x1="885" y1="894" x2="885" y2="954" class="loopLine"></line><line x1="65" y1="954" x2="885" y2="954" class="loopLine"></line><line x1="65" y1="894" x2="65" y2="954" class="loopLine"></line><polygon points="65,894 115,894 115,907 106.6,914 65,914" class="labelBox"></polygon><text x="72.5" y="909" fill="black" class="labelText"><tspan x="72.5" fill="black">loop</tspan></text><text x="475" y="909" fill="black" class="loopText" style="text-anchor: middle;"><tspan x="475" fill="black">[ send 5 times ]</tspan></text></g><g><rect x="0" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="75" dy="0">SmartVehicle1</tspan></text></g><g><rect x="200" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="-7">MQTT Topic </tspan></text><text x="275" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="7"> /SV1/available</tspan></text></g><g><rect x="400" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="-7">MQTT Topic </tspan></text><text x="475" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="7">/SV1/handshake</tspan></text></g><g><rect x="600" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="675" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="-7">MQTT Topic </tspan></text><text x="675" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="7">/SB1/handshake</tspan></text></g><g><rect x="800" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="875" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="875" dy="0">SmartBox1</tspan></text></g><g><rect x="1000" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="1075" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="1075" dy="-7">MQTT Topic </tspan></text><text x="1075" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="1075" dy="7">/SBn/handshake</tspan></text></g><g><rect x="1200" y="974" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="1275" y="1006.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="1275" dy="0">SmartBoxN</tspan></text></g></svg>