docs/flow_tv.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1149px" height="649px" viewBox="-0.5 -0.5 1149 649" content="&lt;mxfile&gt;&lt;diagram id=&quot;A2oAJAV-xqYx2MG6nJrH&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <path d="M 220 60 L 220 91.13" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 220 96.38 L 216.5 89.38 L 220 91.13 L 223.5 89.38 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="160" y="0" width="120" height="60" rx="30" ry="30" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 30px; margin-left: 161px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Start
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="220" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Start
                </text>
            </switch>
        </g>
        <path d="M 250 235 L 287.5 235 L 287.5 200 L 328.63 200" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 333.88 200 L 326.88 203.5 L 328.63 200 L 326.88 196.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 190 280 L 190 333.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190 338.88 L 186.5 331.88 L 190 333.63 L 193.5 331.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="130" y="220" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 131px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Standard mode
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="254" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Standard mode
                </text>
            </switch>
        </g>
        <path d="M 544 77.5 L 594 77.5 L 624 107.5 L 624 177.5 L 544 177.5 L 544 77.5 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 594 77.5 L 594 107.5 L 624 107.5 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 594 77.5 L 594 107.5 L 624 107.5" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 128px; margin-left: 545px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Borrel drinks menu &amp; prices is displayed
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="584" y="131" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Borrel drinks...
                </text>
            </switch>
        </g>
        <path d="M 0 200 L 50 200 L 80 230 L 80 300 L 0 300 L 0 200 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 200 L 50 230 L 80 230 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 50 200 L 50 230 L 80 230" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 250px; margin-left: 1px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Is playing arrangement (loop)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="254" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Is playing ar...
                </text>
            </switch>
        </g>
        <path d="M 510 265 L 477.5 265 L 477.5 300 L 441.37 300" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 436.12 300 L 443.12 296.5 L 441.37 300 L 443.12 303.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="510" y="220" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 511px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Borrel mode
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="570" y="254" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Borrel mode
                </text>
            </switch>
        </g>
        <path d="M 435 200 L 477.5 200 L 477.5 235 L 503.63 235" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 508.88 235 L 501.88 238.5 L 503.63 235 L 501.88 231.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 375 230 L 325 230 Q 325 230 325 230 L 345 170 Q 345 170 345 170 L 445 170 Q 445 170 445 170 L 425 230 Q 425 230 425 230 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 200px; margin-left: 326px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Remote left/right
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="385" y="204" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Remote left/right
                </text>
            </switch>
        </g>
        <path d="M 335 300 L 287.5 300 L 287.5 265 L 256.37 265" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 251.12 265 L 258.12 261.5 L 256.37 265 L 258.12 268.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 375 330 L 325 330 Q 325 330 325 330 L 345 270 Q 345 270 345 270 L 445 270 Q 445 270 445 270 L 425 330 Q 425 330 425 330 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 300px; margin-left: 326px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Remote left/right
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="385" y="304" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Remote left/right
                </text>
            </switch>
        </g>
        <path d="M 190 400 L 190 438.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190 443.88 L 186.5 436.88 L 190 438.63 L 193.5 436.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 180 400 L 130 400 Q 130 400 130 400 L 150 340 Q 150 340 150 340 L 250 340 Q 250 340 250 340 L 230 400 Q 230 400 230 400 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 370px; margin-left: 131px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Remote up/down
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="374" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Remote up/down
                </text>
            </switch>
        </g>
        <path d="M 190 610 L 190 640 L 105 640 L 105 200 L 190 200 L 190 213.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190 218.88 L 186.5 211.88 L 190 213.63 L 193.5 211.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 190 505 L 190 543.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190 548.88 L 186.5 541.88 L 190 543.63 L 193.5 541.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="130" y="445" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 475px; margin-left: 131px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Switch source (arrangement)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="479" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Switch source (arran...
                </text>
            </switch>
        </g>
        <rect x="130" y="550" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 580px; margin-left: 131px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Display source for a few seconds
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="584" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Display source for a...
                </text>
            </switch>
        </g>
        <path d="M 220 157.5 L 220 213.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 220 218.88 L 216.5 211.88 L 220 213.63 L 223.5 211.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="160" y="97.5" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 128px; margin-left: 161px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Display source for a few seconds
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="220" y="131" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Display source for a...
                </text>
            </switch>
        </g>
        <path d="M 1060 230 L 1060 283.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1060 288.88 L 1056.5 281.88 L 1060 283.63 L 1063.5 281.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1050 230 L 1000 230 Q 1000 230 1000 230 L 1020 170 Q 1020 170 1020 170 L 1120 170 Q 1120 170 1120 170 L 1100 230 Q 1100 230 1100 230 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 200px; margin-left: 1001px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Remote info
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1060" y="204" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Remote info
                </text>
            </switch>
        </g>
        <path d="M 1060 350 L 1060 370 L 1140 370 L 1140 100 L 967.37 100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 962.12 100 L 969.12 96.5 L 967.37 100 L 969.12 103.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="1000" y="290" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 1001px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Show controls/functionalities of app
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1060" y="324" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Show controls/functi...
                </text>
            </switch>
        </g>
        <path d="M 922 136 L 922 150 L 1060 150 L 1060 163.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1060 168.88 L 1056.5 161.88 L 1060 163.63 L 1063.5 161.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 922 136 L 922 163.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 922 168.88 L 918.5 161.88 L 922 163.63 L 925.5 161.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 922 136 L 922 150 L 785 150 L 785 163.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 785 168.88 L 781.5 161.88 L 785 163.63 L 788.5 161.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 886 80 C 862 80 856 100 875.2 104 C 856 112.8 877.6 132 893.2 124 C 904 140 940 140 952 124 C 976 124 976 108 961 100 C 976 84 952 68 931 76 C 916 64 892 64 886 80 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 100px; margin-left: 857px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                &lt;any&gt;
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="916" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-style="italic">
                    &lt;any&gt;
                </text>
            </switch>
        </g>
        <path d="M 922 230 L 922 283.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 922 288.88 L 918.5 281.88 L 922 283.63 L 925.5 281.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 912 230 L 862 230 Q 862 230 862 230 L 882 170 Q 882 170 882 170 L 982 170 Q 982 170 982 170 L 962 230 Q 962 230 962 230 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 200px; margin-left: 863px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Remote
                                <br/>
                                return/exit
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="922" y="204" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Remote...
                </text>
            </switch>
        </g>
        <rect x="862" y="290" width="120" height="60" rx="30" ry="30" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 863px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                End
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="922" y="324" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    End
                </text>
            </switch>
        </g>
        <path d="M 775 230 L 725 230 Q 725 230 725 230 L 745 170 Q 745 170 745 170 L 845 170 Q 845 170 845 170 L 825 230 Q 825 230 825 230 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 200px; margin-left: 726px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Remote #n
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="785" y="204" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Remote #n
                </text>
            </switch>
        </g>
        <path d="M 785 350 L 785 370 L 705 370 L 705 104 L 868.83 104" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 874.08 104 L 867.08 107.5 L 868.83 104 L 867.08 100.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="725" y="290" width="120" height="60" fill="none" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 726px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Play
                                <br/>
                                arrangement #n
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="785" y="324" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Play...
                </text>
            </switch>
        </g>
        <path d="M 785 230 L 785 283.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 785 288.88 L 781.5 281.88 L 785 283.63 L 788.5 281.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>