49 lines
3.1 KiB
XML
49 lines
3.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="420" viewBox="0 0 1200 420" role="img" aria-labelledby="title desc">
|
|
<title id="title">PiAgentUI</title>
|
|
<desc id="desc">PiAgentUI: a desktop and web workspace for live Pi Agent sessions. On the right, a simplified app window shows a chat with a tool call card, the composer prompt and the Files, Changes, MCP and Skills side panel.</desc>
|
|
|
|
<rect width="1200" height="420" rx="24" fill="#1e1d1c"/>
|
|
|
|
<g id="title-block" font-family="system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif">
|
|
<text x="64" y="156" font-size="68" font-weight="700" fill="#f4f1ea">PiAgentUI</text>
|
|
<text x="64" y="214" font-size="28" fill="#f4f1ea">A desktop and web workspace for</text>
|
|
<text x="64" y="252" font-size="28" fill="#f4f1ea">live Pi Agent sessions, tools and MCP.</text>
|
|
<text x="64" y="326" font-size="20" fill="#a8a29e" font-family="ui-monospace, "SF Mono", Consolas, monospace">React 19 · Vite 8 · Tauri 2 · Node ≥22</text>
|
|
</g>
|
|
|
|
<g id="workspace" transform="translate(640 60)" font-family="system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif">
|
|
<rect width="496" height="300" rx="16" fill="#262422" stroke="#3a3633" stroke-width="2"/>
|
|
<text x="24" y="31" font-size="18" fill="#a8a29e">Session</text>
|
|
<line x1="0" y1="48" x2="496" y2="48" stroke="#3a3633" stroke-width="2"/>
|
|
<line x1="316" y1="48" x2="316" y2="300" stroke="#3a3633" stroke-width="2"/>
|
|
|
|
<g id="chat">
|
|
<rect x="124" y="64" width="176" height="40" rx="12" fill="#3a3633"/>
|
|
<text x="140" y="91" font-size="20" fill="#f4f1ea">fix the build</text>
|
|
|
|
<rect x="24" y="120" width="276" height="76" rx="12" fill="none" stroke="#d97706" stroke-width="2"/>
|
|
<g font-family="ui-monospace, "SF Mono", Consolas, monospace" font-size="18">
|
|
<text x="40" y="150" fill="#d97706">bash</text>
|
|
<text x="96" y="150" fill="#f4f1ea">npm run build</text>
|
|
<path d="M42 172 L48 178 L60 165" fill="none" stroke="#a8a29e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<text x="70" y="180" fill="#a8a29e">exit 0</text>
|
|
</g>
|
|
|
|
<text x="24" y="232" font-size="20" fill="#f4f1ea">Build passes.</text>
|
|
|
|
<rect x="24" y="248" width="276" height="36" rx="10" fill="#1e1d1c" stroke="#3a3633" stroke-width="2"/>
|
|
<path d="M38 259 L46 266 L38 273" fill="none" stroke="#d97706" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<line x1="50" y1="274" x2="56" y2="274" stroke="#d97706" stroke-width="3" stroke-linecap="round"/>
|
|
<text x="68" y="272" font-size="18" fill="#a8a29e">Reply to agent</text>
|
|
</g>
|
|
|
|
<g id="side-panel" font-size="20">
|
|
<text x="344" y="96" fill="#a8a29e">Files</text>
|
|
<text x="344" y="140" fill="#a8a29e">Changes</text>
|
|
<rect x="328" y="164" width="4" height="28" rx="2" fill="#d97706"/>
|
|
<text x="344" y="184" fill="#d97706" font-weight="700">MCP</text>
|
|
<text x="344" y="228" fill="#a8a29e">Skills</text>
|
|
</g>
|
|
</g>
|
|
</svg>
|