Spaces:

Agents-MCP-Hackathon
/

RecoFM

Paused

App Files Files Community

RecoFM / diagram.svg

ChernovAndrei's picture

added diagram

9523e3c 26 days ago

|

history blame contribute delete

24.4 kB

<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns:xlink="http://www.w3.org/1999/xlink" aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 977.6875 1141" style="max-width: 977.6875px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-svg-189"><style>#mermaid-svg-189{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-189 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-189 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-189 .error-icon{fill:#552222;}#mermaid-svg-189 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-189 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-189 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-189 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-189 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-189 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-189 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-189 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-189 .marker.cross{stroke:#333333;}#mermaid-svg-189 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-189 p{margin:0;}#mermaid-svg-189 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-189 .cluster-label text{fill:#333;}#mermaid-svg-189 .cluster-label span{color:#333;}#mermaid-svg-189 .cluster-label span p{background-color:transparent;}#mermaid-svg-189 .label text,#mermaid-svg-189 span{fill:#333;color:#333;}#mermaid-svg-189 .node rect,#mermaid-svg-189 .node circle,#mermaid-svg-189 .node ellipse,#mermaid-svg-189 .node polygon,#mermaid-svg-189 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-189 .rough-node .label text,#mermaid-svg-189 .node .label text,#mermaid-svg-189 .image-shape .label,#mermaid-svg-189 .icon-shape .label{text-anchor:middle;}#mermaid-svg-189 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-189 .rough-node .label,#mermaid-svg-189 .node .label,#mermaid-svg-189 .image-shape .label,#mermaid-svg-189 .icon-shape .label{text-align:center;}#mermaid-svg-189 .node.clickable{cursor:pointer;}#mermaid-svg-189 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-189 .arrowheadPath{fill:#333333;}#mermaid-svg-189 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-189 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-189 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-189 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-189 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-189 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-189 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-189 .cluster text{fill:#333;}#mermaid-svg-189 .cluster span{color:#333;}#mermaid-svg-189 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-189 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-189 rect.text{fill:none;stroke-width:0;}#mermaid-svg-189 .icon-shape,#mermaid-svg-189 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-189 .icon-shape p,#mermaid-svg-189 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-189 .icon-shape rect,#mermaid-svg-189 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-189 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg-189 .data>*{fill:#e1f5fe!important;stroke:#039be5!important;}#mermaid-svg-189 .data span{fill:#e1f5fe!important;stroke:#039be5!important;}#mermaid-svg-189 .result>*{fill:#c8e6c9!important;stroke:#2e7d32!important;}#mermaid-svg-189 .result span{fill:#c8e6c9!important;stroke:#2e7d32!important;}#mermaid-svg-189 .process>*{fill:#fff3e0!important;stroke:#fb8c00!important;}#mermaid-svg-189 .process span{fill:#fff3e0!important;stroke:#fb8c00!important;}#mermaid-svg-189 .ai>*{fill:#fce4ec!important;stroke:#e91e63!important;}#mermaid-svg-189 .ai span{fill:#fce4ec!important;stroke:#e91e63!important;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-svg-189_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-svg-189_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-svg-189_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-svg-189_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-svg-189_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="mermaid-svg-189_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"><g data-look="classic" id="subGraph3" class="cluster"><rect height="256" width="320.4296875" y="877" x="330.357421875" style=""></rect><g transform="translate(423.173828125, 877)" class="cluster-label"><foreignObject height="24" width="134.796875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Intelligent Ranking</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph2" class="cluster"><rect height="208" width="667.173828125" y="619" x="80.69921875" style=""></rect><g transform="translate(343.4501953125, 619)" class="cluster-label"><foreignObject height="24" width="141.671875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Two-Stage Retrieval</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph1" class="cluster"><rect height="432" width="611.6875" y="137" x="358" style=""></rect><g transform="translate(593.9375, 137)" class="cluster-label"><foreignObject height="24" width="139.8125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>User Understanding</p></span></div></foreignObject></g></g><g data-look="classic" id="subGraph0" class="cluster"><rect height="561" width="330" y="8" x="8" style=""></rect><g transform="translate(81.484375, 8)" class="cluster-label"><foreignObject height="24" width="183.03125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Data Preparation Pipeline</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M173,87L173,91.167C173,95.333,173,103.667,173,112C173,120.333,173,128.667,173,136.333C173,144,173,151,173,154.5L173,158"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0" d="M173,240L173,244.167C173,248.333,173,256.667,173,268.333C173,280,173,295,173,302.5L173,310"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_D_0" d="M173,392L173,400.167C173,408.333,173,424.667,173,436.333C173,448,173,455,173,458.5L173,462"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_F_G_0" d="M523,228L523,234.167C523,240.333,523,252.667,523,262.333C523,272,523,279,523,282.5L523,286"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_H_I_0" d="M808.145,240L808.145,244.167C808.145,248.333,808.145,256.667,808.145,270.333C808.145,284,808.145,303,808.145,312.5L808.145,322"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_G_J_0" d="M523,416L523,420.167C523,424.333,523,432.667,536.129,442.727C549.258,452.787,575.517,464.575,588.646,470.468L601.775,476.362"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_I_J_0" d="M808.145,380L808.145,390.167C808.145,400.333,808.145,420.667,795.015,436.727C781.886,452.787,755.628,464.575,742.498,470.468L729.369,476.362"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_D_K_0" d="M173,544L173,548.167C173,552.333,173,560.667,173,569C173,577.333,173,585.667,173,594C173,602.333,173,610.667,207.105,620.418C241.211,630.169,309.422,641.338,343.527,646.923L377.633,652.507"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_J_K_0" d="M665.572,532L665.572,538.167C665.572,544.333,665.572,556.667,665.572,567C665.572,577.333,665.572,585.667,665.572,594C665.572,602.333,665.572,610.667,652.189,618.81C638.805,626.954,612.039,634.907,598.655,638.884L585.272,642.861"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_K_L_0" d="M490.572,698L490.572,702.167C490.572,706.333,490.572,714.667,490.572,722.333C490.572,730,490.572,737,490.572,740.5L490.572,744"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_L_M_0" d="M490.572,802L490.572,806.167C490.572,810.333,490.572,818.667,490.572,827C490.572,835.333,490.572,843.667,490.572,852C490.572,860.333,490.572,868.667,490.572,876.333C490.572,884,490.572,891,490.572,894.5L490.572,898"></path><path marker-end="url(#mermaid-svg-189_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_M_N_0" d="M490.572,980L490.572,984.167C490.572,988.333,490.572,996.667,490.572,1004.333C490.572,1012,490.572,1019,490.572,1022.5L490.572,1026"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(173, 60)" id="flowchart-A-0" class="node default data"><rect height="54" width="225.203125" y="-27" x="-112.6015625" style="fill:#e1f5fe !important;stroke:#039be5 !important" class="basic label-container"></rect><g transform="translate(-82.6015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="165.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>📽️ Movie Titles Dataset</p></span></div></foreignObject></g></g><g transform="translate(173, 201)" id="flowchart-B-1" class="node default"><rect height="78" width="223.9296875" y="-39" x="-111.96484375" style="" class="basic label-container"></rect><g transform="translate(-81.96484375, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="163.9296875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Mistral LLM Embedding<br/>(Text Representation)</p></span></div></foreignObject></g></g><g transform="translate(173, 353)" id="flowchart-C-3" class="node default"><rect height="78" width="243.578125" y="-39" x="-121.7890625" style="" class="basic label-container"></rect><g transform="translate(-91.7890625, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="183.578125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Graph Convolution Layers<br/>(Relationship Learning)</p></span></div></foreignObject></g></g><g transform="translate(173, 505)" id="flowchart-D-5" class="node default"><rect height="78" width="260" y="-39" x="-130" style="" class="basic label-container"></rect><g transform="translate(-100, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🔗 Graph-Enhanced Embeddings</p></span></div></foreignObject></g></g><g transform="translate(523, 201)" id="flowchart-F-6" class="node default"><rect height="54" width="217.203125" y="-27" x="-108.6015625" style="" class="basic label-container"></rect><g transform="translate(-78.6015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="157.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🎬 User's Liked Movies</p></span></div></foreignObject></g></g><g transform="translate(523, 353)" id="flowchart-G-7" class="node default"><rect height="126" width="260" y="-63" x="-130" style="" class="basic label-container"></rect><g transform="translate(-100, -48)" style="" class="label"><rect></rect><foreignObject height="96" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>User Preference Profile<br/>(Average of Graph-Enhanced<br/>Movie Embeddings)</p></span></div></foreignObject></g></g><g transform="translate(808.14453125, 201)" id="flowchart-H-8" class="node default"><rect height="78" width="253.0859375" y="-39" x="-126.54296875" style="" class="basic label-container"></rect><g transform="translate(-96.54296875, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="193.0859375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🔍 Natural Language Query<br/>(e.g. 'funny sci-fi movies')</p></span></div></foreignObject></g></g><g transform="translate(808.14453125, 353)" id="flowchart-I-9" class="node default"><rect height="54" width="185.8671875" y="-27" x="-92.93359375" style="" class="basic label-container"></rect><g transform="translate(-62.93359375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="125.8671875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Query Embedding</p></span></div></foreignObject></g></g><g transform="translate(665.572265625, 505)" id="flowchart-J-11" class="node default"><rect height="54" width="239.71875" y="-27" x="-119.859375" style="" class="basic label-container"></rect><g transform="translate(-89.859375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="179.71875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🧩 Combined User Vector</p></span></div></foreignObject></g></g><g transform="translate(490.572265625, 671)" id="flowchart-K-15" class="node default process"><rect height="54" width="217.984375" y="-27" x="-108.9921875" style="fill:#fff3e0 !important;stroke:#fb8c00 !important" class="basic label-container"></rect><g transform="translate(-78.9921875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="157.984375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>📊 Similarity Matching</p></span></div></foreignObject></g></g><g transform="translate(490.572265625, 775)" id="flowchart-L-19" class="node default process"><rect height="54" width="219.203125" y="-27" x="-109.6015625" style="fill:#fff3e0 !important;stroke:#fb8c00 !important" class="basic label-container"></rect><g transform="translate(-79.6015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="159.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🏆 Top 100 Candidates</p></span></div></foreignObject></g></g><g transform="translate(490.572265625, 941)" id="flowchart-M-21" class="node default ai"><rect height="78" width="243.0390625" y="-39" x="-121.51953125" style="fill:#fce4ec !important;stroke:#e91e63 !important" class="basic label-container"></rect><g transform="translate(-91.51953125, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="183.0390625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🤖 AI Agent Ranking<br/>(Context-Aware Filtering)</p></span></div></foreignObject></g></g><g transform="translate(490.572265625, 1069)" id="flowchart-N-23" class="node default result"><rect height="78" width="250.4296875" y="-39" x="-125.21484375" style="fill:#c8e6c9 !important;stroke:#2e7d32 !important" class="basic label-container"></rect><g transform="translate(-95.21484375, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="190.4296875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>🎯 Final Recommendations<br/>(Top 10 Movies)</p></span></div></foreignObject></g></g></g></g></g></svg>