// Generated by orrery. Edit the diagram spec and re-render instead of editing this file.
import { type SVGProps, useId } from "react";

export default function RetrievalAugmentedGenerationOnAWS(props: SVGProps<SVGSVGElement>) {
  const uid = useId().replace(/[^A-Za-z0-9_-]/g, "");
  return (
    <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" width="936" height="1419" viewBox="0 0 936 1419" role="img" aria-labelledby={`${uid}-sdw-title ${uid}-sdw-desc`} fontFamily="'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" {...props}>
      <title id={`${uid}-sdw-title`}>
        Retrieval augmented generation on AWS
      </title>
      <desc id={`${uid}-sdw-desc`}>
        Retrieval augmented generation on AWS. 10 components in 4 groups. Connections: Users to Amazon Cognito (sign in); Users to Amazon API Gateway (question); Amazon Cognito to Amazon API Gateway (verify token); Amazon API Gateway to RAG agent; RAG agent to Amazon Bedrock (prompt and context); RAG agent to Amazon Bedrock (embed question); RAG agent to Vector index (retrieve); Documents to Ingestion function (ObjectCreated); Ingestion function to Amazon Bedrock (chunks); Ingestion function to Vector index (index); RAG agent to Amazon CloudWatch; Ingestion function to Amazon CloudWatch.
      </desc>
      <defs>
        <linearGradient id={`${uid}-bg`} x1="0" y1="0" x2="0.34" y2="0.94">
          <stop offset="0" stopColor="#0e1a24" />
          <stop offset="0.6" stopColor="#0b1012" />
        </linearGradient>
        <pattern id={`${uid}-grid`} width="21.27" height="21.27" patternUnits="userSpaceOnUse">
          <path d="M0 0.53H21.27M0.53 0V21.27" fill="none" stroke="#ffffff" strokeOpacity="0.045" strokeWidth="1.06" />
        </pattern>
        <radialGradient id={`${uid}-wash`} gradientUnits="userSpaceOnUse" cx="266.5" cy="669.75" r="602.87">
          <stop offset="0" stopColor="#60a5fa" stopOpacity="0.12" />
          <stop offset="1" stopColor="#60a5fa" stopOpacity="0" />
        </radialGradient>
        <symbol id={`${uid}-s1`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#fff" />
            <path fill="#232f3e" d="M32.698 23.9c.361.47-.4 2.4-.74 3.264-.105.262.117.365.35.168 1.512-1.284 1.904-3.975 1.593-4.363-.307-.386-2.95-.717-4.563.432-.249.177-.206.42.07.389.907-.112 2.93-.357 3.29.11m-.842 2.01c.518-.378.074-.941-.454-.72-3.513 1.464-7.327 2.173-10.8 2.173-5.143 0-10.127-1.39-14.156-3.695-.352-.202-.613.155-.319.414 3.733 3.316 8.67 5.309 14.147 5.309 3.91 0 8.451-1.208 11.582-3.481m-2.144-5.215a6.6 6.6 0 0 1-1.459-.161q-.714-.163-1.093-.373-.233-.128-.29-.258a.7.7 0 0 1-.059-.26v-.47q0-.29.216-.292.083.002.173.033.091.034.241.098.48.21 1.044.324.564.113 1.126.113.895 0 1.384-.308a.97.97 0 0 0 .49-.873.88.88 0 0 0-.258-.65q-.256-.258-.952-.484l-1.375-.421q-1.045-.325-1.517-.938a2.17 2.17 0 0 1-.472-1.347q0-.581.258-1.027.255-.445.676-.761.427-.314.99-.478a4.3 4.3 0 0 1 1.19-.162q.315 0 .64.04a6.3 6.3 0 0 1 1.15.252q.248.082.4.162a.9.9 0 0 1 .28.227.5.5 0 0 1 .083.308v.436q0 .291-.217.29-.114.002-.364-.111c-.54-.24-1.15-.356-1.82-.356q-.815 0-1.262.258-.448.26-.448.827 0 .388.283.655.281.267 1.044.51l1.342.423q1.028.322 1.466.888.441.568.441 1.295 0 .6-.25 1.078-.248.477-.689.817a3.1 3.1 0 0 1-1.05.518q-.615.179-1.343.178m-12.165-.244q-.248.002-.365-.087-.117-.09-.199-.365l-2.222-7.157a1.8 1.8 0 0 1-.082-.371q0-.227.233-.227h.927q.265 0 .374.09.106.086.19.364l1.59 6.12 1.477-6.12q.066-.278.181-.364.116-.09.38-.09h.765q.263 0 .38.09.116.086.182.364l1.493 6.2 1.64-6.2q.082-.278.19-.364.109-.09.373-.09h.878q.233 0 .233.227a1 1 0 0 1-.016.144 2 2 0 0 1-.068.227l-2.286 7.157q-.083.275-.2.365-.116.088-.364.087h-.813q-.264.001-.38-.094-.116-.099-.182-.373l-1.476-5.96-1.457 5.96q-.067.274-.183.373-.116.095-.38.094zM9.94 19.449q.465 0 .98-.17.513-.17.893-.592.232-.259.324-.591.09-.33.09-.801v-.388a8 8 0 0 0-1.757-.211q-.945 0-1.408.373-.464.37-.465 1.07 0 .645.35.978.347.332.993.332m3.846-1.408q0 .517.107.825.11.31.307.664a.4.4 0 0 1 .066.209q0 .148-.182.276l-.597.39a.5.5 0 0 1-.248.08.4.4 0 0 1-.282-.128 2 2 0 0 1-.339-.43 6 6 0 0 1-.29-.544q-1.112 1.28-2.785 1.28-1.194.001-1.89-.664-.696-.664-.696-1.78 0-1.182.863-1.903.86-.72 2.32-.721.48 0 1.002.073t1.084.203v-.68q.001-1.052-.446-1.482-.446-.428-1.54-.428a4.5 4.5 0 0 0-1.02.12 7.5 7.5 0 0 0-1.02.315 3 3 0 0 1-.33.122.7.7 0 0 1-.15.024q-.199.001-.2-.292v-.452q.001-.228.068-.323.066-.099.265-.195a6 6 0 0 1 1.192-.421 6 6 0 0 1 1.476-.18c1.126 0 1.952.254 2.477.754q.787.753.788 2.275z" />
          </g>
        </symbol>
        <filter id={`${uid}-f1`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.8504 -2.8608 -0.2888 0 2.4" result="a" />
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="a" operator="in" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <filter id={`${uid}-f2`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.8504 -2.8608 -0.2888 0 2.4" result="a" />
          <feFlood floodColor="#0b1012" />
          <feComposite in2="a" operator="in" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s2`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#00a4a6" />
            <path fill="#fff" d="M14 20.026v-9h15.293l-4.147 4.146a.5.5 0 0 0 0 .708l4.147 4.146zm12.207-4.5 4.647-4.646a.5.5 0 0 0-.354-.854H14V8.97A1.528 1.528 0 0 0 13.495 6c-.845 0-1.532.687-1.532 1.531 0 .67.435 1.235 1.037 1.442v24.053h-3v1h7v-1h-3v-12h16.5a.5.5 0 0 0 .354-.854z" />
          </g>
        </symbol>
        <filter id={`${uid}-f3`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="a" operator="in" />
        </filter>
        <filter id={`${uid}-f4`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#0b1012" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s3`} viewBox="0 0 48 48" overflow="visible">
          <g fill="#919394">
            <path fill="#919394" fillRule="evenodd" d="M28.639 9.286c0-2.915 2.413-5.286 5.38-5.286s5.378 2.371 5.378 5.286-2.412 5.286-5.378 5.286-5.38-2.371-5.38-5.286m11.524 7.048a11.7 11.7 0 0 0-2.035-1.001c1.97-1.31 3.269-3.531 3.269-6.047 0-4.017-3.31-7.286-7.378-7.286-4.069 0-7.38 3.269-7.38 7.286 0 2.51 1.293 4.728 3.256 6.039a11.9 11.9 0 0 0-3.546 2.1l1.303 1.518A9.77 9.77 0 0 1 34 16.572c1.802 0 3.569.505 5.109 1.461 2.74 1.702 4.538 4.692 4.844 7.967H34v2h11a1 1 0 0 0 1-1c0-4.343-2.236-8.43-5.837-10.666M8.639 9.286C8.639 6.371 11.052 4 14.019 4s5.378 2.371 5.378 5.286-2.412 5.286-5.378 5.286-5.38-2.371-5.38-5.286M14 26H4.046C4.53 20.717 8.81 16.572 14 16.572c1.802 0 3.569.505 5.109 1.461.432.269.849.575 1.24.91l1.303-1.517a11.7 11.7 0 0 0-3.524-2.093c1.97-1.31 3.269-3.531 3.269-6.047 0-4.017-3.31-7.286-7.378-7.286-4.069 0-7.38 3.269-7.38 7.286 0 2.515 1.298 4.737 3.268 6.046C5.302 17.071 2 21.638 2 27a1 1 0 0 0 1 1h11zm.046 18c.484-5.283 4.764-9.428 9.954-9.428 1.802 0 3.569.505 5.109 1.461 2.74 1.702 4.538 4.692 4.844 7.967zm4.593-16.714c0-2.915 2.413-5.286 5.38-5.286s5.378 2.371 5.378 5.286-2.412 5.286-5.378 5.286-5.38-2.371-5.38-5.286m11.524 7.048a11.7 11.7 0 0 0-2.035-1.001c1.97-1.31 3.269-3.531 3.269-6.047 0-4.017-3.31-7.286-7.378-7.286-4.069 0-7.38 3.269-7.38 7.286 0 2.515 1.298 4.737 3.268 6.046C15.302 35.071 12 39.638 12 45a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1c0-4.343-2.236-8.43-5.837-10.666" />
          </g>
        </symbol>
        <symbol id={`${uid}-s4`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#dd344c" />
            <path fill="#fff" d="M16.964 35.808h12.905v-1.983H16.964zM61.376 50.23l1.403 1.402-7.372 7.36a.994.994 0 0 1-1.403 0l-3.71-3.702 1.406-1.4 3.006 3.001zm4.568 5.463a9.44 9.44 0 0 1-2.197 5.015 9.55 9.55 0 0 1-3.143 2.406 9.37 9.37 0 0 1-5.158.833 9.4 9.4 0 0 1-4.706-1.966 9.43 9.43 0 0 1-3.518-8.573 9.47 9.47 0 0 1 5.058-7.282 9.34 9.34 0 0 1 5.441-.972 9.43 9.43 0 0 1 7.26 5.088 9.45 9.45 0 0 1 .963 5.45m.806-6.35a11.406 11.406 0 0 0-15.381-4.978 11.45 11.45 0 0 0-6.118 8.805 11.4 11.4 0 0 0 4.254 10.364A11.38 11.38 0 0 0 56.592 66c1.68 0 3.338-.37 4.864-1.094a11.5 11.5 0 0 0 3.801-2.91 11.4 11.4 0 0 0 2.659-6.064 11.4 11.4 0 0 0-1.166-6.588m-39.86-7.588h3.972v-1.983H26.89zm-9.926 0h7.941v-1.983h-7.941zm-.858-25.773h44.402c1.17 0 2.12 1.156 2.12 2.578v7.334H59.65V20.94a.99.99 0 0 0-.993-.991H35.825a.99.99 0 0 0-.993.99v4.957H13.985v-7.334c0-1.398.972-2.578 2.12-2.578m31.15 9.625c2.305 0 4.18 1.853 4.18 4.131a4.11 4.11 0 0 1-2.163 3.608 4.25 4.25 0 0 1-4.043 0 4.11 4.11 0 0 1-2.154-3.608c0-2.278 1.874-4.131 4.18-4.131m-33.27 21.5v-19.23h20.846V44.73c0 .549.444.992.993.992h10.378v-1.983h-8.291a9.02 9.02 0 0 1 6.522-8.488c1.755.82 3.85.828 5.633-.001a9.1 9.1 0 0 1 5.226 4.005l1.699-1.027a11.1 11.1 0 0 0-5.147-4.432 6.05 6.05 0 0 0 1.577-4.056c0-3.37-2.767-6.114-6.166-6.114s-6.166 2.743-6.166 6.114a6.06 6.06 0 0 0 1.564 4.045 11 11 0 0 0-5.836 5.789V21.93h20.847v15.86h1.985v-9.912h2.978l.001 14.869h1.986l-.001-24.186c0-2.515-1.842-4.561-4.106-4.561H16.106C13.84 14 12 16.046 12 18.56v28.548c0 2.515 1.841 4.56 4.106 4.56h26.668v-1.982H16.106c-1.149 0-2.12-1.18-2.12-2.578" />
          </g>
        </symbol>
        <filter id={`${uid}-f5`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#919394" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s5`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" fillRule="evenodd" d="M34.065 55.632H37v-2.017h-2.935zm4.935 0h3v-2.017h-3zM27 14.63l-13 6.452v40.111l13 4.397zm2 12.763v26.222h3v2.017h-3v11.36c0 .324-.155.629-.416.818a1 1 0 0 1-.902.138l-15-5.072A1.01 1.01 0 0 1 12 61.92V20.454c0-.384.217-.736.559-.905l15-7.445a.99.99 0 0 1 .969.049c.293.183.472.507.472.856v12.367h3v2.017zm15 28.24h3v-2.018h-3zm.065-28.24H47v-2.017h-2.935zm-5 0H42v-2.017h-2.935zm-5 0H37v-2.017h-2.935zM66 21.083 53 14.63v50.96l13-4.397zm2 40.837c0 .432-.274.817-.682.956l-15 5.072a.99.99 0 0 1-.902-.138 1.01 1.01 0 0 1-.416-.819V55.633h-1.935v-2.017H51V27.393h-1.935v-2.017H51V13.01c0-.35.179-.673.472-.857a.99.99 0 0 1 .969-.048l15 7.445c.342.17.559.521.559.905zM42.934 33.807l-1.868-.724-5 13.11 1.868.725zm6.773 6.402a1.014 1.014 0 0 0 0-1.426l-4-4.034-1.414 1.426 3.293 3.32-3.293 3.322 1.414 1.426zm-15.414 4.034-4-4.034a1.014 1.014 0 0 1 0-1.426l4-4.034 1.414 1.426-3.293 3.32 3.293 3.322z" clipRule="evenodd" />
          </g>
        </symbol>
        <symbol id={`${uid}-s6`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none">
            <g clipPath={`url(#${uid}-s6-17_a)`}>
              <rect width="80" height="80" fill="#01a88d" />
              <path fill="#fff" d="m67.372 28.073-3.194-1.281-1.245-3.158a1.002 1.002 0 0 0-1.862.002l-1.257 3.202-3.176 1.233a1 1 0 0 0 .005 1.866l3.247 1.24 1.172 3.171a1 1 0 0 0 .923.653H62a1 1 0 0 0 .928-.626l1.303-3.233 3.13-1.208a1.001 1.001 0 0 0 .011-1.861m-4.266 1.359c-.257.1-.463.302-.567.559l-.499 1.236-.433-1.169a1 1 0 0 0-.58-.587l-1.245-.475 1.165-.453a1 1 0 0 0 .569-.566l.488-1.245.43 1.09c.089.32.333.576.645.684l1.19.477zm.947 9.168-9.139-3.666-3.563-9.032a1.49 1.49 0 0 0-1.396-.949 1.49 1.49 0 0 0-1.395.952l-3.602 9.178L42 36.23V16a1 1 0 0 0-.684-.949l-9-3a1 1 0 0 0-.82.085l-12 7A1 1 0 0 0 19 20v9.42l-6.496 3.712A1 1 0 0 0 12 34v12a1 1 0 0 0 .504.868L19 50.58V60a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 .82.085l9-3A1 1 0 0 0 42 64V43.738l3.2 1.223 3.36 9.085c.217.586.76.97 1.385.98h.024a1.49 1.49 0 0 0 1.39-.939l3.73-9.242 8.946-3.453c.58-.224.956-.77.96-1.39a1.49 1.49 0 0 0-.942-1.402m-31.94 27.308-3.248-1.894 6.665-4.166-1.06-1.696-7.557 4.723L21 59.425v-8.89l5.555-3.703-1.11-1.664-5.486 3.657L14 45.42v-4.84l6.496-3.712-.992-1.736L14 38.277V34.58l6-3.428 6 3.428v3.854l-4.515 2.709 1.03 1.714L27 40.167l4.485 2.69 1.03-1.715L28 38.435v-3.899l5.555-3.703A1 1 0 0 0 34 30v-7h-2v6.465l-5.04 3.36L21 29.42v-8.846l5-2.916V26h2v-9.509l4.113-2.4L40 16.722v28.713l-14.515 8.709 1.03 1.714L40 47.767v15.512zm21.85-22.773c-.257.1-.462.303-.566.56l-3.409 8.445-3.07-8.298a1 1 0 0 0-.58-.587L42 41.597v-3.222l4.09-1.587a1 1 0 0 0 .57-.567l3.297-8.403 3.183 8.068c.069.366.346.662.7.773l8.289 3.324z" />
            </g>
            <defs>
              <clipPath id={`${uid}-s6-17_a`}>
                <rect width="80" height="80" fill="#fff" />
              </clipPath>
            </defs>
          </g>
        </symbol>
        <symbol id={`${uid}-s7`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#01a88d" />
            <path fill="#fff" d="M64 39c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2M32.113 65.908l-3.248-1.894 6.665-4.166-1.06-1.696-7.557 4.723L21 59.425v-8.89l5.555-3.703-1.11-1.664-5.486 3.657L14 45.42v-4.84l6.496-3.712-.992-1.736L14 38.277V34.58l6-3.428 6 3.428v3.854l-4.515 2.709 1.03 1.714L27 40.166l4.485 2.69 1.03-1.713L28 38.433v-3.898l5.555-3.703c.278-.186.445-.498.445-.832v-7h-2v6.465l-5.041 3.36L21 29.42v-8.846l5-2.916V26h2v-9.51l4.113-2.398L40 16.72v28.713l-14.515 8.709 1.03 1.714L40 47.766v15.513zM62 50c0 1.103-.897 2-2 2s-2-.897-2-2 .897-2 2-2 2 .897 2 2M52 60c0 1.103-.897 2-2 2s-2-.897-2-2 .897-2 2-2 2 .897 2 2m-1-40c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2-2-.897-2-2m13 13c-1.859 0-3.411 1.28-3.858 3H42v-5h11a1 1 0 0 0 1-1v-6.142c1.72-.447 3-2 3-3.858 0-2.206-1.794-4-4-4s-4 1.794-4 4c0 1.858 1.28 3.41 3 3.858V29H42V16a1 1 0 0 0-.684-.95l-9-3a1 1 0 0 0-.82.086l-12 7A1 1 0 0 0 19 20v9.42l-6.496 3.712A1 1 0 0 0 12 34v12c0 .359.192.69.504.868L19 50.58V60a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 .82.085l9-3a1 1 0 0 0 .684-.95V52h7v4.143c-1.72.447-3 2-3 3.858 0 2.206 1.794 4 4 4s4-1.794 4-4c0-1.858-1.28-3.411-3-3.858V51a1 1 0 0 0-1-1h-8v-5h12.5l2.138 2.85A3.97 3.97 0 0 0 56 50c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4a3.94 3.94 0 0 0-1.881.492L55.8 43.4a1 1 0 0 0-.8-.4H42v-5h18.142c.447 1.72 1.999 3 3.858 3 2.206 0 4-1.794 4-4s-1.794-4-4-4" />
          </g>
        </symbol>
        <symbol id={`${uid}-s8`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#7aa116" fillRule="evenodd" d="m40.504 26.16.224-1.666c1.784 1.087 2.335 1.715 2.495 1.98-.473.143-1.428.017-2.72-.314m-17.702-6.049c0-.053.043-.096.096-.096.015 0 .026.01.039.017l-.073.147c-.033-.01-.062-.03-.062-.068m13.712 20.687a1 1 0 0 0-.01.133c0 .155-.378.744-2.063 1.41-.751.296-1.638.562-2.638.792-2.575.596-5.74.924-8.907.924-8.466 0-13.607-2.17-13.607-3.126q0-.066-.01-.133L5.442 12.285q.372.215.79.415c.079.038.165.074.247.112a16 16 0 0 0 1.089.453q.413.156.856.3c.087.03.17.06.258.086a27 27 0 0 0 1.522.427 30 30 0 0 0 1.378.32q.548.116 1.117.22l.244.046q.688.12 1.403.224.201.028.406.054.54.075 1.093.14l.453.051q.666.07 1.343.13l.162.013q.756.06 1.519.104l.436.021q.576.029 1.152.047l.45.014q.77.018 1.537.02a72 72 0 0 0 1.987-.034q.577-.019 1.15-.047l.439-.02q.764-.044 1.518-.105l.166-.014q.675-.058 1.338-.129l.457-.052q.55-.065 1.089-.138.207-.027.41-.056a50 50 0 0 0 1.402-.223q.123-.022.247-.047a38 38 0 0 0 2.493-.539l.344-.086q.61-.163 1.178-.34c.087-.028.169-.057.254-.086a19 19 0 0 0 1.954-.756c.079-.037.163-.072.24-.109q.42-.2.792-.416l-1.792 13.306c-3.637-1.167-8.745-3.284-13.58-5.583a2.09 2.09 0 0 0-2.084-1.993 2.1 2.1 0 0 0-2.096 2.096c0 1.155.94 2.095 2.096 2.095.454 0 .872-.149 1.215-.396 4.332 2.08 9.863 4.532 14.18 5.778zM22.896 4c10.419 0 17.76 3.228 17.896 5.021l-.026.208c-.018.062-.057.125-.09.19-.027.051-.047.101-.084.154-.044.062-.11.125-.166.188-.051.055-.094.11-.155.166-.068.061-.155.124-.236.186-.075.058-.141.115-.227.174-.091.06-.2.122-.302.184-.1.06-.19.12-.301.178-.11.06-.24.118-.36.178-.124.061-.24.121-.376.182-.13.057-.276.114-.414.171-.15.06-.291.122-.451.181-.148.056-.314.11-.471.164-.171.06-.335.12-.517.177-.17.054-.355.104-.534.157-.19.056-.373.113-.573.167-.192.052-.4.1-.6.15-.206.051-.406.104-.623.154s-.448.094-.674.141c-.218.045-.43.093-.658.136-.24.046-.497.087-.747.13-.23.04-.453.081-.692.118-.26.04-.536.076-.806.113-.244.033-.482.07-.734.1-.293.036-.602.066-.905.097-.244.026-.48.055-.73.077-.336.031-.688.054-1.034.078-.233.018-.458.038-.696.053-.38.022-.776.036-1.17.053-.215.008-.425.021-.646.028a65 65 0 0 1-3.797 0c-.222-.007-.434-.02-.654-.029-.39-.016-.783-.03-1.161-.052-.25-.016-.488-.037-.733-.055-.333-.024-.673-.046-.996-.076-.251-.022-.487-.052-.732-.077-.303-.03-.612-.06-.904-.097-.25-.03-.487-.066-.73-.1-.27-.037-.548-.072-.81-.113-.247-.038-.48-.082-.718-.123-.241-.042-.488-.08-.72-.125-.231-.044-.446-.092-.67-.138-.222-.047-.45-.09-.663-.14-.216-.049-.415-.102-.622-.153-.2-.05-.408-.098-.6-.15-.202-.054-.387-.112-.58-.169-.176-.05-.36-.102-.526-.155-.185-.059-.351-.119-.524-.18-.155-.053-.318-.106-.463-.16-.162-.06-.303-.123-.453-.183-.138-.057-.285-.114-.413-.17-.134-.06-.251-.12-.375-.182-.121-.06-.251-.118-.361-.179-.11-.059-.202-.119-.302-.179-.101-.06-.21-.122-.3-.182-.087-.06-.155-.118-.231-.177-.08-.06-.165-.123-.231-.183-.063-.057-.107-.114-.16-.169-.055-.062-.118-.124-.162-.185-.038-.054-.057-.106-.085-.16-.032-.062-.071-.124-.088-.184l-.028-.209C5.14 7.227 12.48 4 22.896 4m22.359 22.257c-.213-1.15-1.538-2.368-4.237-3.91l1.716-12.752v-.004l.05-.39a1 1 0 0 0 .01-.13c0-4.167-10.486-7.07-19.898-7.07S3 4.903 3 9.07q0 .066.009.132l.052.39v.002L7.29 41.01c.13 3.676 9.613 5.048 15.606 5.048 3.315 0 6.638-.346 9.357-.975a21 21 0 0 0 2.922-.882c2.166-.855 3.285-1.929 3.329-3.19l1.74-12.93c.953.202 1.818.325 2.537.325.969 0 1.694-.205 2.086-.673.35-.416.488-.94.388-1.475" />
        </symbol>
        <filter id={`${uid}-f6`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feFlood floodColor="#919394" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s9`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#ed7100" fillRule="evenodd" d="M24 44C12.972 44 4 35.028 4 24S12.972 4 24 4s20 8.972 20 20-8.972 20-20 20m0-42C11.869 2 2 11.869 2 24s9.869 22 22 22 22-9.869 22-22S36.131 2 24 2m-6.769 33.25h-5.355l6.345-13.291 2.681 5.533zm1.883-16.035a1 1 0 0 0-.9-.564h-.003a1 1 0 0 0-.899.57L9.389 35.819a.998.998 0 0 0 .902 1.431h7.573c.387 0 .739-.223.905-.572l4.146-8.763a1 1 0 0 0-.004-.864zM36.125 35.25h-5.452l-9.912-21.297a1 1 0 0 0-.907-.578h-3.603l.004-4.125h7.22l9.864 21.295a1 1 0 0 0 .907.58h1.879zm1-6.125h-2.24L25.021 7.83a1 1 0 0 0-.908-.58h-8.857a1 1 0 0 0-1 .999l-.006 6.125a1 1 0 0 0 1 1.001h3.967l9.912 21.297a1 1 0 0 0 .906.578h7.09a1 1 0 0 0 1-1v-6.125a1 1 0 0 0-1-1" />
        </symbol>
        <symbol id={`${uid}-s10`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#8c4fff" fillRule="evenodd" d="M21 32h6v-2h-6zm-5 2h16v-6H16zm17-8H15a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1M11 12h6v-2h-6zm14-2h6V8h-6zM4 44h40V16H4zM22 4h12v5a1 1 0 0 0 1 1h5v4H22zm14 1.261L38.645 8H36zM45 14h-3V9c0-.259-.101-.508-.28-.695l-5.793-6a1 1 0 0 0-.72-.305H21a1 1 0 0 0-1 1v11H8V7h10V5H7a1 1 0 0 0-1 1v8H3a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1" />
        </symbol>
        <symbol id={`${uid}-s11`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="M55.06 46.777c0-3.909-3.202-7.09-7.138-7.09s-7.136 3.181-7.136 7.09c0 3.91 3.2 7.09 7.136 7.09s7.137-3.18 7.137-7.09m2.01 0c0 5.011-4.103 9.087-9.147 9.087-5.043 0-9.147-4.076-9.147-9.087 0-5.01 4.104-9.086 9.147-9.086s9.148 4.076 9.148 9.086m8.44 13.697-7.01-6.271a13 13 0 0 1-1.947 2.16l6.998 6.27a1.474 1.474 0 0 0 2.066-.107 1.453 1.453 0 0 0-.108-2.052m-17.588-2.812c6.043 0 10.958-4.883 10.958-10.885s-4.915-10.884-10.958-10.884c-6.041 0-10.957 4.882-10.957 10.884s4.916 10.885 10.957 10.885m19.19 6.2A3.48 3.48 0 0 1 64.529 65a3.48 3.48 0 0 1-2.322-.883L54.931 57.6a12.94 12.94 0 0 1-7.009 2.06c-7.15 0-12.967-5.779-12.967-12.882s5.817-12.881 12.967-12.881 12.969 5.779 12.969 12.881c0 2.038-.492 3.96-1.344 5.674l7.309 6.54a3.444 3.444 0 0 1 .256 4.872M21.28 29.393c0 .519.032 1.036.094 1.536a.994.994 0 0 1-.823 1.106c-2.472.634-6.54 2.553-6.54 8.31 0 4.348 2.413 6.748 4.439 7.996.691.433 1.51.664 2.373.673l12.122.011-.002 1.997-12.131-.01c-1.246-.014-2.428-.351-3.428-.977C15.377 48.797 12 45.89 12 40.345c0-6.683 4.6-9.153 7.3-10.026q-.03-.462-.03-.926c0-5.46 3.728-11.123 8.672-13.171 5.782-2.407 11.908-1.214 16.384 3.189 1.388 1.364 2.529 3.02 3.404 4.937a6.5 6.5 0 0 1 4.154-1.502c3.002 0 6.382 2.264 6.984 7.215 2.812.644 8.753 2.894 8.753 10.362 0 2.981-.941 5.444-2.798 7.319l-1.433-1.401c1.473-1.488 2.22-3.479 2.22-5.918 0-6.532-5.504-8.157-7.873-8.551a1 1 0 0 1-.823-1.157c-.329-4.055-2.753-5.872-5.03-5.872-1.437 0-2.784.695-3.697 1.907a1.006 1.006 0 0 1-1.75-.258c-.823-2.266-2.01-4.171-3.525-5.661-3.88-3.816-9.184-4.85-14.195-2.766-4.17 1.727-7.437 6.702-7.437 11.328" />
          </g>
        </symbol>
      </defs>
      <rect width="936" height="1419" fill={`url(#${uid}-bg)`} />
      <rect width="936" height="1419" fill={`url(#${uid}-grid)`} />
      <rect width="936" height="1419" fill={`url(#${uid}-wash)`} />
      <text fontSize="18" fontWeight="700" letterSpacing="1.08" fill="#dadbdb">
        <tspan x="28" y="42.89">
          RETRIEVAL AUGMENTED GENERATION ON AWS
        </tspan>
      </text>
      <text fontSize="11" fontWeight="400" fill="#9d9fa0">
        <tspan x="28" y="65.08">
          Documents are chunked and embedded into OpenSearch Serverless; an AgentCore agent retrieves context and answers with a Bedrock model
        </tspan>
      </text>
      <g id={`${uid}-g-cloud`}>
        <rect x="28" y="331" width="695" height="977" rx="2.13" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="28" y="331" width="695" height="977" rx="2.13" fill="#60a5fa" fillOpacity="0.03" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0628;0.0952;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-region`}>
        <rect x="48" y="389" width="655" height="899" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" strokeDasharray="3.19 3.19" />
        <g opacity="0">
          <rect x="48" y="389" width="655" height="899" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.06" strokeDasharray="3.19 3.19" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0628;0.0952;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-query`}>
        <rect x="231" y="447" width="193" height="564" rx="2.13" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="231" y="447" width="193" height="564" rx="2.13" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0628;0.0952;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-ingestion`}>
        <rect x="464" y="447" width="193" height="397" rx="2.13" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="464" y="447" width="193" height="397" rx="2.13" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0628;0.0952;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e1`}>
        <path d="M303 167 L303 498.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="4.25 3.19" />
        <path d="M298.75 492.62 L303 499 L307.25 492.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e2`}>
        <path d="M319 167 L319 179 Q319 187 327 187 L395 187 Q403 187 403 195 L403 684 Q403 692 395 692 L336 692 Q328 692 328 700 L328 735.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M323.75 729.62 L328 736 L332.25 729.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M319 167 L319 179 Q319 187 327 187 L395 187 Q403 187 403 195 L403 684 Q403 692 395 692 L336 692 Q328 692 328 700 L328 735.47" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.28" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.2244;0.404;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="5.57s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2244;0.2567;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M323.75 729.62 L328 736 L332.25 729.62" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.404;0.4363;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e3`}>
        <path d="M303 587.53 L303 736" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="4.25 3.19" />
        <path d="M307.25 593.38 L303 587 L298.75 593.38" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e4`}>
        <path d="M316 824 L316 887.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M311.75 881.62 L316 888 L320.25 881.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M316 824 L316 887.47" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.28" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.4471;0.5189;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="5.57s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4471;0.4794;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M311.75 881.62 L316 888 L320.25 881.62" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5189;0.5512;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e5`}>
        <path d="M283 991 L283 1028 Q283 1036 275 1036 L138 1036 Q130 1036 130 1044 L130 1171.97" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M125.75 1166.12 L130 1172.5 L134.25 1166.12" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M283 991 L283 1028 Q283 1036 275 1036 L138 1036 Q130 1036 130 1044 L130 1171.97" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.28" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.562;0.7384;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="5.57s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.562;0.5943;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M125.75 1166.12 L130 1172.5 L134.25 1166.12" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7384;0.7707;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e6`}>
        <path d="M305 991 L305 1038 Q305 1046 297 1046 L281 1046 Q273 1046 273 1054 L273 1164.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M268.75 1158.62 L273 1165 L277.25 1158.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e7`}>
        <path d="M326 991 L326 1038 Q326 1046 334 1046 L380 1046 Q388 1046 388 1054 L388 1123 Q388 1131 396 1131 L428 1131 Q436 1131 436 1139 L436 1164.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M431.75 1158.62 L436 1165 L440.25 1158.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e8`}>
        <path d="M540 587 L540 735.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M535.75 729.62 L540 736 L544.25 729.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e9`}>
        <path d="M512 824 L512 1028 Q512 1036 504 1036 L481 1036 Q473 1036 473 1044 L473 1113 Q473 1121 465 1121 L323 1121 Q315 1121 315 1129 L315 1164.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M310.75 1158.62 L315 1165 L319.25 1158.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e10`}>
        <path d="M540 824 L540 1123 Q540 1131 532 1131 L482 1131 Q474 1131 474 1139 L474 1164.47" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M469.75 1158.62 L474 1165 L478.25 1158.62" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e11`}>
        <path d="M348 991 L348 1028 Q348 1036 356 1036 L449 1036 Q457 1036 457 1044 L457 1133 Q457 1141 465 1141 L588 1141 Q596 1141 596 1149 L596 1171.97" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.06 2.66" />
        <path d="M591.75 1166.12 L596 1172.5 L600.25 1166.12" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e12`}>
        <path d="M567 824 L567 1028 Q567 1036 575 1036 L632 1036 Q640 1036 640 1044 L640 1171.97" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.06 2.66" />
        <path d="M635.75 1166.12 L640 1172.5 L644.25 1166.12" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-el-e1`}>
        <rect x="308" y="231" width="48" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="332.26" y="244.61">
            SIGN IN
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e2`}>
        <rect x="408" y="231" width="59" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="437.76" y="244.61">
            QUESTION
          </tspan>
        </text>
        <g opacity="0">
          <rect x="408" y="231" width="59" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.06" />
          <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#60a5fa" textAnchor="middle">
            <tspan x="437.76" y="244.61">
              QUESTION
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2244;0.2567;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e3`}>
        <rect x="308" y="651" width="77" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="346.76" y="664.61">
            VERIFY TOKEN
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e5`}>
        <rect x="135" y="1080" width="119" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="194.76" y="1093.61">
            PROMPT AND CONTEXT
          </tspan>
        </text>
        <g opacity="0">
          <rect x="135" y="1080" width="119" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.06" />
          <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#60a5fa" textAnchor="middle">
            <tspan x="194.76" y="1093.61">
              PROMPT AND CONTEXT
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.562;0.5943;0.9;0.9323;1" dur="5.57s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e6`}>
        <rect x="278" y="1080" width="100" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="328.26" y="1093.61">
            EMBED QUESTION
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e7`}>
        <rect x="393" y="1080" width="54" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="420.26" y="1093.61">
            RETRIEVE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e8`}>
        <rect x="545" y="651" width="92" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="591.26" y="664.61">
            OBJECTCREATED
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e9`}>
        <rect x="478" y="1080" width="52" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="504.26" y="1093.61">
            CHUNKS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e10`}>
        <rect x="545" y="1080" width="42" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="566.26" y="1093.61">
            INDEX
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-cloud`}>
        <rect x="28" y="331" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s1`} x="33.38" y="336.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="28" y="331" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s1`} x="33.38" y="336.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0628;0.0952;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#649adb">
          <tspan x="76" y="354.91">
            AWS CLOUD
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-region`}>
        <rect x="48" y="389" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s2`} x="53.38" y="394.38" width="29.24" height="29.24" filter={`url(#${uid}-f3)`} />
        <g opacity="0">
          <rect x="48" y="389" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s2`} x="53.38" y="394.38" width="29.24" height="29.24" filter={`url(#${uid}-f4)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0628;0.0952;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="96" y="412.91">
            US-EAST-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-query`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="243" y="469.35">
            QUERY
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-ingestion`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="476" y="469.35">
            INGESTION
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-users`}>
        <rect x="287" y="96" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="287" y="96" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s3`} x="296.6" y="105.6" width="28.8" height="28.8" />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="311.46" y="162.53">
            USERS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-auth`}>
        <rect x="278.5" y="499" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="278.5" y="499" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s4`} x="281.86" y="502.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="302.96" y="565.53">
            AMAZON COGNITO
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="302.51" y="582.7">
            User pool
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-api`}>
        <rect x="291.5" y="736" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="291.5" y="736" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="294.86" y="739.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="315.96" y="802.53">
            AMAZON API
          </tspan>
          <tspan x="315.96" y="819.43">
            GATEWAY
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-agent`}>
        <rect x="291.5" y="888" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="291.5" y="888" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s6`} x="294.86" y="891.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="315.96" y="954.53">
            RAG AGENT
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="315.5" y="971.7">
            Amazon Bedrock
          </tspan>
          <tspan x="315.5" y="986.7">
            AgentCore Runtime
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-llm`}>
        <rect x="105.5" y="1172.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="105.5" y="1172.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="108.86" y="1175.86" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="129.96" y="1239.03">
            AMAZON BEDROCK
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="129.5" y="1256.2">
            Text generation model
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-docs`}>
        <rect x="515.5" y="499" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="515.5" y="499" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s8`} x="525.58" y="509.08" width="27.84" height="27.84" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="539.96" y="565.53">
            DOCUMENTS
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="539.5" y="582.7">
            Amazon S3 bucket
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-ingest`}>
        <rect x="515.5" y="736" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="515.5" y="736" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s9`} x="525.58" y="746.08" width="27.84" height="27.84" filter={`url(#${uid}-f6)`} />
        <text fontSize="10.25" fontWeight="700" letterSpacing="0.82" fill="#9d9fa0" textAnchor="middle">
          <tspan x="539.91" y="802.09">
            INGESTION FUNCTION
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="539.5" y="819.7">
            Chunk and embed
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-embed`}>
        <rect x="270" y="1165" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="270" y="1165" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="273.36" y="1168.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="294.46" y="1231.53">
            AMAZON BEDROCK
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="294" y="1248.7">
            Titan Text Embeddings
          </tspan>
          <tspan x="294" y="1263.7">
            V2
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-vectors`}>
        <rect x="431" y="1165" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="431" y="1165" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s10`} x="441.08" y="1175.08" width="27.84" height="27.84" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="455.46" y="1231.53">
            VECTOR INDEX
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="455" y="1248.7">
            Amazon OpenSearch
          </tspan>
          <tspan x="455" y="1263.7">
            Serverless
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-logs`}>
        <rect x="594" y="1172.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.06" />
        <g opacity="0">
          <rect x="594" y="1172.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.06" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1257;0.158;0.9077;0.94;1" dur="5.57s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s11`} x="597.36" y="1175.86" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.5" fontWeight="700" letterSpacing="0.92" fill="#9d9fa0" textAnchor="middle">
          <tspan x="618.46" y="1239.03">
            AMAZON CLOUDWATCH
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="618" y="1256.2">
            Logs and traces
          </tspan>
        </text>
      </g>
      <g id={`${uid}-story`}>
        <circle r="2.13" fill="#60a5fa" opacity="0">
          <animateMotion path="M303 167 L303 498.47" dur="5.57s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4557;0.6308;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4288;0.4557;0.6308;0.6578;1" dur="5.57s" repeatCount="indefinite" />
        </circle>
        <path d="M319 167 L319 179 Q319 187 327 187 L395 187 Q403 187 403 195 L403 684 Q403 692 395 692 L336 692 Q328 692 328 700 L328 735.47" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.55" pathLength="1" strokeDasharray="0.04 2" strokeDashoffset="0.04" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.04;0.04;-0.96;-1;-1" keyTimes="0;0.2244;0.404;0.4108;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="5.57s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2244;0.2262;0.4108;0.4126;1" dur="5.57s" repeatCount="indefinite" />
        </path>
        <circle r="2.66" fill="#60a5fa" opacity="0">
          <animateMotion path="M319 167 L319 179 Q319 187 327 187 L395 187 Q403 187 403 195 L403 684 Q403 692 395 692 L336 692 Q328 692 328 700 L328 735.47" dur="5.57s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.2244;0.404;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1975;0.2244;0.4471;0.474;1" dur="5.57s" repeatCount="indefinite" />
        </circle>
        <circle r="2.13" fill="#60a5fa" opacity="0">
          <animateMotion path="M303 587.53 L303 736" dur="5.57s" repeatCount="indefinite" calcMode="spline" keyPoints="1;1;0;0" keyTimes="0;0.6099;0.6885;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.583;0.6099;0.6885;0.7154;1" dur="5.57s" repeatCount="indefinite" />
        </circle>
        <path d="M316 824 L316 887.47" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.55" pathLength="1" strokeDasharray="0.44 2" strokeDashoffset="0.44" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.44;0.44;-0.56;-1;-1" keyTimes="0;0.4471;0.5189;0.5502;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="5.57s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4471;0.4489;0.5502;0.552;1" dur="5.57s" repeatCount="indefinite" />
        </path>
        <circle r="2.66" fill="#60a5fa" opacity="0">
          <animateMotion path="M316 824 L316 887.47" dur="5.57s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4471;0.5189;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4201;0.4471;0.562;0.5889;1" dur="5.57s" repeatCount="indefinite" />
        </circle>
        <path d="M283 991 L283 1028 Q283 1036 275 1036 L138 1036 Q130 1036 130 1044 L130 1171.97" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.55" pathLength="1" strokeDasharray="0.08 2" strokeDashoffset="0.08" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.08;0.08;-0.92;-1;-1" keyTimes="0;0.562;0.7384;0.753;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="5.57s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.562;0.5638;0.753;0.7548;1" dur="5.57s" repeatCount="indefinite" />
        </path>
        <circle r="2.66" fill="#60a5fa" opacity="0">
          <animateMotion path="M283 991 L283 1028 Q283 1036 275 1036 L138 1036 Q130 1036 130 1044 L130 1171.97" dur="5.57s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.562;0.7384;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.535;0.562;0.7384;0.7653;1" dur="5.57s" repeatCount="indefinite" />
        </circle>
      </g>
      <g id={`${uid}-legend`}>
        <rect x="750" y="1320" width="158" height="71" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.06" />
        <path d="M760 1337.5 H788" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" />
        <text fontSize="9" fontWeight="700" letterSpacing="0.54" fill="#9d9fa0">
          <tspan x="796" y="1340.7">
            REQUESTS AND DATA
          </tspan>
        </text>
        <path d="M760 1355.5 H788" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeDasharray="4.25 3.19" />
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.57" fill="#9d9fa0">
          <tspan x="796" y="1358.87">
            AUTHENTICATION
          </tspan>
        </text>
        <path d="M760 1373.5 H788" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.06" strokeLinecap="round" strokeDasharray="1.06 2.66" />
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.57" fill="#9d9fa0">
          <tspan x="796" y="1376.87">
            TELEMETRY
          </tspan>
        </text>
      </g>
    </svg>
  );
}
