screenshots/chatdev.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="883px"
     height="458px" viewBox="-0.5 -0.5 883 458">
  <defs/>
  <g>
    <g>
      <rect x="1" y="81" width="270" height="140" rx="21" ry="21" fill="#a5ff7c" stroke="rgb(0, 0, 0)" stroke-width="2"
            pointer-events="all"/>
    </g>
    <g>
      <rect x="311" y="1" width="260" height="50" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
            stroke-width="2" pointer-events="all"/>
    </g>
    <g>
      <rect x="6" y="286" width="875" height="70" rx="10.5" ry="10.5" fill="#bbd9e9" stroke="rgb(0, 0, 0)"
            stroke-width="2" pointer-events="all"/>
    </g>
    <g>
      <rect x="301" y="81" width="270" height="140" rx="21" ry="21" fill="#a5ff7c" stroke="rgb(0, 0, 0)"
            stroke-width="2" pointer-events="all"/>
    </g>
    <g>
      <rect x="611" y="81" width="270" height="140" rx="21" ry="21" fill="#a5ff7c" stroke="rgb(0, 0, 0)"
            stroke-width="2" pointer-events="all"/>
    </g>
    <g>
      <rect x="30" y="395.38" width="190" height="60" rx="9" ry="9" fill="#ed9745" stroke="rgb(0, 0, 0)"
            stroke-width="2" pointer-events="all"/>
    </g>
    <g>
      <rect x="241" y="396" width="190" height="60" rx="9" ry="9" fill="#bbdefb" stroke="rgb(0, 0, 0)" stroke-width="2"
            pointer-events="all"/>
    </g>
    <g>
      <rect x="451" y="396" width="190" height="60" rx="9" ry="9" fill="#fff9c4" stroke="rgb(0, 0, 0)" stroke-width="2"
            pointer-events="all"/>
    </g>
    <g>
      <rect x="661" y="396.63" width="183.74" height="58.75" rx="8.81" ry="8.81" fill="#ffcdd2" stroke="rgb(0, 0, 0)"
            stroke-width="2" pointer-events="all"/>
    </g>
    <a xlink:href="https://chatdev.toscl.com/introduce/#game-mode">
      <g>
        <rect x="73.5" y="91" width="125" height="20" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 101px; margin-left: 75px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <b>
                      <font style="font-size: 18px;">
                        <u style="">Game</u>
                      </font>
                    </b>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="136" y="105" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Game
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#-chat-mode">
      <g>
        <rect x="373.5" y="91" width="125" height="20" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 101px; margin-left: 375px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <b>
                      <font style="font-size: 18px;">
                        <u>Chat</u>
                      </font>
                    </b>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="436" y="105" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Chat
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#-prompt-ide">
      <g>
        <rect x="683.5" y="91" width="125" height="20" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 101px; margin-left: 685px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <b>
                      <font style="font-size: 18px;">
                        <u>PromptIDE</u>
                      </font>
                    </b>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="746" y="105" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              PromptIDE
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://github.com/10cl/chatdev">
      <g>
        <rect x="364.75" y="13.5" width="152.5" height="25" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 151px; height: 1px; padding-top: 26px; margin-left: 366px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <b>
                      <font style="font-size: 22px;">ChatDev IDE</font>
                    </b>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="441" y="30" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              ChatDev IDE
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#javascript-support">
      <g>
        <rect x="763.5" y="131" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 146px; margin-left: 765px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>JavaScript support</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="814" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              JavaScript suppo...
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#promptfow-editor">
      <g>
        <rect x="641" y="131" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 146px; margin-left: 642px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Editor for YAML/JS</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="691" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Editor for YAML/...
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#gpts-community">
      <g>
        <rect x="331" y="131" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 146px; margin-left: 332px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Agent Community</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="381" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Agent Community
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#chat-history">
      <g>
        <rect x="451" y="131" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 146px; margin-left: 452px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Chat History</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="501" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Chat
              History
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#location-prompt">
      <g>
        <rect x="31" y="171" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 186px; margin-left: 32px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Memory</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="81" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Memory
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#npc-prompt">
      <g>
        <rect x="151" y="131" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 146px; margin-left: 152px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u style="border-color: var(--border-color); color: rgb(255, 255, 255);">Perception</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="201" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Perception
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#social-simulation">
      <g>
        <rect x="31" y="131" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 146px; margin-left: 32px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Social Simulation</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="81" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Social Simulation
            </text>
          </switch>
        </g>
      </g>
    </a>
    <g>
      <path d="M 431 186 L 451 186 L 431 186 L 444.63 186" fill="none" stroke="#82b366" stroke-miterlimit="10"
            stroke-dasharray="3 3" pointer-events="stroke"/>
      <path d="M 449.88 186 L 442.88 189.5 L 444.63 186 L 442.88 182.5 Z" fill="#82b366" stroke="#82b366"
            stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <a xlink:href="https://chatdev.toscl.com/introduce/#gpts">
      <g>
        <rect x="151" y="171" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 186px; margin-left: 152px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Agents Editable</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="201" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Agents Editable
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#promptfow-visualization">
      <g>
        <rect x="641" y="171" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 186px; margin-left: 642px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Structure visualization</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="691" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Structure visual...
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#chatgpt">
      <g>
        <rect x="34.75" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)"
              stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 36px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u>ChatGpt</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              ChatGpt
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#bing">
      <g>
        <rect x="631" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 632px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u>Bing</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="681" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Bing
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#bard">
      <g>
        <rect x="151" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 152px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u>Gemini</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="201" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Gemini
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#claude">
      <g>
        <rect x="269.75" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)"
              stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 271px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u>Claude</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="320" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Claude
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#llama-2">
      <g>
        <rect x="391" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 392px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u>LLama 3</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="441" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              LLama 3
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#falcon">
      <g>
        <rect x="508.5" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)"
              stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 510px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <span style="font-size: 12px;">
                      <u>Mixtral</u>
                    </span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="559" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Mixtral
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#-bots">
      <g>
        <rect x="751" y="306" width="100" height="30" rx="4.5" ry="4.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 321px; margin-left: 752px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u>More...</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="801" y="325" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              More...
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#profile">
      <g>
        <rect x="38.12" y="411.63" width="168.75" height="22.5" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 167px; height: 1px; padding-top: 423px; margin-left: 39px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <span style="font-size: 18px;">
                      <b>
                        <u>Generative Agents</u>
                      </b>
                    </span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="122" y="426" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Generative Agents
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#location-action-prompt">
      <g>
        <rect x="271" y="414.75" width="125" height="20" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 425px; margin-left: 272px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <span style="font-size: 18px;">
                      <b>
                        <u>LangChain</u>
                      </b>
                    </span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="334" y="428" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              LangChain
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#roles">
      <g>
        <rect x="483.5" y="414.75" width="125" height="20" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 425px; margin-left: 485px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <b>
                      <font style="font-size: 18px;">
                        <u>Promptflowx</u>
                      </font>
                    </b>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="546" y="428" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Promptflowx
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#prompt-flow">
      <g>
        <rect x="690.37" y="416.01" width="125" height="20" fill="none" stroke="none" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 426px; margin-left: 691px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <span style="font-size: 18px;">
                      <b>
                        <u>Cloud</u>
                      </b>
                    </span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="753" y="430" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Cloud
            </text>
          </switch>
        </g>
      </g>
    </a>
    <a xlink:href="https://chatdev.toscl.com/introduce/#export--import">
      <g>
        <rect x="763.5" y="171" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 186px; margin-left: 765px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u style="border-color: var(--border-color); color: rgb(255, 255, 255);">AI generate
                      <br/>
                    </u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="814" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">AI
              generate&#xa;
            </text>
          </switch>
        </g>
      </g>
    </a>
    <g>
      <path d="M 96 395.38 L 96 376 L 436 376 L 436 362.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
            pointer-events="stroke"/>
      <path d="M 436 357.12 L 439.5 364.12 L 436 362.37 L 432.5 364.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
            stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <g>
      <path d="M 816 396.63 L 816 376 L 438.17 376 L 438.22 363.35" fill="none" stroke="rgb(0, 0, 0)"
            stroke-miterlimit="10" pointer-events="stroke"/>
      <path d="M 438.24 358.1 L 441.71 365.11 L 438.22 363.35 L 434.71 365.08 Z" fill="rgb(0, 0, 0)"
            stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <g>
      <path d="M 551 186 L 634.63 186" fill="none" stroke="#82b366" stroke-miterlimit="10" stroke-dasharray="3 3"
            pointer-events="stroke"/>
      <path d="M 639.88 186 L 632.88 189.5 L 634.63 186 L 632.88 182.5 Z" fill="#82b366" stroke="#82b366"
            stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <a xlink:href="https://chatdev.toscl.com/introduce/#chat-chain">
      <g>
        <rect x="451" y="171" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 186px; margin-left: 452px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <u style="border-color: var(--border-color); color: rgb(255, 255, 255);">Chat Chain</u>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="501" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Chat
              Chain
            </text>
          </switch>
        </g>
      </g>
    </a>
    <g>
      <path d="M 251 186 L 324.63 186" fill="none" stroke="#82b366" stroke-miterlimit="10" stroke-dasharray="3 3"
            pointer-events="stroke"/>
      <path d="M 329.88 186 L 322.88 189.5 L 324.63 186 L 322.88 182.5 Z" fill="#82b366" stroke="#82b366"
            stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <a xlink:href="https://chatdev.toscl.com/introduce/#gpts-community">
      <g>
        <rect x="331" y="171" width="100" height="30" rx="4.5" ry="4.5" fill="#644d47" stroke="rgb(0, 0, 0)"
              stroke-width="2" pointer-events="all"/>
      </g>
      <g>
        <g transform="translate(-0.5 -0.5)">
          <switch>
            <foreignObject pointer-events="none" width="100%" height="100%"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                           style="overflow: visible; text-align: left;">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 186px; margin-left: 332px;">
                <div data-drawio-colors="color: rgb(0, 0, 0); "
                     style="box-sizing: border-box; font-size: 0px; text-align: center;">
                  <div
                    style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                    <font color="#ffffff">
                      <u>Knowledge</u>
                    </font>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="381" y="190" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
              Knowledge
            </text>
          </switch>
        </g>
      </g>
    </a>
    <g>
      <path d="M 436 221 L 436 266 L 435.73 281.38" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
            pointer-events="stroke"/>
      <path d="M 435.64 286.63 L 432.27 279.57 L 435.73 281.38 L 439.26 279.69 Z" fill="rgb(0, 0, 0)"
            stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <g>
      <path d="M 746 221 L 746 254 L 436.5 254 L 436.5 277.67" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
            pointer-events="stroke"/>
      <path d="M 436.5 282.92 L 433 275.92 L 436.5 277.67 L 440 275.92 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
            stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <g>
      <path d="M 136 221 L 136 253.5 L 435.58 253.5 L 435.62 277.88" fill="none" stroke="rgb(0, 0, 0)"
            stroke-miterlimit="10" pointer-events="stroke"/>
      <path d="M 435.62 283.13 L 432.11 276.14 L 435.62 277.88 L 439.11 276.13 Z" fill="rgb(0, 0, 0)"
            stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
    </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>