|
|
<svg id="mermaid--14092881-light-mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 171.78334045410156px;" viewBox="0 0 171.78334045410156 198" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#mermaid--14092881-light-mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid--14092881-light-mermaid-svg .error-icon{fill:hsl(220.5882352941, 100%, 98.3333333333%);}#mermaid--14092881-light-mermaid-svg .error-text{fill:rgb(8.5000000002, 5.7500000001, 0);stroke:rgb(8.5000000002, 5.7500000001, 0);}#mermaid--14092881-light-mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid--14092881-light-mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid--14092881-light-mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid--14092881-light-mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid--14092881-light-mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid--14092881-light-mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid--14092881-light-mermaid-svg .marker{fill:#0b0b0b;stroke:#0b0b0b;}#mermaid--14092881-light-mermaid-svg .marker.cross{stroke:#0b0b0b;}#mermaid--14092881-light-mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid--14092881-light-mermaid-svg p{margin:0;}#mermaid--14092881-light-mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid--14092881-light-mermaid-svg .cluster-label text{fill:rgb(8.5000000002, 5.7500000001, 0);}#mermaid--14092881-light-mermaid-svg .cluster-label span{color:rgb(8.5000000002, 5.7500000001, 0);}#mermaid--14092881-light-mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid--14092881-light-mermaid-svg .label text,#mermaid--14092881-light-mermaid-svg span{fill:#333;color:#333;}#mermaid--14092881-light-mermaid-svg .node rect,#mermaid--14092881-light-mermaid-svg .node circle,#mermaid--14092881-light-mermaid-svg .node ellipse,#mermaid--14092881-light-mermaid-svg .node polygon,#mermaid--14092881-light-mermaid-svg .node path{fill:#fff4dd;stroke:hsl(40.5882352941, 60%, 83.3333333333%);stroke-width:1px;}#mermaid--14092881-light-mermaid-svg .rough-node .label text,#mermaid--14092881-light-mermaid-svg .node .label text,#mermaid--14092881-light-mermaid-svg .image-shape .label,#mermaid--14092881-light-mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid--14092881-light-mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid--14092881-light-mermaid-svg .rough-node .label,#mermaid--14092881-light-mermaid-svg .node .label,#mermaid--14092881-light-mermaid-svg .image-shape .label,#mermaid--14092881-light-mermaid-svg .icon-shape .label{text-align:center;}#mermaid--14092881-light-mermaid-svg .node.clickable{cursor:pointer;}#mermaid--14092881-light-mermaid-svg .root .anchor path{fill:#0b0b0b!important;stroke-width:0;stroke:#0b0b0b;}#mermaid--14092881-light-mermaid-svg .arrowheadPath{fill:#0b0b0b;}#mermaid--14092881-light-mermaid-svg .edgePath .path{stroke:#0b0b0b;stroke-width:2.0px;}#mermaid--14092881-light-mermaid-svg .flowchart-link{stroke:#0b0b0b;fill:none;}#mermaid--14092881-light-mermaid-svg .edgeLabel{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);text-align:center;}#mermaid--14092881-light-mermaid-svg .edgeLabel p{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);}#mermaid--14092881-light-mermaid-svg .edgeLabel rect{opacity:0.5;background-color:hsl(-79.4117647059, 100%, 93.3333333333%);fill:hsl(-79.4117647059, 100%, 93.3333333333%);}#mermaid--14092881-light-mermaid-svg .labelBkg{background-color:rgba(243.9999999999, 220.9999999998, 255, 0.5);}#mermaid--14092881-light-mermaid-svg .cluster rect{fill:hsl(220.5882352941, 100%, 98.3333333333%);stroke:hsl(220.5882352941, 60%, 88.3333333333%);stroke-width:1px;}#mermaid--14092881-light-mermaid-svg .cluster text{fill:rgb(8.5000000002, 5.7500000001, 0);}#mermaid--14092881-light-mermaid-svg .cluster span{color:rgb(8.5000000002, 5.7500000001, 0);}#mermaid--14092881-light-mermaid-svg 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(220.5882352941, 100%, 98.3333333333%);border:1px solid hsl(220.5882352941, 60%, 88.3333333333%);border-radius:2px;pointer-events:none;z-index:100;}#mermaid--14092881-light-mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid--14092881-light-mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid--14092881-light-mermaid-svg .icon-shape,#mermaid--14092881-light-mermaid-svg .image-shape{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);text-align:center;}#mermaid--14092881-light-mermaid-svg .icon-shape p,#mermaid--14092881-light-mermaid-svg .image-shape p{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);padding:2px;}#mermaid--14092881-light-mermaid-svg .icon-shape rect,#mermaid--14092881-light-mermaid-svg .image-shape rect{opacity:0.5;background-color:hsl(-79.4117647059, 100%, 93.3333333333%);fill:hsl(-79.4117647059, 100%, 93.3333333333%);}#mermaid--14092881-light-mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid--14092881-light-mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker><marker id="mermaid--14092881-light-mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker><marker id="mermaid--14092881-light-mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></circle></marker><marker id="mermaid--14092881-light-mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></circle></marker><marker id="mermaid--14092881-light-mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2px; stroke-dasharray: 1px, 0px;"></path></marker><marker id="mermaid--14092881-light-mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2px; stroke-dasharray: 1px, 0px;"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path d="M57.365,62L53.13,68.167C48.896,74.333,40.427,86.667,38.31,95.917C36.193,105.167,40.427,111.333,44.284,116.95C48.141,122.568,51.621,127.635,53.36,130.169L55.1,132.703" id="L_User_Chatbot_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid--14092881-light-mermaid-svg_flowchart-v2-pointEnd)"></path><path d="M94.444,136L98.678,129.833C102.913,123.667,111.381,111.333,113.498,102.083C115.616,92.833,111.381,86.667,107.524,81.05C103.667,75.432,100.188,70.365,98.448,67.831L96.708,65.297" id="L_Chatbot_User_1" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid--14092881-light-mermaid-svg_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(31.958335876464844, 99)"><g class="label" transform="translate(-23.958335876464844, -12)"><foreignObject width="47.91667175292969" height="24"><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" class="labelBkg"><span class="edgeLabel "><p>(1) ask</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(119.85000610351562, 99)"><g class="label" transform="translate(-43.93333435058594, -12)"><foreignObject width="87.86666870117188" height="24"><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" class="labelBkg"><span class="edgeLabel "><p>(2) response</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default " id="flowchart-User-168" transform="translate(75.90417098999023, 35)"><rect class="basic label-container" style="" x="-45.90833282470703" y="-27" width="91.81666564941406" height="54"></rect><g class="label" style="" transform="translate(-15.908332824707031, -12)"><rect></rect><foreignObject width="31.816665649414062" height="24"><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</p></span></div></foreignObject></g></g><g class="node default " id="flowchart-Chatbot-169" transform="translate(75.90417098999023, 163)"><rect class="basic label-container" style="" x="-58.458335876464844" y="-27" width="116.91667175292969" height="54"></rect><g class="label" style="" transform="translate(-28.458335876464844, -12)"><rect></rect><foreignObject width="56.91667175292969" height="24"><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>Chatbot</p></span></div></foreignObject></g></g></g></g></g></svg> |
