docs/images/DIAG01-STAGE03-looping-through-sequence-length.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1656px" height="981px" viewBox="-0.5 -0.5 1656 981" content="&lt;mxfile&gt;&lt;diagram id=&quot;FOsQcooNq0DZRFAvDWz8&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="2" y="0" width="1650" height="980" fill="rgb(255, 255, 255)" stroke="#6a6a6a" pointer-events="all"/>
        <rect x="1322" y="10" width="320" height="30" fill="none" stroke="none" 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 flex-end; width: 318px; height: 1px; padding-top: 25px; margin-left: 1322px;">
                        <div data-drawio-colors="color: #6A6A6A; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(106, 106, 106); line-height: 1.2; pointer-events: all; font-weight: bold; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                Diagram by Adil Alper DALKIRAN, 2024
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1640" y="30" fill="#6A6A6A" font-family="Helvetica" font-size="16px" text-anchor="end" font-weight="bold" font-style="italic">
                    Diagram by Adil Alper DALKIRAN, 2024
                </text>
            </switch>
        </g>
        <rect x="12" y="40" width="1630" height="890" fill="#f9f9f9" stroke="#b3c7e1" stroke-width="2" pointer-events="all"/>
        <rect x="12" y="10" width="500" height="70" rx="10.5" ry="10.5" fill="#f9f9f9" stroke="#b3c7e1" stroke-width="2" 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 flex-start; width: 498px; height: 1px; padding-top: 45px; margin-left: 14px;">
                        <div data-drawio-colors="color: #333132; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(51, 49, 50); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                <span style="text-align: right;">
                                    Llama 3.1 Nuts and Bolts Inference Engine
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="14" y="52" fill="#333132" font-family="Helvetica" font-size="24px" font-weight="bold">
                    Llama 3.1 Nuts and Bolts Inference Engine
                </text>
            </switch>
        </g>
        <rect x="832" y="773" width="310" height="100" rx="15" ry="15" fill="#0050ef" stroke="#001dbc" pointer-events="none"/>
        <path d="M 842 780 M 1132 780 M 1132 808 M 842 808" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; width: 288px; height: 1px; padding-top: 794px; margin-left: 844px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <b style="border-color: var(--border-color);">
                                    Prompt Token IDs (array of 22 integers):
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="844" y="798" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                    Prompt Token IDs (array of 22 integers):
                </text>
            </switch>
        </g>
        <path d="M 842 808 M 1132 808 M 1132 868 M 842 868" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; width: 288px; height: 1px; padding-top: 838px; margin-left: 844px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 56px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                128000, 128006, 9125, 128007, 271, 2675, 527, 55152, 128009, 128006, 882, 128007, 271, 75885, 701, 10334, 13, 128009, 128006, 78191, 128007, 271
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="844" y="842" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                    128000, 128006, 9125, 128007, 271, 2675, 527, 55...
                </text>
            </switch>
        </g>
        <rect x="852" y="667" width="270" height="30" rx="4.5" ry="4.5" fill="#1ba1e2" stroke="#006eaf" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 682px; margin-left: 853px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Convert TokenId array to Tensor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="686" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Convert TokenId array to Tensor
                </text>
            </switch>
        </g>
        <path d="M 987 773 L 987 705.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 699.24 L 991 707.24 L 987 705.24 L 983 707.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <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: 1px; height: 1px; padding-top: 735px; margin-left: 987px;">
                        <div data-drawio-colors="color: #6A6A6A; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(106, 106, 106); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <div style="border-color: var(--border-color);">
                                    Integer array with length of 22
                                </div>
                                <div style="border-color: var(--border-color);">
                                    (Token IDs were retrieved from the Tiktoken tokenizer/vocabulary model
                                </div>
                                <div style="border-color: var(--border-color);">
                                    in the tokenizer.model file)
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="738" fill="#6A6A6A" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Integer array with length of 22...
                </text>
            </switch>
        </g>
        <rect x="852" y="537" width="270" height="30" rx="4.5" ry="4.5" fill="#1ba1e2" stroke="#006eaf" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 552px; margin-left: 853px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Loop over positions at the sequence to SequenceLength (200)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="556" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Loop over positions at the sequence to Sequen...
                </text>
            </switch>
        </g>
        <rect x="852" y="487" width="270" height="30" rx="4.5" ry="4.5" fill="#1ba1e2" stroke="#006eaf" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 502px; margin-left: 853px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Extract required slice of tokens tensor for current iteration
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="506" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Extract required slice of tokens tensor for c...
                </text>
            </switch>
        </g>
        <path d="M 987 537 L 987 525.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 519.24 L 991 527.24 L 987 525.24 L 983 527.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="852" y="587" width="270" height="56" rx="8.4" ry="8.4" fill="#008a00" stroke="#005700" pointer-events="none"/>
        <path d="M 856.35 590.36 M 1035.35 590.36 M 1035.35 609.36 M 856.35 609.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 177px; height: 1px; padding-top: 597px; margin-left: 858px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <b style="border-color: var(--border-color); font-size: 12px;">
                                    <span style="font-weight: 400; font-size: 12px;">
                                        Tensor:
                                    </span>
                                </b>
                                <b style="border-color: var(--border-color); font-size: 12px;">
                                    tokens
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="858" y="609" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                    Tensor: tokens
                </text>
            </switch>
        </g>
        <path d="M 1035.35 590.36 M 1117.35 590.36 M 1117.35 609.36 M 1035.35 609.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; justify-content: unsafe flex-end; width: 80px; height: 1px; padding-top: 597px; margin-left: 1035px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: right; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                int32
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1115" y="609" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="end">
                    int32
                </text>
            </switch>
        </g>
        <path d="M 856.35 609.36 M 1035.35 609.36 M 1035.35 640.36 M 856.35 640.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-end; justify-content: unsafe flex-start; width: 177px; height: 1px; padding-top: 637px; margin-left: 858px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 27px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                (MaxSequenceLength)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="858" y="637" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                    (MaxSequenceLength)
                </text>
            </switch>
        </g>
        <path d="M 1035.35 609.36 M 1117.35 609.36 M 1117.35 640.36 M 1035.35 640.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-end; justify-content: unsafe flex-end; width: 80px; height: 1px; padding-top: 637px; margin-left: 1035px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: right; max-height: 27px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                (200)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1115" y="637" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="end">
                    (200)
                </text>
            </switch>
        </g>
        <path d="M 987 667 L 987 651.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 645.24 L 991 653.24 L 987 651.24 L 983 653.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 587 L 987 575.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 569.24 L 991 577.24 L 987 575.24 L 983 577.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="852" y="412" width="270" height="56" rx="8.4" ry="8.4" fill="#008a00" stroke="#005700" pointer-events="none"/>
        <path d="M 856.35 415.36 M 1035.35 415.36 M 1035.35 434.36 M 856.35 434.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; justify-content: unsafe flex-start; width: 177px; height: 1px; padding-top: 422px; margin-left: 858px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <b style="border-color: var(--border-color); font-size: 12px;">
                                    <span style="font-weight: 400; font-size: 12px;">
                                        Tensor:
                                    </span>
                                </b>
                                <span style="font-size: 12px; text-align: center;">
                                    <b style="font-size: 12px;">
                                        inputTokensSlice
                                    </b>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="858" y="434" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                    Tensor: inputTokensSlice
                </text>
            </switch>
        </g>
        <path d="M 1035.35 415.36 M 1117.35 415.36 M 1117.35 434.36 M 1035.35 434.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; justify-content: unsafe flex-end; width: 80px; height: 1px; padding-top: 422px; margin-left: 1035px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: right; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                int32
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1115" y="434" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="end">
                    int32
                </text>
            </switch>
        </g>
        <path d="M 856.35 434.36 M 1035.35 434.36 M 1035.35 465.36 M 856.35 465.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-end; justify-content: unsafe flex-start; width: 177px; height: 1px; padding-top: 462px; margin-left: 858px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 27px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                (
                                <span style="font-size: 12px; text-align: center;">
                                    sequenceLength)
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="858" y="462" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                    (sequenceLength)
                </text>
            </switch>
        </g>
        <path d="M 1035.35 434.36 M 1117.35 434.36 M 1117.35 465.36 M 1035.35 465.36" fill="none" stroke="rgb(0, 0, 0)" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-end; justify-content: unsafe flex-end; width: 80px; height: 1px; padding-top: 462px; margin-left: 1035px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: right; max-height: 27px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                (22)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1115" y="462" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="end">
                    (22)
                </text>
            </switch>
        </g>
        <path d="M 987 487 L 987 476.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 470.24 L 991 478.24 L 987 476.24 L 983 478.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 721 615 L 843.76 615" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 849.76 615 L 841.76 619 L 843.76 615 L 841.76 611 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="451" y="600" width="270" height="30" rx="4.5" ry="4.5" fill="#1ba1e2" stroke="#006eaf" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 615px; margin-left: 452px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Set the next item of tokens tensor with new generated Token Id
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="586" y="619" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Set the next item of tokens tensor with new g...
                </text>
            </switch>
        </g>
        <rect x="852" y="138" width="270" height="30" rx="4.5" ry="4.5" fill="#008a00" stroke="#005700" transform="translate(0,153)scale(1,-1)translate(0,-153)" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 153px; margin-left: 853px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                nextTokenId as integer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="157" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    nextTokenId as integer
                </text>
            </switch>
        </g>
        <path d="M 852 153 L 422 153 Q 412 153 412 163 L 412 605 Q 412 615 422 615 L 437.16 615" fill="none" stroke="#c73500" stroke-width="5" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 445.41 615 L 434.41 620.5 L 437.16 615 L 434.41 609.5 Z" fill="#c73500" stroke="#c73500" stroke-width="5" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="579.5" y="273" width="815" height="103" fill="#efefef" stroke="#b3c7e1" stroke-width="2" pointer-events="none"/>
        <rect x="579.5" y="243" width="380" height="70" rx="10.5" ry="10.5" fill="#f9f9f9" stroke="#b3c7e1" stroke-width="2" pointer-events="none"/>
        <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 flex-start; width: 1px; height: 1px; padding-top: 278px; margin-left: 582px;">
                        <div data-drawio-colors="color: #333132; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(51, 49, 50); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: nowrap;">
                                Transformer Model:
                                <br/>
                                LlamaTransformer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="582" y="285" fill="#333132" font-family="Helvetica" font-size="24px" font-weight="bold">
                    Transformer Model:...
                </text>
            </switch>
        </g>
        <path d="M 987 190 L 987 176.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 170.24 L 991 178.24 L 987 176.24 L 983 178.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="852" y="190" width="270" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 205px; margin-left: 853px;">
                        <div data-drawio-colors="color: #B85450; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(184, 84, 80); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="209" fill="#B85450" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ...
                </text>
            </switch>
        </g>
        <path d="M 987 316 L 987 228.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 222.24 L 991 230.24 L 987 228.24 L 983 230.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="852" y="316" width="270" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 331px; margin-left: 853px;">
                        <div data-drawio-colors="color: #B85450; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(184, 84, 80); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="335" fill="#B85450" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ...
                </text>
            </switch>
        </g>
        <path d="M 987 412 L 987 354.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 348.24 L 991 356.24 L 987 354.24 L 983 356.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 940 L 987 928.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 922.24 L 991 930.24 L 987 928.24 L 983 930.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="852" y="940" width="270" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 955px; margin-left: 853px;">
                        <div data-drawio-colors="color: #B85450; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(184, 84, 80); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="959" fill="#B85450" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ...
                </text>
            </switch>
        </g>
        <path d="M 987 890 L 987 881.24" fill="none" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 987 875.24 L 991 883.24 L 987 881.24 L 983 883.24 Z" fill="#6a6a6a" stroke="#6a6a6a" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="852" y="890" width="270" height="30" rx="4.5" ry="4.5" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 268px; height: 1px; padding-top: 905px; margin-left: 853px;">
                        <div data-drawio-colors="color: #B85450; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(184, 84, 80); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="987" y="909" fill="#B85450" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ...
                </text>
            </switch>
        </g>
        <rect x="2" y="0" width="1650" height="120" fill-opacity="0.4" fill="#36454f" stroke="none" pointer-events="none"/>
        <path d="M 2 120 L 1652 120" fill="none" stroke="#36454f" stroke-width="5" stroke-miterlimit="10" stroke-dasharray="15 15" pointer-events="none"/>
        <rect x="2" y="660" width="1650" height="320" fill-opacity="0.4" fill="#36454f" stroke="none" pointer-events="none"/>
        <path d="M 2 660 L 1652 660" fill="none" stroke="#36454f" stroke-width="5" stroke-miterlimit="10" stroke-dasharray="15 15" pointer-events="none"/>
        <rect x="-200.75" y="324.25" width="535.5" height="130" fill-opacity="0.4" fill="#f8cecc" stroke="#b85450" stroke-opacity="0.4" transform="rotate(270,67,389.25)" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)rotate(270 67 389.25)">
            <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: 534px; height: 1px; padding-top: 389px; margin-left: -200px;">
                        <div data-drawio-colors="color: #B85450; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(184, 84, 80); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                You are here
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="67" y="396" fill="#B85450" font-family="Helvetica" font-size="24px" text-anchor="middle">
                    You are here
                </text>
            </switch>
        </g>
        <path d="M 90 384 L 122 384 L 122 371.75 L 130 389.25 L 122 406.75 L 122 394.5 L 90 394.5 Z" fill-opacity="0.4" fill="#b85450" stroke="rgb(0, 0, 0)" stroke-opacity="0.4" stroke-miterlimit="10" pointer-events="none"/>
        <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 flex-start; width: 448px; height: 1px; padding-top: 100px; margin-left: 24px;">
                        <div data-drawio-colors="color: #B85450; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(184, 84, 80); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">
                                Stage: Looping through sequence length
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="24" y="105" fill="#B85450" font-family="Helvetica" font-size="16px" font-weight="bold">
                    Stage: Looping through sequence length
                </text>
            </switch>
        </g>
    </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%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>