fabro/docs/images/tutorial-multi-model.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

100 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: MultiModel Pages: 1 -->
<svg width="664pt" height="55pt"
viewBox="0.00 0.00 664.00 55.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 51.38)">
<title>MultiModel</title>
<!-- start -->
<g id="node1" class="node">
<title>start</title>
<polygon fill="none" stroke="#357f9e" points="35.26,-41.69 0,-23.69 35.26,-5.69 70.52,-23.69 35.26,-41.69"/>
<polyline fill="none" stroke="#357f9e" points="10.69,-29.14 10.69,-18.23"/>
<polyline fill="none" stroke="#357f9e" points="24.57,-11.14 45.95,-11.14"/>
<polyline fill="none" stroke="#357f9e" points="59.83,-18.23 59.83,-29.14"/>
<polyline fill="none" stroke="#357f9e" points="45.95,-36.23 24.57,-36.23"/>
<text xml:space="preserve" text-anchor="middle" x="35.26" y="-18.66" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Start</text>
</g>
<!-- spec -->
<g id="node3" class="node">
<title>spec</title>
<polygon fill="none" stroke="#357f9e" points="181.02,-41.69 118.52,-41.69 118.52,-45.69 106.52,-45.69 106.52,-5.69 181.02,-5.69 181.02,-41.69"/>
<polyline fill="none" stroke="#357f9e" points="106.52,-41.69 118.52,-41.69"/>
<text xml:space="preserve" text-anchor="middle" x="143.77" y="-25.04" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Write Spec</text>
<text xml:space="preserve" text-anchor="middle" x="143.77" y="-12.29" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">(Haiku)</text>
</g>
<!-- start&#45;&gt;spec -->
<g id="edge1" class="edge">
<title>start&#45;&gt;spec</title>
<path fill="none" stroke="#666666" d="M71.43,-23.69C78.92,-23.69 86.96,-23.69 94.83,-23.69"/>
<polygon fill="#666666" stroke="#666666" points="94.66,-27.19 104.66,-23.69 94.66,-20.19 94.66,-27.19"/>
</g>
<!-- exit -->
<g id="node2" class="node">
<title>exit</title>
<polygon fill="none" stroke="#357f9e" points="656.5,-41.81 620.25,-41.81 620.25,-5.56 656.5,-5.56 656.5,-41.81"/>
<polyline fill="none" stroke="#357f9e" points="632.25,-41.81 620.25,-29.81"/>
<polyline fill="none" stroke="#357f9e" points="620.25,-17.56 632.25,-5.56"/>
<polyline fill="none" stroke="#357f9e" points="644.5,-5.56 656.5,-17.56"/>
<polyline fill="none" stroke="#357f9e" points="656.5,-29.81 644.5,-41.81"/>
<text xml:space="preserve" text-anchor="middle" x="638.37" y="-18.66" 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="267.58" cy="-23.69" rx="50.56" ry="23.69"/>
<text xml:space="preserve" text-anchor="middle" x="267.58" y="-25.04" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Implement</text>
<text xml:space="preserve" text-anchor="middle" x="267.58" y="-12.29" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">(Sonnet)</text>
</g>
<!-- spec&#45;&gt;implement -->
<g id="edge2" class="edge">
<title>spec&#45;&gt;implement</title>
<path fill="none" stroke="#666666" d="M181.32,-23.69C188.84,-23.69 196.96,-23.69 205.1,-23.69"/>
<polygon fill="#666666" stroke="#666666" points="205.03,-27.19 215.03,-23.69 205.03,-20.19 205.03,-27.19"/>
</g>
<!-- test -->
<g id="node5" class="node">
<title>test</title>
<ellipse fill="none" stroke="#357f9e" cx="406.82" cy="-23.69" rx="52.68" ry="23.69"/>
<text xml:space="preserve" text-anchor="middle" x="406.82" y="-25.04" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Write Tests</text>
<text xml:space="preserve" text-anchor="middle" x="406.82" y="-12.29" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">(Sonnet)</text>
</g>
<!-- implement&#45;&gt;test -->
<g id="edge3" class="edge">
<title>implement&#45;&gt;test</title>
<path fill="none" stroke="#666666" d="M318.51,-23.69C326.33,-23.69 334.49,-23.69 342.56,-23.69"/>
<polygon fill="#666666" stroke="#666666" points="342.33,-27.19 352.33,-23.69 342.33,-20.19 342.33,-27.19"/>
</g>
<!-- review -->
<g id="node6" class="node">
<title>review</title>
<polygon fill="none" stroke="#357f9e" points="584.25,-41.69 507.5,-41.69 507.5,-45.69 495.5,-45.69 495.5,-5.69 584.25,-5.69 584.25,-41.69"/>
<polyline fill="none" stroke="#357f9e" points="495.5,-41.69 507.5,-41.69"/>
<text xml:space="preserve" text-anchor="middle" x="539.87" y="-25.04" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">Code Review</text>
<text xml:space="preserve" text-anchor="middle" x="539.87" y="-12.29" font-family="Helvetica,sans-Serif" font-size="12.00" fill="#1a1a1a">(Sonnet)</text>
</g>
<!-- test&#45;&gt;review -->
<g id="edge4" class="edge">
<title>test&#45;&gt;review</title>
<path fill="none" stroke="#666666" d="M459.99,-23.69C467.86,-23.69 475.99,-23.69 483.91,-23.69"/>
<polygon fill="#666666" stroke="#666666" points="483.8,-27.19 493.8,-23.69 483.8,-20.19 483.8,-27.19"/>
</g>
<!-- review&#45;&gt;exit -->
<g id="edge5" class="edge">
<title>review&#45;&gt;exit</title>
<path fill="none" stroke="#666666" d="M584.61,-23.69C592.75,-23.69 601.08,-23.69 608.63,-23.69"/>
<polygon fill="#666666" stroke="#666666" points="608.58,-27.19 618.58,-23.69 608.58,-20.19 608.58,-27.19"/>
</g>
</g>
</svg>