<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg">
<!-- Window Frame -->
<rect x="0" y="0" width="800" height="800" rx="12" ry="12" fill="#1e1e1e"/>
<!-- Title Bar -->
<rect x="0" y="0" width="800" height="40" rx="12" ry="12" fill="#252526"/>
<rect x="0" y="30" width="800" height="10" fill="#252526"/> <!-- Square off bottom corners of title bar -->
<circle cx="20" cy="20" r="6" fill="#ff5f56"/>
<circle cx="40" cy="20" r="6" fill="#ffbd2e"/>
<circle cx="60" cy="20" r="6" fill="#27c93f"/>
<text x="400" y="25" text-anchor="middle" font-family="Monospace" font-size="14" fill="#cccccc">cite-finance-mcp — zsh</text>
<!-- Content -->
<g transform="translate(40, 80)" font-family="Monospace" font-size="20">
<!-- Command -->
<text x="0" y="0" fill="#569cd6">➜</text>
<text x="30" y="0" fill="#cccccc">uvx cite-finance-mcp</text>
<!-- Output -->
<text x="0" y="40" fill="#4ec9b0">INFO</text>
<text x="60" y="40" fill="#cccccc">Server running on stdio...</text>
<!-- Query -->
<text x="0" y="90" fill="#569cd6">➜</text>
<text x="30" y="90" fill="#cccccc">get_financials AAPL --metric revenue</text>
<!-- JSON Response -->
<text x="0" y="140" fill="#ce9178">"{</text>
<text x="20" y="170" fill="#9cdcfe">"ticker"</text><text x="110" y="170" fill="#cccccc">: </text><text x="130" y="170" fill="#ce9178">"AAPL"</text><text x="190" y="170" fill="#cccccc">,</text>
<text x="20" y="200" fill="#9cdcfe">"value"</text><text x="110" y="200" fill="#cccccc">: </text><text x="130" y="200" fill="#b5cea8">383285000000</text><text x="260" y="200" fill="#cccccc">,</text>
<!-- The Money Shot: Citation -->
<rect x="15" y="225" width="700" height="100" fill="#2d2d30" rx="4"/>
<text x="30" y="250" fill="#9cdcfe">"citation"</text><text x="140" y="250" fill="#cccccc">: {</text>
<text x="50" y="280" fill="#9cdcfe">"source"</text><text x="140" y="280" fill="#cccccc">: </text><text x="160" y="280" fill="#ce9178">"SEC 10-K (2024)"</text><text x="350" y="280" fill="#cccccc">,</text>
<text x="50" y="310" fill="#9cdcfe">"verified"</text><text x="160" y="310" fill="#cccccc">: </text><text x="180" y="310" fill="#6a9955">true</text>
<text x="30" y="340" fill="#cccccc">}</text>
<text x="0" y="370" fill="#ce9178">}"</text>
</g>
</svg>
