diff --git a/src/img/default.drawio.svg b/src/img/default.drawio.svg
index e7864ce..90f3be2 100644
--- a/src/img/default.drawio.svg
+++ b/src/img/default.drawio.svg
@@ -1,70 +1 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: #ffffff; background-color: light-dark(#ffffff, #121212);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="430px" height="80px" viewBox="-0.5 -0.5 430 80" content="&lt;mxfile&gt;&lt;diagram id=&quot;1i7MsD0zZz3KPOlOF6lD&quot; name=&quot;第 1 页&quot;&gt;vVZNj5swEP01XFcBh49cN7vdVmqlSjl0e3TMANYajIwTSH99bRgCBHbb1dLmEr83M/b48RjhkH3ePClaZt9kDMLxNnHjkAfH81x3szF/lrl0jE/CjkgVjzFpIA78FyCJdemJx1BNErWUQvNySjJZFMD0hKNKyXqalkgxPbWkKcyIA6Nizv7gsc46NvLCgf8MPM36k91g10WOlL2kSp4KPM/xSNL+unBO+73wolVGY1mPKPLokL2SUnervNmDsNr2snV1n16JXvtWUOi/KbAxW3Gm4gR9y21j+tKL0V4HbMHGIfd1xjUcSspstDaP33CZzoVBrlkmXIi9FFIZXMjCJN1XWskXuCHnjWLvZ1AamhGFjT+BzEGri0nBaIAaosdIiLgentiWIJeNnlaEHEWTpNedB6HMArVa1o1EM5kgNhZCiJcc6QIN18+j9U8r552P6KFBdVtw6UFhunoeg1GVhUNZi/q6rjXbz6uuQKqSJ8Uwi+B7RlUKmBUu669AUM3P090/pObMhF805NV6TjSvYUwhStjMjiYSsAiOyTqejG48uZt7Mlqw5HYFS4YzEb9SDZU23PpqmonmsUU14+AY+ME6al51eUNO1/tHerq7P49GM75Lu6RM2/u/V8SIwbKIx8jf+pt1RNzeihj58zm5oKG/xpjc/dcxeee+b1C26Dsobi4G6kPTM5xPz85A649PA4cPhDY2+gojj78B&lt;/diagram&gt;&lt;/mxfile&gt;">
-    <defs/>
-    <rect fill="#ffffff" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
-    <g>
-        <g>
-            <rect x="0" y="0" width="430" height="80" fill="none" stroke="none" pointer-events="all"/>
-        </g>
-        <g>
-            <path d="M 100 40 L 173.63 40" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 178.88 40 L 171.88 43.5 L 173.63 40 L 171.88 36.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="20" y="20" width="80" height="40" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill: light-dark(rgb(218, 232, 252), rgb(29, 41, 59)); stroke: light-dark(rgb(108, 142, 191), rgb(92, 121, 163));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 40px; margin-left: 21px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Items
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="60" y="44" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Items
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <rect x="180" y="20" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 40px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Latest Items
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="44" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Latest Items
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 380 65 C 380 45 380 35 400 35 C 386.67 35 386.67 15 400 15 C 413.33 15 413.33 35 400 35 C 420 35 420 45 420 65 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(184, 84, 80), rgb(215, 129, 126));"/>
-        </g>
-        <g>
-            <path d="M 300 40 L 377.63 40" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 382.88 40 L 375.88 43.5 L 377.63 40 L 375.88 36.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-    </g>
-    <switch>
-        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
-        <a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="430" height="80" content="&lt;mxfile&gt;&lt;diagram id=&quot;1i7MsD0zZz3KPOlOF6lD&quot; name=&quot;第 1 页&quot;&gt;vVZNj5swEP01XFcBh49cN7vdVmqlSjl0e3TMANYajIwTSH99bRgCBHbb1dLmEr83M/b48RjhkH3ePClaZt9kDMLxNnHjkAfH81x3szF/lrl0jE/CjkgVjzFpIA78FyCJdemJx1BNErWUQvNySjJZFMD0hKNKyXqalkgxPbWkKcyIA6Nizv7gsc46NvLCgf8MPM36k91g10WOlL2kSp4KPM/xSNL+unBO+73wolVGY1mPKPLokL2SUnervNmDsNr2snV1n16JXvtWUOi/KbAxW3Gm4gR9y21j+tKL0V4HbMHGIfd1xjUcSspstDaP33CZzoVBrlkmXIi9FFIZXMjCJN1XWskXuCHnjWLvZ1AamhGFjT+BzEGri0nBaIAaosdIiLgentiWIJeNnlaEHEWTpNedB6HMArVa1o1EM5kgNhZCiJcc6QIN18+j9U8r552P6KFBdVtw6UFhunoeg1GVhUNZi/q6rjXbz6uuQKqSJ8Uwi+B7RlUKmBUu669AUM3P090/pObMhF805NV6TjSvYUwhStjMjiYSsAiOyTqejG48uZt7Mlqw5HYFS4YzEb9SDZU23PpqmonmsUU14+AY+ME6al51eUNO1/tHerq7P49GM75Lu6RM2/u/V8SIwbKIx8jf+pt1RNzeihj58zm5oKG/xpjc/dcxeee+b1C26Dsobi4G6kPTM5xPz85A649PA4cPhDY2+gojj78B&lt;/diagram&gt;&lt;/mxfile&gt;" host="65bd71144e" style="background:#fff;background-color:light-dark(#fff,#121212)" version="1.1" viewBox="-0.5 -0.5 430 80"><rect width="100%" height="100%" x="0" y="0" fill="#fff" style="fill:light-dark(#fff,#121212)"/><g><g><rect width="430" height="80" x="0" y="0" fill="none" stroke="none" pointer-events="all"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 100 40 L 173.63 40" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 178.88 40 L 171.88 43.5 L 173.63 40 L 171.88 36.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="80" height="40" x="20" y="20" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill:light-dark(#dae8fc,#1d293b);stroke:light-dark(#6c8ebf,#5c79a3)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:40px;margin-left:21px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Items</div></div></div></foreignObject><text x="60" y="44" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Items</text></switch></g></g><g><rect width="120" height="40" x="180" y="20" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:40px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Latest Items</div></div></div></foreignObject><text x="240" y="44" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Latest Items</text></switch></g></g><g><path fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" d="M 380 65 C 380 45 380 35 400 35 C 386.67 35 386.67 15 400 15 C 413.33 15 413.33 35 400 35 C 420 35 420 45 420 65 Z" pointer-events="all" style="fill:light-dark(#f8cecc,#512d2b);stroke:light-dark(#b85450,#d7817e)"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 40 L 377.63 40" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 382.88 40 L 375.88 43.5 L 377.63 40 L 375.88 36.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g></g><switch><a target="_blank" transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems"><text x="50%" y="100%" font-size="10" text-anchor="middle">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/src/img/pipeline.drawio.svg b/src/img/pipeline.drawio.svg
index 38e0de4..a12b18d 100644
--- a/src/img/pipeline.drawio.svg
+++ b/src/img/pipeline.drawio.svg
@@ -1,382 +1 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: #ffffff; background-color: light-dark(#ffffff, #121212);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="610px" height="360px" viewBox="-0.5 -0.5 610 360" content="&lt;mxfile&gt;&lt;diagram id=&quot;1i7MsD0zZz3KPOlOF6lD&quot; name=&quot;第 1 页&quot;&gt;5Vtbc9o4FP41zGwfNmNbtjCPubad2e1kmum0eRS2MJ4YixWiQH99JSTHtiQIKcIkXh5AOrpY+s75ji4+DMD1bP2Rovn0X5LiYhB46XoAbgZBMPKH/FsINlIQhrEUZDRPpcivBQ/5L6yEnpIu8xQvWhUZIQXL521hQsoSJ6wlQ5SSVbvahBTtp85Rhg3BQ4IKU/o9T9lUSuNgWMs/4TybVk/24UiWjFHylFGyLNXzBgGYbD+yeIaqvtREF1OUklVDBG4H4JoSwmRqtr7GhYC2gk22u9tR+jxuikt2SANRJlr8RMUSV0PeDoxtKjC208GigTcAV6tpzvDDHCWidMW1z2VTNit4zufJSV4U16QglOdLUvJKVwtGyRPWhOqxmDK83jl2/xkRbmiYzDCjG15FNYAKQ2VjQaTyq1pjsDKoaUNboGqIlJVkz13XSPGEAmsH0kPHwDkAJAAaItBExA9tiAAXiERvD5FhGxAAIhMQzwKIHzsABJjzxyl3MypLKJuSjJSouK2lzfnjdc5+NNKPAraLSOVu1grFbWZTZUo+yB/NTKOVyNbNtrmqnRypGN5+pPlsyJImqpaaIEM0w6pWZNcHxQVi+c927zZwt00vKUWbRoU5yUu2aPR8LwS1mv2Rpuc4anu9l+r7nqZYOYJazc9TOUjzplP9tsB04c6z8mUlRTieJIZ75SUwifF44oZAsQYUNAkUW/gTuqAP6Dt9gEkfeA76BF5byyHYTx+9frWguqIPgP9DzQ+P1PzBtDJ802eGZz3wTaHfoW8K+26hoWmhozfhm15Y2vX6keOlPTToc4dxKo59PWBQh6t70PvVPTIZ5O9Qh3Mnbx7FxAZUjIbwL5l2aK2TySRIrNaawjGMoKPjbagdb0eW421wKnvtvceHJ7BXu48Ogb7f1BQkx6BaaTp6nbuG1t1ORQSZfvdEAGGXRIj6ToRhH4lgXlf+gxheMMUCt/v/M9Gg0/Ug7jsN4jPuX2LDWr+Q8u85pgsBaf6L2+X7t9ewU7c97Lu9js5oryPDXrkNFWhMqHxOD4y1U+fa+wvA6r3kWay1enjDXG/XDFMOKJde3n/ugb1GXTpX3zcA/YrKJ+enbAx3ADkcjT3PDZDGntSzvDM9GfFHe4mvYgcsTK/Z/dgk9wtMr8n9WPXnnunBOZkemIaJ5wU3uBlWR4p3bp2WK8vT0dx8dzIIYMHEpOeobGEJ/1uKGJ6rROJwKbSbjf/io+CP8aqfD1tUqro8lYnfO1QU8kZZds7HJfuXxT1QGwi7VJt5CXSDGOKSB8lTHU8+T9YGjZ85spKnEz5f7tXBlUAjT1BxqQpmeZpudyE29Nv6cQCn/lbeEtZiu7d3EuVjHs2+4oTMuD9JbSEObx5LPUbIFjQFTwQmcHSJ0F79qpI3sfrZTmVniRGC2gYRelpkpB4jFOytf/SLRN88MxrGsJiiuUiihAmv/FrXHifY7trHcRRGjvgDA32/aPLHFnMYueCPZ0B22Hbxzw6GF/7gVUfDbe4e05xPTHi6Y3hURUE3eXTsC/mDYfb3wnzi4/g5UbfE6RyN+h95r2hHIN4u76XXD4NI0/iRIVpnfQt04QWwbRQwHHZnFhariE9DRZ6t/wsg1VT/3wLc/gY=&lt;/diagram&gt;&lt;/mxfile&gt;">
-    <defs/>
-    <rect fill="#ffffff" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
-    <g>
-        <g>
-            <rect x="0" y="0" width="610" height="360" fill="none" stroke="none" pointer-events="all"/>
-        </g>
-        <g>
-            <rect x="170" y="10" width="140" height="330" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="10" y="85" width="100" height="180" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <path d="M 100 135 L 120 135 Q 130 135 130 125 L 130 70 Q 130 60 140 60 L 173.63 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 178.88 60 L 171.88 63.5 L 173.63 60 L 171.88 56.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="20" y="115" width="80" height="40" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill: light-dark(rgb(218, 232, 252), rgb(29, 41, 59)); stroke: light-dark(rgb(108, 142, 191), rgb(92, 121, 163));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 135px; margin-left: 21px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Users
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="60" y="139" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Users
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 100 185 L 130 185 Q 140 185 140 175 L 140 120 Q 140 110 150 110 L 173.63 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 178.88 110 L 171.88 113.5 L 173.63 110 L 171.88 106.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <path d="M 100 185 L 130 185 Q 140 185 140 175 L 140 167.5 Q 140 160 150 160 L 173.63 160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 178.88 160 L 171.88 163.5 L 173.63 160 L 171.88 156.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="20" y="165" width="80" height="40" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill: light-dark(rgb(218, 232, 252), rgb(29, 41, 59)); stroke: light-dark(rgb(108, 142, 191), rgb(92, 121, 163));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 185px; margin-left: 21px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Items
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="60" y="189" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Items
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 100 235 L 130 235 Q 140 235 140 245 L 140 252.5 Q 140 260 150 260 L 173.63 260" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 178.88 260 L 171.88 263.5 L 173.63 260 L 171.88 256.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="20" y="215" width="80" height="40" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill: light-dark(rgb(218, 232, 252), rgb(29, 41, 59)); stroke: light-dark(rgb(108, 142, 191), rgb(92, 121, 163));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 235px; margin-left: 21px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Feedback
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="60" y="239" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Feedback
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 300 60 L 325 60 Q 335 60 335 70 L 335 165 Q 335 175 345 175 L 363.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="180" y="40" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 60px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    User to User
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="64" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        User to User
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 300 110 L 325 110 Q 335 110 335 120 L 335 165 Q 335 175 345 175 L 363.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="180" y="90" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 110px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Item to Item
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="114" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Item to Item
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 300 160 L 325 160 Q 335 160 335 167.5 L 335 171.25 Q 335 175 345 175 L 363.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="180" y="140" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 160px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Latest Items
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="164" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Latest Items
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 300 210 L 325 210 Q 335 210 335 200 L 335 185 Q 335 175 345 175 L 363.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="180" y="190" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 210px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Non-personalized
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="214" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Non-personalized
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 300 260 L 325 260 Q 335 260 335 250 L 335 185 Q 335 175 345 175 L 363.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="180" y="240" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 260px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Collaborative
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="264" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Collaborative
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 300 310 L 325 310 Q 335 310 335 300 L 335 185 Q 335 175 345 175 L 363.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="180" y="290" width="120" height="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill: light-dark(rgb(255, 242, 204), rgb(40, 29, 0)); stroke: light-dark(rgb(214, 182, 86), rgb(109, 81, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 310px; margin-left: 181px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    External API
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        External API
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <rect x="370" y="155" width="120" height="40" fill="#ffe6cc" stroke="#d79b00" pointer-events="all" style="fill: light-dark(rgb(255, 230, 204), rgb(54, 33, 10)); stroke: light-dark(rgb(215, 155, 0), rgb(153, 101, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 175px; margin-left: 371px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Ranker
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="430" y="179" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Ranker
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 430 215 L 430 201.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 430 196.12 L 433.5 203.12 L 430 201.37 L 426.5 203.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <rect x="370" y="215" width="120" height="40" fill="#ffe6cc" stroke="#d79b00" pointer-events="all" style="fill: light-dark(rgb(255, 230, 204), rgb(54, 33, 10)); stroke: light-dark(rgb(215, 155, 0), rgb(153, 101, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 235px; margin-left: 371px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Replacement
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="430" y="239" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Replacement
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <rect x="370" y="95" width="120" height="40" fill="#ffe6cc" stroke="#d79b00" pointer-events="all" style="fill: light-dark(rgb(255, 230, 204), rgb(54, 33, 10)); stroke: light-dark(rgb(215, 155, 0), rgb(153, 101, 0));"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 115px; margin-left: 371px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    <span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
-                                        Fallback
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="430" y="119" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Fallback
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <rect x="20" y="85" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <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: 100px; margin-left: 21px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Data Source
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="60" y="104" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Data Source
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <rect x="210" y="10" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-        </g>
-        <g>
-            <g transform="translate(-0.5 -0.5)">
-                <switch>
-                    <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
-                        <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 25px; margin-left: 211px;">
-                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
-                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
-                                    Recommenders
-                                </div>
-                            </div>
-                        </div>
-                    </foreignObject>
-                    <text x="240" y="29" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
-                        Recommende...
-                    </text>
-                </switch>
-            </g>
-        </g>
-        <g>
-            <path d="M 580 200 L 580 340 Q 580 350 570 350 L 70 350 Q 60 350 60 340 L 60 271.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 60 266.12 L 63.5 273.12 L 60 271.37 L 56.5 273.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <path d="M 560 200 C 560 180 560 170 580 170 C 566.67 170 566.67 150 580 150 C 593.33 150 593.33 170 580 170 C 600 170 600 180 600 200 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(248, 206, 204), rgb(81, 45, 43)); stroke: light-dark(rgb(184, 84, 80), rgb(215, 129, 126));"/>
-        </g>
-        <g>
-            <path d="M 490 175 L 557.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 562.88 175 L 555.88 178.5 L 557.63 175 L 555.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <path d="M 490 115 L 510 115 Q 520 115 520 125 L 520 165 Q 520 175 530 175 L 557.63 175" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 562.88 175 L 555.88 178.5 L 557.63 175 L 555.88 171.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-        <g>
-            <path d="M 100 185 L 130 185 Q 140 185 140 195 L 140 205.92 Q 140 215.92 150 215.91 L 176.75 215.89" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-            <path d="M 182 215.88 L 175 219.39 L 176.75 215.89 L 175 212.39 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
-        </g>
-    </g>
-    <switch>
-        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
-        <a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="610" height="360" content="&lt;mxfile&gt;&lt;diagram id=&quot;1i7MsD0zZz3KPOlOF6lD&quot; name=&quot;第 1 页&quot;&gt;5Vtbc9o4FP41zGwfNmNbtjCPubad2e1kmum0eRS2MJ4YixWiQH99JSTHtiQIKcIkXh5AOrpY+s75ji4+DMD1bP2Rovn0X5LiYhB46XoAbgZBMPKH/FsINlIQhrEUZDRPpcivBQ/5L6yEnpIu8xQvWhUZIQXL521hQsoSJ6wlQ5SSVbvahBTtp85Rhg3BQ4IKU/o9T9lUSuNgWMs/4TybVk/24UiWjFHylFGyLNXzBgGYbD+yeIaqvtREF1OUklVDBG4H4JoSwmRqtr7GhYC2gk22u9tR+jxuikt2SANRJlr8RMUSV0PeDoxtKjC208GigTcAV6tpzvDDHCWidMW1z2VTNit4zufJSV4U16QglOdLUvJKVwtGyRPWhOqxmDK83jl2/xkRbmiYzDCjG15FNYAKQ2VjQaTyq1pjsDKoaUNboGqIlJVkz13XSPGEAmsH0kPHwDkAJAAaItBExA9tiAAXiERvD5FhGxAAIhMQzwKIHzsABJjzxyl3MypLKJuSjJSouK2lzfnjdc5+NNKPAraLSOVu1grFbWZTZUo+yB/NTKOVyNbNtrmqnRypGN5+pPlsyJImqpaaIEM0w6pWZNcHxQVi+c927zZwt00vKUWbRoU5yUu2aPR8LwS1mv2Rpuc4anu9l+r7nqZYOYJazc9TOUjzplP9tsB04c6z8mUlRTieJIZ75SUwifF44oZAsQYUNAkUW/gTuqAP6Dt9gEkfeA76BF5byyHYTx+9frWguqIPgP9DzQ+P1PzBtDJ802eGZz3wTaHfoW8K+26hoWmhozfhm15Y2vX6keOlPTToc4dxKo59PWBQh6t70PvVPTIZ5O9Qh3Mnbx7FxAZUjIbwL5l2aK2TySRIrNaawjGMoKPjbagdb0eW421wKnvtvceHJ7BXu48Ogb7f1BQkx6BaaTp6nbuG1t1ORQSZfvdEAGGXRIj6ToRhH4lgXlf+gxheMMUCt/v/M9Gg0/Ug7jsN4jPuX2LDWr+Q8u85pgsBaf6L2+X7t9ewU7c97Lu9js5oryPDXrkNFWhMqHxOD4y1U+fa+wvA6r3kWay1enjDXG/XDFMOKJde3n/ugb1GXTpX3zcA/YrKJ+enbAx3ADkcjT3PDZDGntSzvDM9GfFHe4mvYgcsTK/Z/dgk9wtMr8n9WPXnnunBOZkemIaJ5wU3uBlWR4p3bp2WK8vT0dx8dzIIYMHEpOeobGEJ/1uKGJ6rROJwKbSbjf/io+CP8aqfD1tUqro8lYnfO1QU8kZZds7HJfuXxT1QGwi7VJt5CXSDGOKSB8lTHU8+T9YGjZ85spKnEz5f7tXBlUAjT1BxqQpmeZpudyE29Nv6cQCn/lbeEtZiu7d3EuVjHs2+4oTMuD9JbSEObx5LPUbIFjQFTwQmcHSJ0F79qpI3sfrZTmVniRGC2gYRelpkpB4jFOytf/SLRN88MxrGsJiiuUiihAmv/FrXHifY7trHcRRGjvgDA32/aPLHFnMYueCPZ0B22Hbxzw6GF/7gVUfDbe4e05xPTHi6Y3hURUE3eXTsC/mDYfb3wnzi4/g5UbfE6RyN+h95r2hHIN4u76XXD4NI0/iRIVpnfQt04QWwbRQwHHZnFhariE9DRZ6t/wsg1VT/3wLc/gY=&lt;/diagram&gt;&lt;/mxfile&gt;" host="65bd71144e" style="background:#fff;background-color:light-dark(#fff,#121212)" version="1.1" viewBox="-0.5 -0.5 610 360"><rect width="100%" height="100%" x="0" y="0" fill="#fff" style="fill:light-dark(#fff,#121212)"/><g><g><rect width="610" height="360" x="0" y="0" fill="none" stroke="none" pointer-events="all"/></g><g><rect width="140" height="330" x="170" y="10" fill="#fff" stroke="#000" pointer-events="all" style="fill:light-dark(#fff,var(--ge-dark-color, #121212));stroke:light-dark(#000,#fff)"/></g><g><rect width="100" height="180" x="10" y="85" fill="#fff" stroke="#000" pointer-events="all" style="fill:light-dark(#fff,var(--ge-dark-color, #121212));stroke:light-dark(#000,#fff)"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 100 135 L 120 135 Q 130 135 130 125 L 130 70 Q 130 60 140 60 L 173.63 60" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 178.88 60 L 171.88 63.5 L 173.63 60 L 171.88 56.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="80" height="40" x="20" y="115" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill:light-dark(#dae8fc,#1d293b);stroke:light-dark(#6c8ebf,#5c79a3)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:135px;margin-left:21px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Users</div></div></div></foreignObject><text x="60" y="139" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Users</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 100 185 L 130 185 Q 140 185 140 175 L 140 120 Q 140 110 150 110 L 173.63 110" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 178.88 110 L 171.88 113.5 L 173.63 110 L 171.88 106.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 100 185 L 130 185 Q 140 185 140 175 L 140 167.5 Q 140 160 150 160 L 173.63 160" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 178.88 160 L 171.88 163.5 L 173.63 160 L 171.88 156.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="80" height="40" x="20" y="165" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill:light-dark(#dae8fc,#1d293b);stroke:light-dark(#6c8ebf,#5c79a3)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:185px;margin-left:21px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Items</div></div></div></foreignObject><text x="60" y="189" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Items</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 100 235 L 130 235 Q 140 235 140 245 L 140 252.5 Q 140 260 150 260 L 173.63 260" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 178.88 260 L 171.88 263.5 L 173.63 260 L 171.88 256.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="80" height="40" x="20" y="215" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all" style="fill:light-dark(#dae8fc,#1d293b);stroke:light-dark(#6c8ebf,#5c79a3)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:235px;margin-left:21px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Feedback</div></div></div></foreignObject><text x="60" y="239" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Feedback</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 60 L 325 60 Q 335 60 335 70 L 335 165 Q 335 175 345 175 L 363.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="180" y="40" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:60px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">User to User</div></div></div></foreignObject><text x="240" y="64" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">User to User</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 110 L 325 110 Q 335 110 335 120 L 335 165 Q 335 175 345 175 L 363.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="180" y="90" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:110px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Item to Item</div></div></div></foreignObject><text x="240" y="114" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Item to Item</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 160 L 325 160 Q 335 160 335 167.5 L 335 171.25 Q 335 175 345 175 L 363.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="180" y="140" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:160px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Latest Items</div></div></div></foreignObject><text x="240" y="164" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Latest Items</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 210 L 325 210 Q 335 210 335 200 L 335 185 Q 335 175 345 175 L 363.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="180" y="190" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:210px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Non-personalized</div></div></div></foreignObject><text x="240" y="214" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Non-personalized</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 260 L 325 260 Q 335 260 335 250 L 335 185 Q 335 175 345 175 L 363.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="180" y="240" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:260px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Collaborative</div></div></div></foreignObject><text x="240" y="264" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Collaborative</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 300 310 L 325 310 Q 335 310 335 300 L 335 185 Q 335 175 345 175 L 363.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 368.88 175 L 361.88 178.5 L 363.63 175 L 361.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="180" y="290" fill="#fff2cc" stroke="#d6b656" pointer-events="all" style="fill:light-dark(#fff2cc,#281d00);stroke:light-dark(#d6b656,#6d5100)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:310px;margin-left:181px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">External API</div></div></div></foreignObject><text x="240" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">External API</text></switch></g></g><g><rect width="120" height="40" x="370" y="155" fill="#ffe6cc" stroke="#d79b00" pointer-events="all" style="fill:light-dark(#ffe6cc,#36210a);stroke:light-dark(#d79b00,#996500)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:175px;margin-left:371px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Ranker</div></div></div></foreignObject><text x="430" y="179" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Ranker</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 430 215 L 430 201.37" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 430 196.12 L 433.5 203.12 L 430 201.37 L 426.5 203.12 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><rect width="120" height="40" x="370" y="215" fill="#ffe6cc" stroke="#d79b00" pointer-events="all" style="fill:light-dark(#ffe6cc,#36210a);stroke:light-dark(#d79b00,#996500)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:235px;margin-left:371px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Replacement</div></div></div></foreignObject><text x="430" y="239" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Replacement</text></switch></g></g><g><rect width="120" height="40" x="370" y="95" fill="#ffe6cc" stroke="#d79b00" pointer-events="all" style="fill:light-dark(#ffe6cc,#36210a);stroke:light-dark(#d79b00,#996500)"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:115px;margin-left:371px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"><span style="color:light-dark(#000,#ededed)">Fallback</span></div></div></div></foreignObject><text x="430" y="119" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Fallback</text></switch></g></g><g><rect width="80" height="30" x="20" y="85" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><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:100px;margin-left:21px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Data Source</div></div></div></foreignObject><text x="60" y="104" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Data Source</text></switch></g></g><g><rect width="60" height="30" x="210" y="10" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow:visible;text-align:left" width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:25px;margin-left:211px"><div style="box-sizing:border-box;font-size:0;text-align:center;color:#000"><div style="display:inline-block;font-size:12px;font-family:&quot;Helvetica&quot;;color:light-dark(#000,#fff);line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">Recommenders</div></div></div></foreignObject><text x="240" y="29" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12" text-anchor="middle">Recommende...</text></switch></g></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 580 200 L 580 340 Q 580 350 570 350 L 70 350 Q 60 350 60 340 L 60 271.37" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 60 266.12 L 63.5 273.12 L 60 271.37 L 56.5 273.12 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><path fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" d="M 560 200 C 560 180 560 170 580 170 C 566.67 170 566.67 150 580 150 C 593.33 150 593.33 170 580 170 C 600 170 600 180 600 200 Z" pointer-events="all" style="fill:light-dark(#f8cecc,#512d2b);stroke:light-dark(#b85450,#d7817e)"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 490 175 L 557.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 562.88 175 L 555.88 178.5 L 557.63 175 L 555.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 490 115 L 510 115 Q 520 115 520 125 L 520 165 Q 520 175 530 175 L 557.63 175" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 562.88 175 L 555.88 178.5 L 557.63 175 L 555.88 171.5 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g><g><path fill="none" stroke="#000" stroke-miterlimit="10" d="M 100 185 L 130 185 Q 140 185 140 195 L 140 205.92 Q 140 215.92 150 215.91 L 176.75 215.89" pointer-events="stroke" style="stroke:light-dark(#000,#fff)"/><path fill="#000" stroke="#000" stroke-miterlimit="10" d="M 182 215.88 L 175 219.39 L 176.75 215.89 L 175 212.39 Z" pointer-events="all" style="fill:light-dark(#000,#fff);stroke:light-dark(#000,#fff)"/></g></g><switch><a target="_blank" transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems"><text x="50%" y="100%" font-size="10" text-anchor="middle">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file