fabro/docs/images/tutorial-branch-loop.svg
Bryan Helmkamp 21f9841623 Fill in tutorials, examples, and reference docs with content and SVGs
- Add SVG workflow diagrams for all tutorials and examples
- Fill in NLSpec Convergence and Semantic Port example content
- Add Solitaire example workflow
- Add error handling sections to tools and subagents docs
- Add context compaction and artifact offloading to context docs
- Add credential redaction note to observability docs
- Add workflow diagram Frame references to tutorials

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-05 22:14:02 -05:00

103 lines
5.5 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 14.1.2 (20260124.0452)
-->
<!-- Title: BranchLoop Pages: 1 -->
<svg width="733pt" height="79pt"
viewBox="0.00 0.00 733.00 79.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<style>
@media (prefers-color-scheme: dark) {
[fill="#1a1a1a"] { fill: #e5e5e5; }
[fill="#666666"] { fill: #aaaaaa; }
[stroke="#666666"] { stroke: #aaaaaa; }
[stroke="#999999"] { stroke: #777777; }
}
</style>
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 75.12)">
<title>BranchLoop</title>
<!-- start -->
<g id="node1" class="node">
<title>start</title>
<polygon fill="none" stroke="#357f9e" points="35.26,-36.12 0,-18.13 35.26,-0.13 70.52,-18.12 35.26,-36.12"/>
<polyline fill="none" stroke="#357f9e" points="10.69,-23.58 10.69,-12.67"/>
<polyline fill="none" stroke="#357f9e" points="24.57,-5.58 45.95,-5.58"/>
<polyline fill="none" stroke="#357f9e" points="59.83,-12.67 59.83,-23.58"/>
<polyline fill="none" stroke="#357f9e" points="45.95,-30.67 24.57,-30.67"/>
<text xml:space="preserve" text-anchor="middle" x="35.26" y="-13.1" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Start</text>
</g>
<!-- plan -->
<g id="node3" class="node">
<title>plan</title>
<polygon fill="none" stroke="#357f9e" points="161.52,-36.12 119.52,-36.12 119.52,-40.12 107.52,-40.12 107.52,-0.12 161.52,-0.12 161.52,-36.12"/>
<polyline fill="none" stroke="#357f9e" points="107.52,-36.12 119.52,-36.12"/>
<text xml:space="preserve" text-anchor="middle" x="134.52" y="-13.1" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Plan</text>
</g>
<!-- start&#45;&gt;plan -->
<g id="edge1" class="edge">
<title>start&#45;&gt;plan</title>
<path fill="none" stroke="#666666" d="M71.37,-18.12C79.34,-18.12 87.84,-18.12 95.91,-18.12"/>
<polygon fill="#666666" stroke="#666666" points="95.8,-21.63 105.8,-18.13 95.8,-14.63 95.8,-21.63"/>
</g>
<!-- exit -->
<g id="node2" class="node">
<title>exit</title>
<polygon fill="none" stroke="#357f9e" points="725.45,-36.25 689.2,-36.25 689.2,0 725.45,0 725.45,-36.25"/>
<polyline fill="none" stroke="#357f9e" points="701.2,-36.25 689.2,-24.25"/>
<polyline fill="none" stroke="#357f9e" points="689.2,-12 701.2,0"/>
<polyline fill="none" stroke="#357f9e" points="713.45,0 725.45,-12"/>
<polyline fill="none" stroke="#357f9e" points="725.45,-24.25 713.45,-36.25"/>
<text xml:space="preserve" text-anchor="middle" x="707.33" y="-13.1" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Exit</text>
</g>
<!-- implement -->
<g id="node4" class="node">
<title>implement</title>
<ellipse fill="none" stroke="#357f9e" cx="242.27" cy="-18.12" rx="43.75" ry="18"/>
<text xml:space="preserve" text-anchor="middle" x="242.27" y="-13.1" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Implement</text>
</g>
<!-- plan&#45;&gt;implement -->
<g id="edge2" class="edge">
<title>plan&#45;&gt;implement</title>
<path fill="none" stroke="#666666" d="M161.93,-18.12C169.59,-18.12 178.24,-18.12 186.95,-18.12"/>
<polygon fill="#666666" stroke="#666666" points="186.83,-21.63 196.83,-18.13 186.83,-14.63 186.83,-21.63"/>
</g>
<!-- validate -->
<g id="node5" class="node">
<title>validate</title>
<polygon fill="none" stroke="#357f9e" points="428.43,-71.12 344.59,-71.12 323.02,-35.13 406.86,-35.12 428.43,-71.12"/>
<text xml:space="preserve" text-anchor="middle" x="375.72" y="-48.1" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Validate</text>
</g>
<!-- implement&#45;&gt;validate -->
<g id="edge3" class="edge">
<title>implement&#45;&gt;validate</title>
<path fill="none" stroke="#666666" d="M279.54,-27.78C290.48,-30.69 302.79,-33.97 314.84,-37.18"/>
<polygon fill="#666666" stroke="#666666" points="313.75,-40.51 324.32,-39.7 315.55,-33.75 313.75,-40.51"/>
</g>
<!-- gate -->
<g id="node6" class="node">
<title>gate</title>
<polygon fill="none" stroke="#357f9e" points="548.07,-36.12 465.43,-18.13 548.07,-0.13 630.7,-18.12 548.07,-36.12"/>
<text xml:space="preserve" text-anchor="middle" x="548.07" y="-13.1" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Tests passing?</text>
</g>
<!-- validate&#45;&gt;gate -->
<g id="edge4" class="edge">
<title>validate&#45;&gt;gate</title>
<path fill="none" stroke="#666666" d="M413.27,-45.62C436.43,-40.86 466.81,-34.62 492.76,-29.28"/>
<polygon fill="#666666" stroke="#666666" points="493.38,-32.73 502.48,-27.29 491.98,-25.87 493.38,-32.73"/>
</g>
<!-- gate&#45;&gt;exit -->
<g id="edge5" class="edge">
<title>gate&#45;&gt;exit</title>
<path fill="none" stroke="#666666" d="M632.76,-18.12C648.88,-18.12 664.72,-18.12 677.54,-18.12"/>
<polygon fill="#666666" stroke="#666666" points="677.31,-21.63 687.31,-18.13 677.31,-14.63 677.31,-21.63"/>
<text xml:space="preserve" text-anchor="middle" x="659.95" y="-19.88" font-family="Helvetica,sans-Serif" font-size="10.00" fill="#666666">Pass</text>
</g>
<!-- gate&#45;&gt;implement -->
<g id="edge6" class="edge">
<title>gate&#45;&gt;implement</title>
<path fill="none" stroke="#666666" d="M473.91,-15.78C430.13,-14.69 373.39,-13.85 323.02,-14.88 314.73,-15.04 305.97,-15.31 297.39,-15.62"/>
<polygon fill="#666666" stroke="#666666" points="297.26,-12.12 287.4,-16.01 297.53,-19.12 297.26,-12.12"/>
<text xml:space="preserve" text-anchor="middle" x="375.72" y="-16.62" font-family="Helvetica,sans-Serif" font-size="10.00" fill="#666666">Fix</text>
</g>
</g>
</svg>