fig1_traditional_workflow.svg•18.3 kB
<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 954.58203125 524.328125" style="max-width: 954.582px; background-color: transparent;" class="flowchart" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#a44141;}#my-svg .error-text{fill:#ddd;stroke:#ddd;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:lightgrey;stroke:lightgrey;}#my-svg .marker.cross{stroke:lightgrey;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#my-svg .cluster-label text{fill:#F9FFFE;}#my-svg .cluster-label span{color:#F9FFFE;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#ccc;color:#ccc;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#my-svg .arrowheadPath{fill:lightgrey;}#my-svg .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:lightgrey;fill:none;}#my-svg .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#my-svg .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#my-svg .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#my-svg .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#my-svg .cluster text{fill:#F9FFFE;}#my-svg .cluster span{color:#F9FFFE;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="my-svg_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="my-svg_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"><g data-look="classic" id="subGraph0" class="cluster"><rect height="172.328125" width="922.1484375" y="344" x="8" style=""/><g transform="translate(400.94921875, 344)" class="cluster-label"><foreignObject height="24" width="136.25"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Knowledge Sources</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M426.188,181.188L405.697,186.823C385.206,192.459,344.224,203.729,323.733,212.865C303.242,222,303.242,229,303.242,232.5L303.242,236"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_0" d="M231.211,283.489L205.356,289.407C179.501,295.326,127.792,307.163,101.937,317.248C76.082,327.333,76.082,335.667,78.129,345.957C80.175,356.247,84.269,368.494,86.315,374.617L88.362,380.741"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_D_0" d="M303.242,294L303.242,298.167C303.242,302.333,303.242,310.667,303.242,319C303.242,327.333,303.242,335.667,313.569,349.245C323.895,362.823,344.548,381.646,354.874,391.058L365.201,400.47"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_E_0" d="M375.273,282.413L403.772,288.511C432.271,294.608,489.268,306.804,517.767,317.069C546.266,327.333,546.266,335.667,555.367,349.216C564.469,362.764,582.671,381.529,591.773,390.911L600.874,400.293"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_F_0" d="M375.273,275.688L435.126,282.906C494.978,290.125,614.682,304.563,674.535,315.948C734.387,327.333,734.387,335.667,743.594,349.218C752.801,362.77,771.216,381.539,780.424,390.924L789.631,400.309"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_C_0" d="M426.188,172.094L374.184,179.245C322.18,186.396,218.172,200.698,166.168,216.516C114.164,232.333,114.164,249.667,114.164,267C114.164,284.333,114.164,301.667,114.164,314.5C114.164,327.333,114.164,335.667,113.706,344.48C113.248,353.293,112.333,362.586,111.875,367.233L111.417,371.88"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_D_0" d="M492.32,190L492.32,194.167C492.32,198.333,492.32,206.667,492.32,219.5C492.32,232.333,492.32,249.667,492.32,267C492.32,284.333,492.32,301.667,492.32,314.5C492.32,327.333,492.32,335.667,481.994,349.245C471.668,362.823,451.015,381.646,440.688,391.058L430.362,400.47"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_E_0" d="M558.453,181.525L578.37,187.104C598.286,192.684,638.12,203.842,658.036,218.088C677.953,232.333,677.953,249.667,677.953,267C677.953,284.333,677.953,301.667,677.953,314.5C677.953,327.333,677.953,335.667,672.773,349.112C667.593,362.557,657.234,381.114,652.054,390.393L646.874,399.671"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_F_0" d="M558.453,172.239L609.467,179.366C660.48,186.493,762.508,200.746,813.521,216.54C864.535,232.333,864.535,249.667,864.535,267C864.535,284.333,864.535,301.667,864.535,314.5C864.535,327.333,864.535,335.667,859.627,349.105C854.719,362.543,844.903,381.086,839.995,390.357L835.087,399.629"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_G_A_0" d="M492.32,62L492.32,68.167C492.32,74.333,492.32,86.667,492.32,98.333C492.32,110,492.32,121,492.32,126.5L492.32,132"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(114.1640625, 267)" class="edgeLabel"><g transform="translate(-82.046875, -12)" class="label"><foreignObject height="24" width="164.09375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Manual Search / Recall</p></span></div></foreignObject></g></g><g transform="translate(492.3203125, 267)" class="edgeLabel"><g transform="translate(-82.046875, -12)" class="label"><foreignObject height="24" width="164.09375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Manual Search / Recall</p></span></div></foreignObject></g></g><g transform="translate(677.953125, 267)" class="edgeLabel"><g transform="translate(-82.046875, -12)" class="label"><foreignObject height="24" width="164.09375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Manual Search / Recall</p></span></div></foreignObject></g></g><g transform="translate(864.53515625, 267)" class="edgeLabel"><g transform="translate(-82.046875, -12)" class="label"><foreignObject height="24" width="164.09375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Manual Search / Recall</p></span></div></foreignObject></g></g><g transform="translate(492.3203125, 99)" class="edgeLabel"><g transform="translate(-81.1171875, -12)" class="label"><foreignObject height="24" width="162.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Limited, Stale Context</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(492.3203125, 163)" id="flowchart-A-0" class="node default"><rect height="54" width="132.265625" y="-27" x="-66.1328125" style="fill:#42A5F5 !important;stroke:#E6E6E6 !important;stroke-width:1px !important" class="basic label-container"/><g transform="translate(-36.1328125, -12)" style="" class="label"><rect/><foreignObject height="24" width="72.265625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Developer</p></span></div></foreignObject></g></g><g transform="translate(303.2421875, 267)" id="flowchart-B-1" class="node default"><rect height="54" width="144.0625" y="-27" x="-72.03125" style="fill:#42A5F5 !important;stroke:#E6E6E6 !important;stroke-width:1px !important" class="basic label-container"/><g transform="translate(-42.03125, -12)" style="" class="label"><rect/><foreignObject height="24" width="84.0625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>IDE / Editor</p></span></div></foreignObject></g></g><g transform="translate(104.1640625, 430.1640625)" id="flowchart-C-3" class="node default"><polygon style="fill:#66BB6A !important;stroke:#E6E6E6 !important;stroke-width:1px !important" transform="translate(-61.1640625,61.1640625)" class="label-container" points="61.1640625,0 122.328125,-61.1640625 61.1640625,-122.328125 0,-61.1640625"/><g transform="translate(-34.1640625, -12)" style="" class="label"><rect/><foreignObject height="24" width="68.328125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Codebase</p></span></div></foreignObject></g></g><g transform="translate(397.78125, 430.1640625)" id="flowchart-D-5" class="node default"><rect height="54" width="148.65625" y="-27" x="-74.328125" style="fill:#66BB6A !important;stroke:#E6E6E6 !important;stroke-width:1px !important" class="basic label-container"/><g transform="translate(-44.328125, -12)" style="" class="label"><rect/><foreignObject height="24" width="88.65625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Git Commits</p></span></div></foreignObject></g></g><g transform="translate(629.8515625, 430.1640625)" id="flowchart-E-7" class="node default"><rect height="54" width="125.6875" y="-27" x="-62.84375" style="fill:#66BB6A !important;stroke:#E6E6E6 !important;stroke-width:1px !important" class="basic label-container"/><g transform="translate(-32.84375, -12)" style="" class="label"><rect/><foreignObject height="24" width="65.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Docs .md</p></span></div></foreignObject></g></g><g transform="translate(818.921875, 430.1640625)" id="flowchart-F-9" class="node default"><rect height="54" width="152.453125" y="-27" x="-76.2265625" style="fill:#66BB6A !important;stroke:#E6E6E6 !important;stroke-width:1px !important" class="basic label-container"/><g transform="translate(-46.2265625, -12)" style="" class="label"><rect/><foreignObject height="24" width="92.453125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Chat / Issues</p></span></div></foreignObject></g></g><g transform="translate(492.3203125, 35)" id="flowchart-G-18" class="node default"><rect height="54" width="141.09375" y="-27" x="-70.546875" style="fill:#FFCA28 !important;stroke:#E6E6E6 !important;stroke-width:1px !important" class="basic label-container"/><g transform="translate(-40.546875, -12)" style="color:#333333 !important" class="label"><rect/><foreignObject height="24" width="81.09375"><div xmlns="http://www.w3.org/1999/xhtml" style="color: rgb(51, 51, 51) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel" style="color:#333333 !important"><p>AI Assistant</p></span></div></foreignObject></g></g></g></g></g></svg>
